Como obviamente no puede crear un sitio web sin conocer HTML y CSS, tiene sentido comenzar con estos. Vaya a http://tutsplus.com o http://codecademy.com y aprenda HTML y CSS.
Luego se detiene.
HTML y CSS son suficientes para crear un sitio web de texto de una sola página muy simple.
- Cómo construir un sistema de música basado en el estado de ánimo del usuario
- ¿Cuál es el mejor entre Laravel y CakePHP en términos de creación de aplicaciones web de bases de datos en línea?
- En términos más simples que el artículo de Wikipedia, ¿qué es REST / RESTful?
- ¿Cómo puedo encontrar un buen desarrollador de aplicaciones web?
- ¿Existen aplicaciones web que le permitan crear listas de tareas personales que puedan compartirse con otros (otros usuarios o públicamente a través de un enlace)?
Y eso es exactamente lo que debes hacer primero. Porque de lo contrario, se sentirá abrumado .
Hay docenas de marcos. La gente dice que diseñan sitios web en Photoshop e Illustrator y otros usan Sketch. Probablemente deberías comenzar a aprender a usar uno de estos marcos e intentar hacer un diseño en Photoshop … ¿verdad? INCORRECTO.
Pasarás tu valioso tiempo dominando las complicadas herramientas de los profesionales, pero la verdad es que esto no moverá tus habilidades de diseño ni una pulgada .
Observará desesperadamente sus diseños y sabrá que “no se ven profesionales”.
Entonces, ¿cómo lograrás ese aspecto profesional? ¿Puedes aprender cómo hacerlo? ¿O estás condenado porque “no tienes el talento”?
En primer lugar, crear diseños hermosos no se trata de talento, instinto o tener alguna otra habilidad mágica.
Puedes aprender a diseñar .
Y si quieres ser diseñador web, definitivamente deberías hacerlo . No se trata solo de tener el conocimiento técnico y las habilidades.
¿Cómo aprendes a diseñar (bellamente) para la web?
Ahora que es una pregunta que vale la pena un libro, pero aquí hay algunos consejos:
- Lea sobre los principios básicos del diseño . Este manual de 7 pasos en diseño web debería ayudarlo a comenzar. Además, esta serie de artículos.
- Observa los diseños de otras personas. ¿Qué principios básicos utilizaron y cómo? Pero no solo observe, tenga en cuenta sus observaciones.
- Diseñe con el objetivo comercial en mente . Existe un diseño web para ayudar a una empresa a alcanzar su objetivo y para ayudar al usuario a alcanzar su propio objetivo. Cuando los 2 objetivos convergen, todos están felices. Entonces, ese objetivo debe ser su punto de partida, siempre. Debe basar cada decisión de diseño que tome en este objetivo: opciones de fuente, opciones de color, diseño, etc.
- Asegúrese de que haya armonía en todo su diseño. En general, esto significa armonía entre el mensaje que desea enviar, los colores, las fuentes, el estado de ánimo del sitio web y la marca. Comience a incorporar armonía en sus diseños utilizando una escala modular para guiar sus decisiones de dimensionamiento. Esta miniserie explica más sobre la armonía y el uso de una escala modular.
- Lea esta sorprendente introducción a la tipografía: la tipografía práctica de Butterick o, al menos, este breve resumen: http://practicaltypography.com/t…
Tu primer proyecto de diseño web
Ahora, cuando haya terminado de leer todas estas cosas y conozca HTML y CSS, podrá completar su primer proyecto de diseño web muy simple.
Intente diseñar una sola página con solo texto, en blanco y negro.
¿Por qué solo enviar mensajes de texto? Porque el texto es, con mucho, el medio más utilizado para transmitir un mensaje en la web. Por lo tanto, es fundamental para usted, como diseñador web, poder hacer que el texto se vea bien y sea un placer leerlo.
¿Por qué blanco y negro? Porque elegir colores es otra bestia. Tomar pequeños pasos te hará sentir feliz con el progreso que estás haciendo y te ayudará a aprender más rápido.
Aplique los principios básicos de diseño que aprendió + use las observaciones de los diseños de otras personas + piense en el objetivo de esa página + dimensione el texto usando una escala modular.
Y si se pregunta cómo exactamente hacer eso, intente este proceso de diseño web aquí : http://www.rumendimitrov.com/201…
¡Espero que esto te ayude a comenzar!