El diseño juega una parte importante y es pieza clave de
todo sitio web exitoso, diseñar es una de las tareas que requiere ciertas
habilidades y podrás notar como algunos desarrolladores tienen un cierto grado
de especialización en esto, ya que en la actualidad desarrollar un sitio web va
mas allá del código, si no también contar con esa sensibilidad que permitirá que
un sitio sea lo suficientemente agradable y usable al consumidor final.
También podrás darte cuenta como hay algunas personas que están
más interesadas en el trabajo en el look and feel de un sitio web y disfrutan
como trabajar en lo que se conoce como UX (Experiencia de Usuario), y esto como
veras es una línea interesante de especialización. Aunque trabajar en UX es interesante hay
quienes prefieren trabajar en la funcionalidad del sitio, esto lo podemos
conocer como UI (Interfaz de Usuario), de cualquier forma todos los
desarrolladores necesitan aprender como el CSS impacta la construcción de un
sitio web.
El diseño web mas allá del código, requiere de una buena comprensión
de cómo las personas experimentan un sitio web y navegan a través de su
contenido, esto significa que hay que aprender acerca de cómo la navegación en
un sitio web dirige siempre la experiencia del usuario así como las formas de
presentar un contenido al mismo.
En la práctica el diseño de un sitio web requiere aprender y
conocer CSS que es el lenguaje que nos va a permitir trabajar con la distribución
y presentación de los componentes en
toda página web. CSS significa (Hojas de estilo en cascada) y es el lenguaje para
el manejo de la presentación de todo
sitio o aplicación web, al igual que HTML se compone de dos partes, la primera es
sobre cómo definir las reglas y los estilos. Y la segunda sobre como aplicas y priorizas esas reglas.
CSS es otro lenguaje que deberás de dominar al 100%, pues
las reglas que se definen en esta herramienta van a definir el comportamiento
visual del sitio. Estas reglas podrán ser tan simples como definir colores,
tamaños, tipografías o aplicar algunos conceptos de diseño como contrastes, alineación,
brillo, saturación, entre otros. Un gran ejemplo sobre el uso y aplicación de
estilos es CSS ZEN GARDEN, este sitio
demuestra como un mismo contenido se puede usar y mostrar de distintas formas,
pues muestra la aplicación desde diferentes estilos para un mismo HTML, así
cuando elijes una hoja de estilo diferente la distribución y la visualización de
los componentes cambia en pantalla, pero el contenido se mantiene intacto. Esto
a nivel de código nos ayuda separar las capas de trabajo y mantenerlas
independientes una de la otra para que el mantenimiento y trabajo de estas no
sea algo complicado. Incluso puedes agregar movimiento, animación y un cierto
nivel de interacción con los diseños que estés trabajando, por tanto también deberás
familiarizarte con estos conceptos para
que a la hora de aplicarlos te sea más sencillo su uso.
CSS ha madurado y evolucionado con el tiempo, como el uso de
variables, cálculos más sofisticados y características más complejas, y hasta
el uso de frameworks que extienden su uso, así cuando trabajes con este podrás
darte cuenta que hay características similares a los lenguajes de programación.
Un punto que deberás considerar
es el llamado diseño responsivo el cual
nos permite generar diseños que se adapten y muestren adecuadamente en
distintos tamaños de pantalla, ajustando las propiedades y distribución de los
componentes de tal manera que los contenidos se visualicen adecuadamente, ya
sea en computadores de escritorio, en laptops, tabletas, teléfonos inteligentes
o cualquier otro dispositivo móvil. Dado el gran crecimiento en los últimos años
de la cantidad de tamaños de pantallas y dispositivos existentes, hacer que tu
sitio sea responsivo es un requerimiento indispensable en tu proyecto el cual
no pues dejar pasar por alto.
CSS es un lenguaje que siempre está cambiando y mejorando,
hasta el momento hay tres grandes revisiones o versiones de este lenguaje y la última
versión hasta ahora es conocida como CSS3, la cual divide sus características en
módulos independientes para que este lenguaje pueda ser expansible en el futuro.
Si comienzas con este lenguaje toma como punto de partida los conceptos básicos, pues
trabajar con CSS es un gran reto pues el uso y aplicación de reglas conforme a mas componentes tienes se
te hace mucho más complejo de manejar aplicaciones, pero si llevas un orden
manejar esta complejidad es lo que lo hace más emocionante, así puedes trabajar
en toda capa de un sitio web.
HOLA
ResponderEliminar