El mundo del diseño web es muy diverso, pero como toda área tiene bases elementales y herramientas que nos pueden facilitar la tarea a los diseñadores web.

1. Generación de códigos de colores.

   
   
   

   La base fundamental del diseño son los colores. Te has preguntado alguna vez ¿de dónde se inventan esos códigos de colores hexadecimales? Te lo explico muy rápido y sencillo, como su nombre lo indica se basan en una combinación de 6 elementos hexadecimales.

   El sistema hexadecimal consta de 16 elementos, 10 números: 0,1,2,3,4,5,6,7,8,9 y 6 letras: A,B,C,D,E,F. ¿Y cómo se combinan entonces? Se emplea la llamada composición RGB (red, green, blue) ó RVA (rojo, verde, azul) de la manera siguiente: #RRGGBB. El 0 sería la total ausencia del color y la F la máxima intensidad del mismo.

   Por ejemplo para entenderlo mejor éstos son algunos colores básicos en código hexadecimal:

   - Negro: #000000
   - Blanco: #FFFFFF
   - Rojo: #FF0000
   - Verde: #00FF00
   - Azul: #0000FF
   
   

   Ahora que ya sabes de donde vienen te recomiendo la sencilla página que particularmente yo uso para generar los códigos hexadecimales.

2. Herramientas de navegadores para el diseño web en caliente.

   
   
   

   Esto no significa de ninguna manera llevar tus diseños a la cocina ¡bazinga! XD. Se trata de herramientas para hacer ajustes en tu diseño en vivo y que puedas ver qué queda mejor y que no sin modificar realmente el sitio (es como una vista previa). Incluso pueden ayudarte a estudiar y ajustar diseños de terceros.

   Yo utilizo Firebug, un Add-on de Mozilla Firefox. Por su parte Google Chrome también incorpora sus Herramientas del Desarrollador de forma nativa que de igual manera les recomiendo.

3. Diseño web responsivo.

   
   
   

   El diseño web responsivo es un concepto que cada día toma más importancia, hasta convertirse en algo casi indispensable. Se trata en términos simples de una técnica para redimensionar los elementos de la página web dependiendo de la resolución de pantalla del dispositivo desde donde se visite.

   La importancia del diseño responsivo está en que actualmente el acceso a los sitios web se dan en gran medida desde dispositivos móviles y tabletas, y aunque ya hace varios años se ha estado manejando el concepto de web para móviles, el diseño responsivo de las webs permite evitar duplicidad de código y mantener una línea consistente en tu diseño.

   Hablar de diseño responsivo hace de manera obligada mencionar a uno de los frameworks más usados Twitter Bootstrap. Mi recomendación es que si aún no has dado este paso, no sigas perdiendo la oportunidad, ahora es el mejor momento para hacerlo.

No dejes de compartir en los comentarios ¿cuáles son los tips que a ti te parecen indispensables en la actualidad para el diseño web?