Soy un desarrollador web moderadamente capaz. Puedo poner cosas donde quiero que vaya y poner algunas cosas de JQuery allí si es necesario. Sin embargo, si estoy creando mi propio sitio web (que estoy empezando a hacer) no tengo idea de cómo diseñarlo. Si alguien se sentara a mi lado, apuntando a la pantalla y diciendo "pon esta imagen allí, envía un mensaje de texto", 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 recibió algún consejo sobre los conceptos básicos del diseño web para niños pequeños?

Tienes algunas cosas que hacer.

Consejos:

Aprende a usar Photoshop. (En particular, los estilos de capa son excelentes. Solo tenga en cuenta que pueden ser efectos difíciles de reimplementar en CSS2) Ayuda en gran medida a crear buenas maquetas.

Mira sitios diseñados profesionalmente. ¿En qué sitios has estado que te parezcan agradables?

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

Además, una vez que comience a acostumbrarse, practique, practique, practique. Los gráficos requieren tiempo para desarrollarse como una habilidad, especialmente de un programador que tiene que considerar la codificación. (Gradientes frente a "mosaico")

Herramientas:

(Photoshop es un favorito personal. Paint.NET es una buena alternativa de Windows, pero no es tan potente).

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

Referencias

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

• Una lista aparte
• John McCain
• BarackObama.com
• Hayon2010.com (De acuerdo, hice este, pero creo que es bueno. Editar: agradecería también los comentarios al respecto. ;-D)

El lado practico

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

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

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

   • Toneladas 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: pensar con 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 ejercicios de armonía de colores

Filosofía del diseño

"El error más tonto es ver el diseño como algo que haces 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

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

Ogilvy on Advertising: 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 fue escrito mucho antes de la era www.

En términos más generales, busque libros y revistas sobre diseño gráfico, bellas artes, decoración de interiores, cine: hay 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 nuclear y otros campos de la física y la ingeniería.

Otro buen libro en este espacio sería The Design of Everday Things. Cubre muchas de las ideas prácticas, como favorecer los diseños que se prestan a un uso fácil 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 abarca un poco.

Un primer ejemplo en el libro son las puertas. Habla sobre cómo las puertas con un pomo o manija en un lado y las bisagras visibles son intuitivas, porque sabes que la puerta se abrirá empujando o tirando de ese lado. Las puertas elegantes con bisagras ocultas, las barras de empuje en toda la puerta o las perillas centradas son difíciles y requieren un momento de experimentación porque su funcionamiento no es intuitivo.

Una herramienta que considero invaluable en el diseño es el 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 coincidentes. Para mí, obtener los colores correctos es la peor parte, por lo que después de eso, el resto es obtener un diseño agradable y aplicar la paleta de colores limitada.