it-swarm-es.com

¿Cómo se puede aprender a diseñar sitios web atractivos?

Soy un desarrollador web moderadamente capaz. Puedo poner cosas donde quiero que vayan y poner algunas cosas de JQuery allí si es necesario. Sin embargo, si estoy haciendo mi propio sitio web (lo que estoy empezando a hacer) no tengo idea de cómo diseñarlo. Si alguien se sentara a mi lado un punto a la pantalla y dijera "pon esta imagen allí, texto allí", puedo hacerlo con bastante facilidad. Pero diseñar mi propio sitio con mi elección de colores y texto se verá como si un niño pequeño lo hubiera inventado.

¿Alguien conoce algún sitio web/libro que pueda ver o alguien tiene algún consejo sobre los conceptos básicos del diseño web para niños pequeños?

32
Richard

Tienes algunas cosas que hacer.

Consejos:

Aprenda a utilizar Photoshop. (En particular, los estilos de capa son excelentes. Solo tenga en cuenta que pueden ser efectos difíciles de reimplementar en CSS2). Es muy útil para hacer buenas maquetas.

Busque sitios diseñados por profesionales. ¿Qué sitios has visitado que te parecen agradables?

Encuentre sitios que le molesten y considere qué podría mejorarlo. Mire también los anuncios de productos. Envasado de alimentos. Anuncios en los periodicos. Tu dilo.

Además, una vez que empiece a dominarlo, practique, practique, practique. Los gráficos necesitan tiempo para desarrollarse como una habilidad, especialmente de un programador que tiene que considerar la codificación. (Degradados frente a "capacidad de mosaico")

Herramientas:

(Photoshop es uno de mis favoritos personales. Paint.NET es una buena alternativa de Windows, pero no es tan potente.)

Sistema de cuadrícula 960 de Nathan Smith . Tiene plantillas para muchos de los programas de gráficos convencionales. Echale un vistazo.

Referencias:

Mire algunos de estos sitios: (He visto más, intentaré agregarlos cuando los encuentre)

10
Moshe

El lado práctico

Definitivamente hay algunos aspectos prácticos del diseño paso a paso que es importante aprender. No todo es subjetivo.

• Tutoriales de diseño web: http://webdesign.tutsplus.com/

• Tutoriales de Photoshop: http://psd.tutsplus.com/

• Montones de tutoriales: Lynda

Inspiración

• Sitio web: Estilo incomparable

• Sitio web: Abduzeedo

• Libro: Pautas para el éxito en línea

• Sitio web: Revista Smashing

Habilidades de diseño

Diseño general

• Libro: Diseño gráfico: Los nuevos fundamentos

• Libro: Diseño gráfico, referenciado

• PDF: Los cuatro grandes: contraste, repetición, alineación, proximidad

Tipografía

• Libro: Pensando con el tipo

• Libro: Los elementos del estilo tipográfico

• Artículo: http://en.wikipedia.org/wiki/Typography

• Artículo: http://www.informationarchitects.jp/en/the-web-is-all-about-typography-period/

Diseño

• Libro: Libro de trabajo de diseño

Color

• Libro: Libro de trabajo de diseño de color

• Libro: Libro de trabajo de armonía de colores

Filosofía del diseño

"El error más tonto es ver el diseño como algo que se hace al final del proceso para 'arreglar' el desorden, en lugar de entender que es un problema del 'primer día' y parte de todo". -Tom Peters

"Un buen diseño mantiene contento al usuario, al fabricante en negro y al esteta sin ofender". -Raymond Loewy

"El diseño verdaderamente elegante incorpora una funcionalidad de primer nivel en una forma simple y ordenada". -David Lewis

"Buen diseño es buen negocio." -Thomas J. Watson Jr.

Más cotizaciones

10
Andy Fleming

Esto puede estar un poco fuera de tema, pero recuerdo que Jeff Atwood recomendó encarecidamente el libro Don't Make Me Think . Describe cómo debe diseñar su sitio web para obtener la mejor experiencia de usuario.

6
Preets

Ogilvy sobre publicidad: este libro cubre algunos conceptos básicos del diseño gráfico, así como mucho sentido común para hacer cualquier tipo de volante, anuncio, etc., incluso si se escribió mucho antes de la era www.

De manera más general, busque libros y revistas sobre diseño gráfico, bellas artes, decoración de interiores, realización de películas: existen muchos principios de diseño comunes para hacer algo visualmente atractivo y hacer que la información u otro contenido sea atractivo. Algo así como cómo el electromagnetismo es común a la electrónica, la ciencia planetaria, la química, la energía nuclear y otros campos de la física y la ingeniería.

1
DarenW

Otro buen libro en este espacio sería The Design of Everday Things. Cubre muchas de las ideas prácticas, como favorecer diseños que se prestan a un uso fácil por parte de aprovechando cómo las personas se acercan naturalmente a algo nuevo. El libro no trata específicamente sobre la interfaz de usuario o el diseño web, pero creo que lo cubre un poco.

Un ejemplo temprano del libro son las puertas. Habla de cómo las puertas con pomo o tirador en un lado y bisagras visibles son intuitivas, porque sabes que la puerta se abrirá empujando o tirando de ese lado. Las puertas elegantes con bisagras ocultas, barras de empuje en toda la puerta o perillas centradas son complicadas y requieren un momento de experimentación porque su operación no es intuitiva.

1
CodexArcanum

Una herramienta que encuentro invaluable en el diseño es Diseñador de esquemas de color . Por lo general, elijo un color en el que me gustaría basar el diseño y luego uso el esquema "Analógico" para obtener un buen conjunto de colores a juego. Para mí, obtener los colores correctos es la peor parte, así que después de eso, el resto es solo obtener un diseño agradable y aplicar la paleta de colores limitada.

1
CodexArcanum