Krypton Solid

5 consejos para limpiar después de un proyecto de diseño

5 consejos para limpiar después de un proyecto de diseño

Como todo niño sabe, hacer cosas interesantes es la parte divertida. Dejas todos tus juguetes en el suelo y los clasificas hasta que encuentras lo que quieres y los haces encajar para construir una nave espacial o algo así. Esa es la parte que le gusta a todos.

Pero luego alguien viene a decirte que se acabó. Está hecho. Ahora tienes que recoger tus cosas para que papá no pise una pieza de Lego en la oscuridad y grite malas palabras a las 2 a.m. Pocas personas disfrutan de esta parte. Pero a medida que envejecemos, la mayoría de nosotros nos damos cuenta de que limpiar lo que ensuciamos después del trabajo o el juego nos ahorrará problemas en el futuro. El diseño web no es una excepción.

Si es nuevo en el diseño web (y sí, este artículo es para principiantes), puede sentir que ha «terminado» cuando carga sus archivos HTML en el servidor, y el cliente dice que todo se ve muy bien. Y seguro, ya terminaste por ahora. Tómate un día libre, o al menos tómate un descanso para tomar café. Sin embargo, un día, usted o alguien más tendrá que tomar ese diseño y volver a jugar con él. Ese día, querrás tener todo guardado donde se supone que debe estar …

1. Limpia tus capas

Si realiza mucho trabajo de diseño en cualquier aplicación de gráficos, ya sea Sketch, Photoshop, Affinity Designer o alguna aplicación de wireframing aleatoria, querrá asegurarse de que sea fácil entender esas cosas. Cuando está iterando rápido, es fácil terminar con una larga lista de capas que no tienen nombre, o que se han ocultado porque decidió que un enfoque anterior no parecía del todo correcto.

Cuando está iterando rápido, es fácil terminar con una larga lista de capas que no tienen nombre.

Asegúrese de que cada capa tenga un nombre y de que no tenga capas o elementos que no necesite. Organice sus objetos en grupos, grupos de capas y carpetas. Aquí hay un más guía detallada para organizar PSD, que se puede adaptar a casi cualquier otro formato gráfico.

2. Limpia tu código

HTML, CSS y JavaScript también pueden sumarse muy rápidamente cuando está iterando y experimentando. Quizás dejó algunos fragmentos de HTML de un elemento que no necesitaba al final. Tal vez escribiste estilos para ese elemento y olvidaste que los dejaste. Los nombres de clases aleatorios definitivamente pueden acumularse cuando no estás mirando.

Revise su código para asegurarse de no dejar nada extraño allí. Si tienes un lote de CSS para trabajar (y esto puede suceder fácilmente), puede probar una herramienta como JitBit para ayudarte a encontrar CSS que no estás usando.

3. Limpia tus archivos

Toma el administrador de archivos que prefieras y comienza a clasificar. Tal vez descargó un marco como Bootstrap, o una biblioteca como jQuery, antes de darse cuenta de que no los necesitaba para este proyecto. Tal vez hiciste algunos archivos para experimentar, pero esos experimentos terminaron.

Francamente, la gestión de archivos es una de esas tareas que siempre pospongo para más tarde porque es molesta, pero aun así, es necesario realizarla. Tienes que eliminar esos archivos adicionales. Poner archivos no utilizados en un servidor es una mala práctica, y usted no hacer Quiere intentar adivinar qué archivos fueron realmente importantes en tres años, cuando más o menos ha olvidado cómo reunió todo.

4. Considere sus opciones de almacenamiento

Los jardines de infancia, las escuelas, algunos mecánicos, los administradores de almacenes y los padres que han tenido un montón de niños y han estado recolectando juguetes durante quince años reconocen el valor del almacenamiento claramente etiquetado. No hay nada tan molesto como perderse mientras busca entre pilas de cajas esa única cosa que tiene que estar allí en alguna parte.

Ser el tipo que puede salvar el sitio web de su cliente … es una buena manera de mantener relaciones saludables con dicho cliente.

Cuando se trata de almacenar trabajos anteriores, tener un montón de carpetas con nombres aleatorios en su disco duro no es suficiente. Necesitas un sistema. Como mínimo, puede comenzar separando los proyectos terminados de los proyectos actuales. Luego, comience a buscar formas de realizar copias de seguridad de sus archivos. Ya sea que utilice una unidad externa local o un servicio de terceros, una buena solución de copia de seguridad tiene el beneficio de prevenir pérdidas y liberar algo de espacio en sus unidades locales si es necesario.

Esto es especialmente importante porque los clientes pierden archivos todo el tiempo. A veces contratan a otra persona para que cambie las cosas y lo estropean. A veces, los datos se pierden en fallas del servidor. Ser el tipo que puede salvar el sitio web de su cliente en un apuro es una buena manera de mantener relaciones saludables con dicho cliente.

5. Documentación

Ahora nos adentramos en «Poner tus cosas lejos 102». A menos que su proyecto sea la plantilla HTML / CSS más simple conocida por el hombre, puede ser útil escribir algunas cosas como:

  • Los objetivos originales del proyecto definidos por el cliente.
  • Las razones por las que tomó las decisiones de diseño que tomó.
  • Qué trucos de CSS usaste (si corresponde).
  • ¿Qué partes del código parecen funcionar siempre que no te atrevas a tocarlos nunca.
  • Qué bibliotecas y marcos utilizaste, y sus números de versión.

También es una buena idea incluir cualquier recurso que le haya proporcionado su cliente, como guías de estilo, paneles de estado de ánimo y cualquier contenido que le hayan proporcionado. Nunca se sabe cuándo tendrá que volver atrás y consultar este material, y tenerlo todo en un solo lugar hará que sea mucho más fácil retomar un proyecto antiguo nuevamente. Aquí hay una guía práctica de Envato en Documentación del proyecto de diseño para empezar.

Terminando

Todo esto puede parecer mucho trabajo adicional para un sitio de cuatro páginas que creó en un tiempo relativamente corto, por ejemplo. Pero realmente, este tipo de organización ahorra mucho tiempo y posibles dolores de cabeza a largo plazo.

Nunca subestime su capacidad para olvidar qué archivo contiene el último diseño, o exactamente por qué ese estilo CSS está anulando al otro. Tan pronto como empiece con el próximo proyecto, toda esta organización mental se evaporará.

En realidad, es una pregunta simple: ¿Preferiría resolver todo esto ahora o correr frenéticamente buscando todo lo que necesita cuando un cliente anterior viene pidiendo un «cambio rápido» que debe ocurrir «hoy, si es posible»?

Deja un comentario