Share
El buen diseño no solo tiene que ver con la buena apariencia, y en ninguna parte es esto más cierto que en el diseño web. De hecho, tiene sentido pensar que el diseño web se compone de tres componentes no técnicos principales: diseño estético, diseño de información y diseño de interfaz. Si quieres ser un gran diseñador web, es esencial que tengas un buen conocimiento de los tres.
Esta publicación es el día 2 de nuestra sesión de diseño web. Sesiones creativas "Session Day 1Session Day 3"El diseño estético tiene que ver con lograr el aspecto correcto. Si eres bueno en esto, significa que podrás diseñar sitios que no solo se ven bien, sino que también son apropiadamente diseñado. Los diferentes diseños transmiten diferentes mensajes a un usuario final, por lo que es esencial que un diseño coincida con el mensaje del sitio..
El otro día estaba caminando por un supermercado y vi una marca de jugo que tenía el diseño visual de un detergente para ropa. Había algo en la forma en que estaba hecha la caja y por un momento me pregunté por qué había detergente en el pasillo de los zumos de fruta. De la misma manera, dar a un sitio web un paquete inadecuado para su contenido y mensaje, incluso si es un paquete realmente atractivo, es un mal resultado final. Por eso, como diseñador web, es muy importante que no siga las modas y las tendencias a ciegas. Siempre debe estar pensando no solo cómo puede hacer que un diseño de sitio se vea bien, sino que también se vea apropiado.
De los tres componentes del diseño web, el diseño estético es sin duda el que la gente más identifica como siendo diseño. Una cosa que me parece interesante sobre el diseño estético es que es engañosamente difícil. Recuerdo que una vez diseñé un cartel y se lo mostré a un amigo que comentó "oh, solo son unas pocas líneas y un poco de texto, debes haberlo hecho en unos diez minutos" - ah las alegrías de ser un diseñador!
El diseño de información consiste en preparar la información en un sitio web de la mejor manera posible, de modo que los usuarios puedan encontrar y digerir información de manera eficiente y efectiva. En sitios más grandes, solo encontrar información se vuelve un desafío, pero en sitios grandes y pequeños, el procesamiento siempre es un problema de diseño.
Un ejemplo rápido de diseño de información es cómo organiza y da formato al texto en una página. Debido a que las personas tienden a hojear el contenido en una pantalla, es mucho mejor organizarlo con encabezados y subtítulos, diagramas y ganchos visuales, y una variación general para el ojo. Técnicas como estas hacen que la información en una página sea mucho más fácil de digerir. Pero el diseño de la información no se limita a lo que está en una sola página, sino que también se refiere a las estructuras que utiliza para albergar las partes del sitio, cómo se diseñan los menús y submenús y cómo se vinculan diferentes secciones..
Quizás le interese saber que en proyectos y sitios más grandes y complejos, de hecho, existe una profesión completa dedicada a modelar y estructurar información llamada Arquitectura de la información. El arquitecto de información más famoso que conozco es Jesse James Garrett, quien accidentalmente acuñó el término AJAX. Es bastante lindo y puedes leer sobre él en Wikipedia..
Ya que estamos hablando de diseño de información, parece una buena oportunidad para convertir 6 párrafos de texto Waffley en un diagrama, ¡así que les presento mi impresionante diagrama de los componentes del diseño web! Disfruta de su maravilla roja y gris.!
El diseño de la interfaz es la disposición y composición de cómo un usuario puede interactuar con un sitio. La palabra interfaz significa un punto o superficie donde se tocan dos cosas. Por lo tanto, una interfaz de usuario web es donde una persona y un sitio web se tocan, así que los menús, componentes, formularios y todas las otras formas en que puede interactuar con un sitio web..
Un buen diseño de interfaz consiste en hacer que la experiencia de usar un sitio web sea fácil, eficaz e intuitiva. En realidad, es mucho más fácil demostrar un mal diseño de interfaz porque es cuando realmente lo notas. Un ejemplo simple de diseño de interfaz es el uso de iconos. ¿Alguna vez has mirado un ícono y has pensado "qué se supone que representa eso?" - Bueno, eso sería un mal diseño de interfaz. El uso de iconos para etiquetar y significar diferentes tipos de contenido o acciones es solo una parte del diseño de la interfaz.
Incidentalmente, otro ejemplo de interfaces que probablemente encontrará como diseñador web son las interfaces de programación de aplicaciones o las API. Una API es el conjunto de funciones y protocolos mediante los cuales usted (o su programa, de manera más precisa) pueden interactuar con el propósito de la API. Por ejemplo, Google Maps proporciona una API que puede utilizar para crear aplicaciones o sitios que funcionan con Google Maps..
Ahora puedes estar pensando, eso está muy bien Collis, pero ¿dónde encaja CSS en esto? O ¿qué pasa con Flash? Pues como digo, estos son los tres. no-Aspectos técnicos del diseño web. Por otro lado, están todas esas tecnologías y habilidades como HTML / CSS, Flash, Javascript, etc. Pero tiendo a pensar que son más parte del desarrollo web que el diseño web. De la misma manera que es importante separar HTML y CSS para mantener la información y la presentación por separado, podría argumentar que la forma en que se hace realidad un diseño es independiente del diseño en sí. En términos más simples, es saber que un CSS específico no tiene nada que ver con el diseño.?
No me malinterpretes, necesitas saber cómo construir cosas para diseñarlas adecuadamente. Sin embargo, cuando se trata de decir qué conforma el diseño web, mi respuesta sigue siendo Diseño de interfaz, Diseño de información y Diseño estético.
¿Cuál es tu opinión? ¿Me he perdido alguna parte esencial del diseño web? ¿O crees que el desarrollo web es Una parte esencial del diseño web en sí.?
Más adelante en esta semana, podrá leer más artículos detallados de consejos y trucos para cada uno de estos tres componentes del diseño web: diseño de interfaz, diseño estético y diseño de información. De hecho, el primero va a subir en unas pocas horas..
Esta publicación es el día 2 de nuestra sesión de diseño web. Sesiones creativas "Session Day 1Session Day 3"
Accentsconagua