Contenido
- Signo de pereza
- Cómo hacerlo bien
- Convenciones de nombres
- Codifica con colores tus capas
- Estructura y organización
- ¿Como esto? ¡Lee esto!
Como desarrollador creativo, a menudo me preguntan cuál es mi preferencia por recibir creatividad de mis diseñadores. Personalmente, prefiero recibir un archivo en capas, con maquetas, en lugar de imágenes precortadas. Esta es una elección personal y entiendo que no es el formato preferido por todos. De hecho, parece haber un gran debate dentro de la industria sobre el mejor método para recibir creatividad.
Independientemente de su elección personal, creo que es imperativo que los diseñadores creen y entreguen archivos limpios. Demasiadas veces me han entregado un archivo que se parece al de abajo.
Solo se necesita un momento para detectar lo mal construido y desorganizado que está este archivo. La convención de nomenclatura y la agrupación son inexistentes.
Signo de pereza
Es como si mi diseñador tuviera una relación íntima con sus teclas de copiar y pegar. El uso de nombres predeterminados como copia de Grupo 1, Grupo 2 y Forma 5 es inaceptable. Además, dejar elementos que ya no son necesarios, grupos vacíos por ejemplo, es solo una señal de ser vago.
Claro, podemos trabajar en estas condiciones, pero ¿por qué querrías hacerlo? Con algunas modificaciones simples, los diseñadores pueden convertir un archivo desordenado en algo que cualquiera pueda navegar fácilmente.
Incluso si no tiene la intención de compartir su trabajo con otros, considere tener que volver a uno de sus archivos en una fecha posterior. Imagínese cuánta confusión puede evitar siguiendo algunas reglas básicas.
Cómo hacerlo bien
Comencemos con la agrupación. Si su diseño se presenta con un encabezado y pie de página básicos, junto con algunas secciones de contenido y navegación, sus grupos (y sus nombres) deben coincidir entre sí.
Eche un vistazo a la muestra a continuación. Puede ver que nuestro diseñador está rompiendo cosas en función del diseño general. Le está dando a cada grupo un nombre significativo y está manteniendo las cosas juntas.
Al hacer esto, crea un archivo estructurado y organizado que ayuda a identificar los componentes clave de cada sección o grupo. Solo toma un momento, pero tiene el potencial de ahorrar toneladas de tiempo.
Convenciones de nombres
Otro aspecto a menudo pasado por alto, pero poderoso, de la construcción de capas, son las convenciones de nombres.
Las convenciones de nomenclatura pueden ser muy útiles. Unos minutos de tiempo ayudan a crear un archivo increíblemente fácil de navegar. Solo recuerde que cuando se le ocurren nombres, lo simple suele ser mejor.
Nombra tus capas de manera consistente y concisa. Si agrega una capa que pertenece a su bisel de nivel, asígnele el nombre. Si tiene un elemento que se utiliza para la plataforma de la pestaña inferior, ¿por qué no llamarlo como tal? ¡Mantenlo simple!
Codifica con colores tus capas
Un último punto que quiero mencionar es la opción de codificar por colores sus capas. Si bien esto puede no parecer una gran ventaja, y es cierto que algunos proyectos no requerirán este nivel de organización, la codificación por colores puede desempeñar un papel útil.
En el siguiente ejemplo, mi diseñador ha utilizado cuatro colores distintos para ayudar a identificar los diferentes elementos dentro de este archivo.
Cuando estaba cortando esto para nuestro proyecto, pude ver rápidamente las conexiones entre los grupos y sus contenidos gracias a la codificación de colores.
Con este proyecto específico, los colores en sí tenían un significado y estaban directamente relacionados con el diseño. A veces, este no es siempre el caso, pero de cualquier manera, la codificación por colores es una excelente manera de hacer que los objetos importantes se destaquen.
Estructura y organización
Como puede ver, hay varias cosas que puede hacer para que sus archivos sean más legibles para sus desarrolladores y otros diseñadores.
Considere la cantidad de tiempo que dedica a desarrollar su diseño. Ahora considere dedicar solo un momento de este tiempo a estructurar y organizar sus capas.
Su desarrollador (y otros diseñadores de su equipo) lo adorarán. Y seamos realistas, en el fondo, todos queremos ser amados ...
Palabras: Tammy Coron
Tammy Coron es un desarrollador de iOS, desarrollador de backend, desarrollador web, escritor e ilustrador. Ella bloguea en Just Write Code.
¿Como esto? ¡Lee esto!
- 101 consejos, trucos y correcciones de Photoshop para probar hoy
- Las mejores fuentes web gratuitas para diseñadores
- Ejemplos asombrosos de diseño experimental
¿Tiene alguna queja sobre cómo los colegas organizan su trabajo? ¡Comparta sus pensamientos con la comunidad en los comentarios a continuación!
