Por mucho que nos gustaría no molestarnos en inventar un diseño de documentación, no hay forma de evitarlo. Su documentación es lo que le representa a sus usuarios, por lo que es mejor que se vea decente.
No necesita necesariamente un diseñador para realizar esta tarea en particular. En este post, vamos a mostrarte varios enfoques para crear un esquema de colores.
Utilice una plantilla
Uno no se limita a escribir manuales de usuario en el Bloc de notas. Ojalá fuera así de simple. Así que, probablemente, ya esté utilizando una herramienta para la creación de documentación. Si no, entonces definitivamente deberías considerar hacerlo porque la documentación es mucho más que texto plano: capturas de pantalla, esquemas, tablas, listas ordenadas y tal vez cosas aún más profesionales, como abastecimiento único, restricción de acceso, un sacrificio de sangre por dioses que te ayudará a obtener la versión correcta de tu aplicación cuando salga una nueva, y de repente necesitas cambiar ese número en cada página (¡ah, por vivir en el siglo XXI! En herramientas de creación de documentación como ClickHelp, solo puede usar variables para almacenar el número de versión, para que no tenga que buscarlo en pixel a lo largo de toda la documentación), etc.
Las herramientas de creación de documentación pueden ayudarlo en muchos aspectos de su proceso de trabajo, incluido el diseño. Las plantillas preconfiguradas casi siempre forman parte del trato.
Como regla general, el software para escribir documentación cuenta con varias plantillas diseñadas para diferentes tipos de documentación. Por ejemplo, aquí hay una plantilla para documentos de API con bloques claros y oscuros:
Por lo tanto, tendrá algunas opciones para elegir.
Por supuesto, el uso de una plantilla lista le ahorrará mucho tiempo, pero no olvide que aún debe ser identificable con su negocio. Este es un enfoque a considerar: elija una plantilla lista que coincida con el estilo de su empresa y haga algunas reparaciones menores.
Pros
- Obtienes un diseño listo
- Los diseños son creados por profesionales
Contras
- Las plantillas no siempre son gratuitas
- Los diseños listos no siempre se ajustan a tu estilo corporativo
- Algunos cambios y correcciones todavía se necesitan con bastante frecuencia
Tabla de Contenidos
Ir Corporativo
Este enfoque requiere un poco más de rascarse la cabeza. Cada empresa tiene algunas soluciones de diseño básicas que se utilizan en el diseño de sus productos, en su sitio web, en sus anuncios, etc. Tu estilo es lo que hace que tu producto destaque, así es como la gente recordará tu marca y la encontrará entre otras. Incluso cuando los usuarios vienen a leer sus manuales, deben ser conscientes de qué marca es. En primer lugar, esto da más visibilidad, una mayor oportunidad de ser reconocido en el futuro. En segundo lugar, esto sigue siendo un gran ahorro de tiempo. En tercer lugar, esto simplemente te hará lucir bien: los usuarios notarán que las personas de esta empresa realmente se toman su trabajo en serio, sin dejar pasar el más mínimo detalle.
Así que, sí, usar su estilo corporativo para la documentación del usuario es un enfoque altamente recomendable.
Si hay una guía de estilo, esto es genial. Ya se han decidido todas las fuentes y colores. Pero, también, esté listo para alterar un par de colores y agregar algunos adicionales al esquema. Como algunos tonos de alarma rojo, amarillo y naranja para advertencias, por ejemplo. Más adelante en este artículo, le daremos algunas pautas sobre técnicas de coincidencia de colores, para que esté completamente equipado para elegir los colores adicionales correctos según su guía de estilo corporativo.
Pros
- Le ahorrará mucho tiempo, ya que no necesita hacer el diseño desde cero
- En la mayoría de los casos, hay una guía de estilo lista a mano
Contras
- Lo más probable es que haya algunos elementos no cubiertos por su guía de estilo
- Se requerirán algunas modificaciones adicionales
Crear esquemas de color desde cero
Así es, así es como se complica. Creando un nuevo esquema de colores. Puede haber varias razones por las que se enfrenta a esta tarea, no vamos a detenernos en esto. En su lugar, vamos a ofrecerle pasos universales para crear un esquema de colores. Se pueden utilizar para portales de documentación, sitios web, documentos independientes, etc.:
- Piense en lo que representa su producto. Cada nicho tiene sus propias peculiaridades, estándares y tendencias. Los esquemas de color de entretenimiento gravitan hacia colores más brillantes y audaces con más acentos, mientras que el estilo corporativo es más frío, neutro y liso.
- Elija colores primarios. Esta será la base de todo el esquema de colores. Y recuerda que solo necesitas uno o dos colores primarios por diseño. Vea cómo encontrar colores coincidentes en la siguiente sección de este artículo.
- Elija colores para acentos. Asegúrese de tener algunos colores básicos y acentos más brillantes, para que su esquema de colores no se vea aburrido y se enfaticen todas las cosas importantes.
- Defina qué elementos adicionales tendrá (tablas, cuadros de información, cuadros de advertencia, etc.).) y elegir colores para ellos, también. Como regla general, se trata de versiones más brillantes, oscuras o saturadas de los colores que ya ha elegido para su paleta. Si sientes que las cosas se están saliendo de control con esta cantidad de tonos, simplemente elige tus colores de acento.
- Aay está hecho! Toma tus colores, agítalos, no revuelvas 🙂
Pros
- El diseño será verdaderamente único
- Todo el proceso está bajo control desde el principio hasta la línea de meta
Contras
- Si eres nuevo en esto
- Desarrollar un nuevo diseño de marca requiere una cantidad de tiempo considerada asignada
Fundamentos de la teoría del color – Rueda de color
Ahora, a la parte más interesante, aprendamos a combinar y combinar colores. Esto va a ser mucho más fácil de lo que probablemente hayas imaginado.
La cosa mágica que hará casi todo el trabajo para nosotros se llama la rueda de colores:
Y, aquí hay algunas formas en que los colores pueden combinarse con la ayuda de la rueda de colores:
- Los colores opuestos se llaman complementarios, lo que significa que encajan bien, pero también crean un contraste llamativo. Úsalos en cantidades limitadas para dar énfasis.
Los colores situados uno al lado del otro se denominan análogos. Por lo general, crean paletas de colores bastante armoniosas y tranquilas. Piensa en un color complementario para que tu combinación de colores sea más vibrante.
Tres colores uniformemente distantes entre sí comprenden esquemas de colores triádicos. Tales combinaciones de colores son muy vívidas y brillantes. Intente usar tonos más claros o haga que uno de los colores sea dominante, mientras que los otros dos servirán como acentos.
Recursos gratuitos de combinaciones de colores
Si por alguna razón todavía no se siente seguro sobre sus combinaciones de colores después de probar los trucos mencionados anteriormente con la rueda de colores, afortunadamente, tenemos Internet en nuestras manos. Y, está lleno de grandes recursos para la creación de esquemas de color. A continuación, encontrará una descripción rápida de tres excelentes recursos en línea para la creación de paletas de colores:
paletton.com
Este increíble recurso te ofrece una rueda de colores interactiva con la que jugar. Puedes usar las técnicas que mencionamos en la sección anterior o probar algo nuevo, como, por ejemplo, una combinación de cuatro colores. Este sitio web puede incluso crear una página de ejemplo rápida para su combinación de colores.
www.degradar.com
Este sitio web ofrece una colección peculiar de generadores, el generador de paletas de colores es uno de ellos.
Simplemente cargue una imagen cuya combinación de colores le resulte visualmente atractiva, y la aplicación la divide en colores separados, para que obtenga un esquema de colores listo como salida.
coolors.co
Este sitio web puede generar esquemas de colores aleatorios que puede ajustar más tarde. Además, almacena una impresionante cantidad de paletas de colores listas de otros usuarios. Siéntase libre de filtrarlos para ver las mejores ofertas.
En este artículo, se familiarizó con tres caminos que puede seguir para crear un diseño de documentación propio: usar una plantilla lista, crear su diseño basado en su estilo corporativo o hacer todo desde cero. Sea cual sea el camino que tomes, ten en cuenta los trucos de color que has aprendido en este artículo, pueden resultar muy útiles.
En realidad, hay un consejo más para ti: mira a tu alrededor. Todo nuestro universo está aquí para inspirarte, solo mira más de cerca.
Este artículo fue escrito en base a nuestra propia experiencia de escritura técnica. Si necesita crear documentación en línea, también le puede gustar ClickHelp, la mejor herramienta de documentación en línea para desarrolladores web.