¿Cómo se puede aprender a diseñar sitios web de aspecto agradable? [cerrado]

Question

Soy un desarrollador web moderadamente capaz. Puedo poner cosas donde yo quiero ir y poner un poco de materia jQuery allí si necesito. Sin embargo, si estoy haciendo mi propia página web (que estoy empezando a hacer) no tengo idea de cómo diseñarlo. Si alguien fue a sentarse a mi lado en un punto de la pantalla y decir "ésta foto ahí, el texto no" Puedo hacer eso con bastante facilidad. Pero el diseño de mi propio sitio con mi elección de colores y el texto se verá como un niño lo ha inventado.

¿Alguien sabe cualquier sitio web / libros que puedo mirar o ¿alguien tiene algún consejo sobre los conceptos básicos de diseño web no niño?

Answer 1

Usted tiene algunas cosas que hacer.

Consejo:

Aprender a utilizar Photoshop. (En particular, los estilos de capa son excelentes. Ten en cuenta que pueden ser difíciles efectos volver a implementar en CSS2) Se va un largo camino hacia la fabricación de maquetas buenas.

buscar en los sitios de diseño profesional. Lo que los sitios que han estado en ese aspecto agradable para usted?

Para los sitios que le molestan y considerar lo que podría hacerlo mejor. Mira los anuncios del producto así. Envasado de alimentos. Anuncios en los periodicos. Tu dilo.

Además, una vez que usted comienza a conseguir la caída de ella, práctica, práctica, práctica. Gráficos necesita tiempo para desarrollarse como una habilidad, especialmente de un programador que ha de codificación a considerar. (gradientes vs "tileability")

Herramientas:

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

Nathan Smith sistema de rejilla 960 . Tiene plantillas para muchos de los principales programas gráficos. Comprobarlo.

Referencias:

vistazo a algunos de estos sitios: (he visto más, voy a tratar de añadir al menos me encuentro con ellos)

• A List Apart
• John McCain
• BarackObama.com
• Hayon2010.com (Bueno, he hecho esto, pero creo que es agradable. Editar :. lo agradecería comentarios sobre él demasiado ;-D)

Answer 2

El lado práctico

Hay definitivamente algunos aspectos prácticos paso a paso del diseño que son importantes para aprender. No todo es subjetivo.

• Diseño Web Tutoriales: http://webdesign.tutsplus.com/

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

• Toneladas de tutoriales: Lynda

Inspiración

• Sitio web: incomparable estilo

• Sitio web: Abduzeedo

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

• Sitio web: Smashing Magazine

Diseño Habilidades

Diseño general

• Libro: Diseño gráfico: La Nueva Fundamentos

• Libro: Diseño gráfico, referenciado

• PDF: The Big Four: Contraste, repetición, alineación, proximidad

Tipografía

• Libro: pensamiento 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-tipografía-tiempo /

Diseño

• Libro: Disposición Cuaderno

Color

• Libro: color Diseño Cuaderno

• Libro: color Armonía Cuaderno

Filosofía de Diseño

"El error más tonto es ver el diseño como algo que se hace al final del proceso de‘arriba ordenada’el desorden, en oposición a la comprensión de que es un problema‘día’y parte de todo." -Tom Peters

"Un buen diseño mantiene el feliz usuario, el fabricante en el negro y el esteta sin ofenderse." -Raymond Loewy

"diseño verdaderamente elegante incorpora la funcionalidad de primera categoría en un simple, forma ordenada." -David Lewis

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

Más cotizaciones

Answer 3

Esto puede ser un poco fuera de tema, pero sí recuerdo Jeff Atwood recomendar encarecidamente el libro Do not haga que piensa . En él se describe cómo se debe diseñar su sitio web para la mejor experiencia de usuario.

Answer 4

Ogilvy en la publicidad: este libro cubre algunos conceptos básicos de diseño gráfico, así como una gran cantidad de sentido común en la fabricación de cualquier tipo de folleto, anuncio, etc., incluso si fue escrito mucho antes de la era www.

De forma más general, los libros y revistas sobre navegación de diseño gráfico, arte, decoración de interiores, el cine - hay una gran cantidad de principios de diseño comunes para hacer algo visualmente atractivo y hacer que la información u otro contenido atractivo. Algo así como la forma en electromagnetismo es común a la electrónica, la ciencia planetaria, química, nuclear y otros campos de la física y la ingeniería.

Answer 5

Otro libro bien en este espacio sería El diseño de Everday cosas. abarca una gran cantidad de las ideas prácticas como favoreciendo diseños que se prestan para el uso fácil mediante el aprovechamiento de cómo las personas se acercan de forma natural una cosa nueva. El libro no es específicamente sobre la interfaz de usuario o el diseño web, pero hace que la cubierta un poco, creo.

Un ejemplo temprano en el libro es puertas. Habla de cómo puertas con un pomo o asa en un lado y visibles bisagras son intuitivos, porque usted sabe que la puerta se abrirá la empujando o tirando de ese lado. puertas de lujo con bisagras ocultas, barras de empuje a través de toda la puerta, perillas centradas son difíciles y requieren un momento de experimentación porque son operación no es intuitivo.

Answer 6

Una herramienta que encuentro muy valiosa en el diseño es Esquema de color Diseñador . Me suelen elegir un color que me gustaría basar el diseño alrededor y luego utilizar el esquema de "analógico" para conseguir un buen conjunto de colores a juego. Para mí, conseguir los colores correctos es la peor parte, por lo que después de que el resto es sólo conseguir una buena distribución y la aplicación de la paleta limitada de colores.