¿Cómo debo hacer un gran diseño web?

Comienza en la infancia. Tal vez tus padres no te presten la atención que crees que deberían. Tal vez tienes hermanos que siempre están compitiendo contigo. O tal vez es lo contrario. Tal vez te bañen, te encantará y afectó, y alentarán todos tus impulsos creativos. Nadie sabe con seguridad. Pero de alguna manera, adquieres un impulso creativo y una fuerte necesidad de validación externa. La necesidad de crear algo que otras personas quieran. Que NECESITAN.

Para satisfacer esta sed insaciable, no solo refinas tus habilidades, sino que estudias intensamente a tu audiencia. Les haces preguntas. Tú los escuchas. En poco tiempo los entiendes mejor, entonces quizás se entiendan a sí mismos. Su sentido del estilo y el gusto proviene de una profunda comprensión de las corrientes e influencias culturales que impulsan la estética del diseño de la época. Puede explicar no solo qué colores y patrones son tendencia sino por qué.

Ustedes saben, por ejemplo, que todos los hombres se están dejando crecer la barba, no por Movemember, sino porque esos hombres vieron cómo reaccionaron sus esposas y amigas cuando David Beckham se presentó a la boda real del Príncipe William y Kate Middleton con el rastrojo de una barba perfectamente arreglada – sabías – “está bien, así que esto va a ser una cosa ahora” – y viste y se hizo realidad.

No diseñas por orgullo o para buscar fama o fortuna, sino porque no tienes otra opción. Algo está roto, está mal, es ineficiente y DEBES arreglarlo. Pasará muchas noches, toda la noche, arreglando algo que nadie más pensó que estaba roto. No pueden verlo. Pero lo harán, una vez que vean su versión, entenderán por qué nunca pueden volver a la vieja forma. Pensaron que el problema ya había sido resuelto. Les mostraste que estaban equivocados. Nunca podría convencerlos de que inviertan en él con palabras: la inversión tuvo que provenir de sus propias reservas de sudor e ingenio.

Estos son los pasos para crear un excelente diseño de sitio web en 10 sencillos pasos:

  1. Escucha el problema
  2. Conozca el contexto empresarial, incluida la historia, la dinámica del mercado, la competencia y la estrategia a largo plazo.
  3. Estudie el mercado y la audiencia: hable con ellos, haga una lluvia de ideas con ellos, intercambie ideas sobre ellos
  4. Construye una maqueta y simulación
  5. Probar la maqueta y la simulación.
  6. Refina la maqueta y la simulación
  7. Construye el sitio
  8. Refine el sitio en función de métricas, comentarios y observaciones
  9. Derribarlo y comenzar de nuevo
  10. Repita según sea necesario

Los sitios que no están muy detallados tienden a funcionar de manera inadecuada y tienen mediciones imperfectas de Google Analytics. Entonces, ¿qué es lo que hace un buen esquema web? A continuación, investigamos la regla principal de los 10 planes web que harán que su sitio sea elegante, sencillo de utilizar, conectarse y convincente.

1. Razón

Un gran plan web tiene en cuenta de manera confiable las necesidades del cliente. ¿Están sus invitados web buscando datos, diversión, algún tipo de conexión, o para ejecutar con su negocio? Cada página de su sitio necesita un motivo inconfundible y satisfacer un requisito particular para los clientes de su sitio de la mejor manera disponible.

2. Correspondencia

Las personas en la web tienden a necesitar datos rápidamente, por lo que es imprescindible transmitirlos de manera obvia y hacer que sus datos sean fáciles de leer y procesar. Algunas estrategias poderosas para incorporar en su esquema web incluyen: organizar datos utilizando características y subcaracterísticas, utilizando señales visuales en lugar de oraciones largas y ventosas, y cortando el waffle.

3. Tipos de letra

Cuando todo está dicho, los estilos de texto Sans Serif, por ejemplo, Arial y Verdana son menos exigentes para leer en línea (los estilos de texto Sans Serif son estilos de texto de aspecto contemporáneo sin hermosas terminaciones). La dimensión de texto perfecta para leer en línea sin esfuerzo es de 16 píxeles y se adhiere a los 3 tipos de letra más extremos en un máximo de 3 tamaños de puntos para mantener su contorno aerodinámico.

4. Tonalidades

Una paleta de sombreado bien considerada puede llegar lejos para mejorar la experiencia del cliente. Los tonos correspondientes hacen ecualización y congruencia. El uso de tonos diferenciadores para el contenido y la base hará que la lectura sea menos exigente para el ojo. Los tonos dinámicos hacen sentir y deben utilizarse con moderación (por ejemplo, para capturas y llamadas a actividades). Para concluir, el espacio en blanco / espacio negativo es extremadamente exitoso para darle a su sitio un aspecto avanzado y ordenado.

5. Imágenes

Una foto puede decir más que mil palabras, y elegir las imágenes correctas para su sitio puede ayudarlo a ubicar la marca e interactuar con su grupo de interés deseado. En el caso de que no tenga fantásticas fotografías de expertos disponibles, considere obtener fotografías de stock para mejorar el aspecto de su sitio. Del mismo modo, considere utilizar infografías, grabaciones y representaciones, ya que pueden ser mucho más potentes en la transmisión que incluso el contenido más elegantemente compuesto.

6. Ruta

La ruta trata de lo simple que es para las personas hacer un movimiento y moverse por su sitio. Algunas estrategias para una ruta convincente incorporan un orden de páginas consistente, utilizando piezas de pan, delineando capturas interactivas y siguiendo la ‘guía de tres instantáneas’ que implica que los clientes tendrán la capacidad de descubrir los datos que están buscando dentro de tres ticks.

7. Formatos basados ​​en marcos

Establecer contenido arbitrariamente en su página puede terminar con una apariencia aleatoria que es caótica. Los formatos basados ​​en celosía organizan el contenido en áreas, segmentos y cuadros que se alinean y se sienten ajustados, lo que genera un plan de sitio de aspecto superior.

8. Esquema del patrón “F”

Los estudios de seguimiento de los ojos han distinguido que las personas examinan pantallas de PC en un diseño “F”. La mayor parte de lo que las personas ven está en la parte superior e izquierda de la pantalla y la mitad derecha de la pantalla rara vez se ve. En lugar de intentar conducir el flujo visual del espectador, los sitios viables compuestos trabajarán con la conducta característica de un usuario y mostrarán todos los datos de manera significativa.

Gracias.

Para servicios de diseño web:

Contacto en – http://www.keshavinfotech.com

Esta no es una pregunta que pueda responderse fácilmente. No sé si puedo decirte cómo hacer un gran diseño. Pero puedo sugerir algunas cosas que deberían considerarse como parte del proceso.

El diseño no se trata solo de herramientas como Photoshop e Illustrator. En su artículo, ¿Qué es el diseño gráfico ?, Juliette Cezzar afirma que:

El diseño gráfico, también conocido como diseño de comunicación, es el arte y la práctica de planificar y proyectar ideas y experiencias con contenido visual y textual. La forma de la comunicación puede ser física o virtual, y puede incluir imágenes, palabras o formas gráficas. La experiencia puede tener lugar en un instante o durante un largo período de tiempo. El trabajo puede realizarse a cualquier escala, desde el diseño de un único sello postal hasta un sistema de señalización postal nacional, o desde el avatar digital de una empresa hasta el contenido digital y físico extendido e interconectado de un periódico internacional. También puede ser para cualquier propósito, ya sea comercial, educativo, cultural o político.


Al diseñar debemos entender sobre:

  • teoría del color
  • tipografía
  • luz y espacio
  • diseño y composición
  • comportamiento del usuario
  • interfaces de usuario
  • accesibilidad y más

Cuando diseñamos para un proyecto específico, necesitamos aprender sobre:

  • Los objetivos del sitio.
  • La naturaleza del cliente, ya sea un negocio o una persona.
  • La industria o área temática del sitio.
  • El público objetivo: aquellos a quienes queremos visitar el sitio y actuar en cualquier llamado a la acción.
  • El tipo de contenido necesario para cumplir los objetivos del sitio y las expectativas del público objetivo.
  • Pautas de marca e identidad que debemos seguir para el cliente.

Estos ayudan a guiarnos en el desarrollo de diseños que respalden la mensajería y los objetivos del sitio.

Con la Web también debemos tener en cuenta la experiencia del usuario y las interfaces de usuario. A diferencia de los libros, los sitios web no son lineales. Necesitamos hacer que nuestros sitios sean fáciles de navegar mientras que empujamos suavemente (o a veces no tan suavemente) a los visitantes del sitio hacia nuestros llamados a la acción.

Nuestro diseño debe reflejar la marca de una manera positiva que resuene con los visitantes. Debería alentar a los usuarios a permanecer en el sitio para explorar y luego actuar, ya sea que eso signifique comprar nuestros widgets, aprender de nuestra experiencia, donar a nuestra causa o suscribirse a nuestro boletín.

Aquí hay algunos recursos que pueden serle útiles:

Diseño web en la revista Smashing

Una lista aparte de artículos sobre diseño

Blog Archive – Boagworld – Asesoramiento web y digital

Boagworld Podcast

El gran diseño no es más que un diseño fácil de usar.

Así que estoy compartiendo algunos puntos a tener en cuenta al diseñar un sitio web.

  1. Haga un menú claro de navegación.
  2. No use muchas fuentes diferentes.
  3. Si está desarrollando un sitio web de interfaz de usuario plana, utilice colores de colores de interfaz de usuario plana
  4. No hagas un sitio web lleno de animaciones.
  5. Use transiciones para efectos de desplazamiento.
  6. Use CScss en lugar de javascript para animaciones.
  7. Que sea móvil receptivo.

Espero que esto sea útil.

#iamSrithan

Si está interesado en proporcionar servicios de diseño web, debe tener un conocimiento intensivo de los archivos HTML, JS, CSS y algunos lenguajes de secuencias de comandos del lado del servidor como PHP.

En caso de que desee diseñar un sitio web para usted mismo, hay muchos temas y complementos disponibles para diferentes plataformas que puede usar fácilmente incluso si tiene un conocimiento limitado / básico en ese campo.

Puede probar WordPress, plantillas de sitios web gratuitas, ThemeForest o muchos sitios similares para descubrir recursos gratuitos / premium.

Para hacer un diseño web, primero …

  1. Hacer una maqueta de mi sitio usando photoshop
  2. Intente convertir la maqueta de Photoshop en una página web (sin funcionalidad aún, solo el aspecto) usando CSS y JavaScript y marcos como bootstrap
  3. Consulte el desbordamiento de pila o Google para obtener ayuda en CSS

Para un sitio web completo (depende de la complejidad), en general, solo trato de usarlo con JavaScript y usar complementos jquery. Un ejemplo es bootstrap.min.js

1. Aprende PS o Sketch.

2. Busca un Dribbble para inspirarte.

3. Crea lo que crees que es “genial”.

4. Comparte tu trabajo.

5. Obtenga CnC.

6. Mejora tu trabajo.

7. Comparte tu trabajo de nuevo.

8. Obtenga más comentarios.

9. ¡Sigue repitiendo hasta que caigas del cansancio!