Cómo aprender a diseñar hermosos sitios web / aplicaciones

Eliminar todo menos lo básico.

Crea algo que solo use HTML y CSS.

Hacer esto lo obligará a trabajar más duro para obtener el diseño que desea: los marcos deben usarse para facilitar las cosas, no para hacerlo por usted.

Una vez que sus diseños alcanzan un nivel con el que está satisfecho, puede comenzar a usar marcos nuevamente.

Copia los diseños que más te gusten

Encuentre un diseño que le guste e intente reproducir ese diseño sin mirar el código fuente del original.

Al hacer esto, desarrollará sus habilidades convirtiendo un diseño en un sitio web funcional; tener una idea en su cabeza es inútil si no puede crear esa idea.

Una vez que pueda hacer esto consistentemente, puede comenzar a crear sus propios diseños.

Analiza buenos diseños

Encuentre un diseño que le guste e intente identificar por qué le gusta, mordió también cualquier cosa mala.

Encuentre un diseño que no le guste e intente identificar por qué no le gusta, pero también cualquier cosa buena al respecto.

Repite lo anterior. Mucho.

Una vez que haya analizado suficientes sitios web, tendrá una idea de lo que hace un buen sitio web y lo que hace que un sitio web sea malo.

Utilice esto, pero no confíe en él: un sitio web con todo lo que identificó como un buen elemento de diseño no necesariamente estará bien diseñado.

Quizás lo más importante, sin embargo, es ignorar todo lo que he escrito. Esto es lo que funcionó para mí, pero no está garantizado que funcione para usted.

Encontrar lo que funciona para usted no será tan fácil como leer algunas respuestas, requerirá probar muchas cosas diferentes para identificar lo que le ayuda. Mi último consejo, por lo tanto, será este:

Sigue probando diferentes técnicas para encontrar las que te funcionen

¡Digo comience con los conceptos básicos del diseño! ¡Voy a recomendar algunos libros que creo que son geniales!

1 – Diseño gráfico: los nuevos fundamentos – Ellen Lupton

2 – Pensar con tipo: una guía crítica para diseñadores, escritores, editores y estudiantes – Ellen Lupton

3 – Hacer y romper la rejilla – Timothy Samara

Empecé con estos, ¡pero también hay muchos otros!

Con adiciones a lo básico, comience a dibujar diseños … no aprenderá simplemente leyendo sobre esto … ¡comience a crear diseños! ¡Es un proceso que requiere dedicación y trabajo duro!

También recomiendo ver ejemplos de diseño bueno y malo en línea … analizar lo que los hace buenos o malos … ¡aprender de ellos!

¡Espero que esto ayude!

Lo que estás preguntando es cómo aprender diseño visual. Retira todas las otras cosas; no es relevante: para diseñar algo hermoso, necesitas aprender diseño visual.

Aquí hay muchas respuestas a preguntas similares, y algunas prácticamente idénticas. Lea esto y considere fusionar esta pregunta con una de las siguientes: puede obtener más respuestas de esa manera:

  • ¿Cómo aprender diseño de interfaz de usuario web para un sitio web impresionante?
  • ¿Cómo construir un sitio web de negocios bellamente diseñado?
  • ¿Cómo aprendo a diseñar sitios web?
  • ¿Dónde puedo aprender a diseñar hermosas aplicaciones de Android?
  • ¿Existen sitios web para aprender diseño para aplicaciones web, de teléfono y de escritorio?
  • ¿Cómo puede un desarrollador aprender diseño? ¿Hay algún programa de tres meses? ¿Qué escuelas o programas ayudan a aprender diseño?
  • ¿Puedes aprender diseño en línea?
  • ¿Cuáles son los libros esenciales para leer al aprender Diseño / Diseño gráfico?
  • ¿Cómo / aprendiste el diseño?
  • ¿Cuál es la mejor manera para que un programador aprenda diseño?
  • ¿Cuál es la mejor manera de aprender los principios de diseño?
  • ¿Qué debería leer para aprender diseño por mí mismo?

Este es mi enfoque y es realmente efectivo:

Al principio, debes copiar mucho de otras personas, solo para tener una idea de cuándo el diseño se ve hermoso y obtener ideas creativas
La sensación hará que su diseño no sea malo pero no creativo
pero cuando use las ideas de los sitios web que le gustaron y rediseñe su componente, tendrá un conjunto de técnicas e ideas después de un tiempo. Además, podrá combinar las ideas para crear diseños diferentes y creativos.

No pretendo robar los diseños de las personas, sino intentar crear tu versión de lo que te gusta.

Mis recursos para la inspiración:

  • Las plantillas y temas de sitios web de ThemeForest me ayudaron mucho a mejorar mis habilidades de diseño con solo mirar los diseños de las personas
  • Behance: los mejores diseñadores del mundo. Búsqueda de diseño web encontrará muchos.
  • Mostrar y contar para los diseñadores: inspirador para el diseño de UI

Usted ha mencionado que tiene el conocimiento sobre codificación, marcos y otras herramientas de software. Eso significa que tu primer paso está hecho. Por creatividad, le aconsejaría que intente ver los principales sitios web que aparecen en los motores de búsqueda. Pero lo que realmente funciona es que intente diseñar sitios web para personas de esta manera, aprenderá mucho. La combinación de colores, el tema web, las imágenes y el diseño juegan un papel importante en el sitio web. Puede dominar estos elementos solo con experiencia.

Debe comenzar a aprender los conceptos básicos de las tecnologías que se utilizan para desarrollar aplicaciones y sitios web.

Para el desarrollo de sitios web necesita aprender HTML5 y CSS3, Php, Javascript, Jquery.

Y para el desarrollo de aplicaciones móviles, si es Android, entonces necesita saber Java. Mi SQL

Donde en cuanto a ios tienes que aprender rápido.

Puede aprender estas tecnologías en Tutoriales en video sobre programación y más

Y en W3Schools Online Web Tutorials

También puede consultar los blogs en Imagine Works – Entregando soluciones de negocios donde puede encontrar blogs sobre tecnologías que lo ayudarán a comprender la importancia de las tecnologías anteriores.

Incluso en youtube puedes encontrar un número n de tutoriales sobre programación.

Todo lo mejor 🙂

Hola

En primer lugar, ¿qué plataforma / CMS vas a elegir?

En segundo lugar, revise los sitios web que utilizan el mismo CMS como referencia

En tercer lugar, asista a una clase o puede aprender a través de los videos disponibles en youtube

Por último, muéstrales a los demás y deja que comenten.

Recuerde que es un proceso largo, por lo que debe ser paciente y trabajar duro

G’luck

P / s: Si decides usar Joomla! como su plataforma, aquí está el sitio de referencia: joomlaux .com

Su evento puede usar plantillas de Joomla y extensiones de Joomla del equipo de Joomlaux para crear las suyas. Realmente ahorro de tiempo!

En caso de que uses WP, prueba yolotheme.com

Hola, hoy en día la tecnología más famosa para el diseño web es angular y bootstrap con la colaboración de html5 & css.it te ayudará a crear una aplicación de una sola página, lo que ahorrará tu memoria para recargar no. de páginas una y otra vez.

Puedes ir a Aprender a codificar haciendo | Código escolar

w3schools.com

🙂

Feliz codificación …

Practicando solo.

Intenta pensar fuera de la caja.

Consulte sitios web de diseño exclusivo.

Mire su código html, css y js, luego intente crear un sitio web.