9 principios para buen diseño Web

Zavala Andrade 4°L
Note by Zavala Andrade 4°L, updated more than 1 year ago
16
0
3

Description

Note on 9 principios para buen diseño Web, created by Zavala Andrade 4°L on 03/05/2016.
Tags No tags specified

Resource summary

Page 1

El diseño web es difícil, pues involucra lograr un diseño que sea u sable a la vez que placentero, entrega información y crea marcas, es técnicamente sonoro y visiblemente coherente.y ahi 9 principios para un buen diseño Web.ya que los diferentes tipos de diseño funcionan diferente1. Preferencia (Guiando el ojo)El buen diseño Web, quizá aun más que otro tipo de diseño, se trata de información. ya que el usuario debería ser guiado en la pantalla por el diseñador a esto se le llama preferencia y que tambien se trata de de la carga visual que tienen las diferentes partes de tu diseño Un simple ejemplo de preferencia es que en la mayoría de los sitios, la primer cosa que ves es el logo. Esto pasa frecuentemente por que es grande y está colocado en donde ha sido demostrado en muchos estudios realizados ser el primer lugar que la gente ve (la esquina superior izquierda). lo que el usuario debería estar buscando depende de que tú, el diseñador Web, lo averigües. Posición – Donde algo en la página claramente influencia en qué orden el usuario lo ve. Color – Usando colores sutiles es una manera sencilla de decirle a tu usuario hacia donde mirar. Contraste – Ser diferente es lo que hace a las cosas resaltar, mientras que siendo similares las hace secundarias. Tamaño – Lo grande toma preferencia sobre lo pequeño (a menos que todo sea grande, en cuyo caso lo pequeño quizá sobresaldrá gracias al contraste) Elementos de diseño – Si hay una gran flecha apuntando algo, adivina ¿hacia dónde mirará el usuario? 2 Espacio El espacio hace las cosas más claras. En el diseño Web hay tres aspectos sobre espacio que debemos considerar Espacio entre líneas -Cuando tú presentas un texto, el espacio entre líneas afecta directamente a lo legible que aparece. Muy poco espacio hace fácil que tu ojo caiga de una línea a otra en lugar de la siguiente; demasiado espacio significa que cuando terminas una línea de texto y vayas a la siguiente, la pierdas de vista Relleno - El relleno es el espacio entre los elementos y el texto. La simple regla aquí es que siempre debes tener espacio ahí. Hay excepciones, por supuesto, en particular si el texto es algún tipo de encabezado/gráfico o tu nombre es David Carson. Espacio en blanco - el espacio en blanco es para considerar y dar contraste a una pagina y que dejando mucho espacio en blanco das una mejor presentación a tu trabajo dando entender las dejas elegante 3. Navegación la navegación es frustrarte cuando no sabes en que sitio estas o te encuentras ya que existen 2 aspectos importantes que debemos tener en cuenta. Navegación – ¿Hacia dónde puedes ir?- ay que tener encuenta que existen botones en dondees mas facil navegar y estan colocados en la parte de arriba ya que El texto de un botón debe estar bien claro en cuanto hacia donde te está llevando. Aparte del sentido común, es importante también hacer usable la navegación Orientación – ¿Dónde estas ahora?- En sitos pequeños, es solo cuestión de un gran encabezado o una versión “menor” de la versión del botón correspondiente. En un sitio más grande, podrías utilizar la técnica de las migas de pan, sub-encabezados y un mapa del sitio para los que están realmente perdidos. 4.Diseña para construir. tienes que pensaren como vas construir tu sitio web A veces, mover un objeto en el diseño puede hacer una gran diferencia en cómo tendrás que codificar tu CSS después. En particular, cuando los elementos de un diseño se cruzan entre ellos le añade un poco de complejidad al proyecto.. así que si tu diseño tiene, digamos tres elementos y cada elemento está completamente separado de los otros, será muy fácil de crear 5. Tipografía hay diferentes tipos de diseños así que para que este quede bien lo tenemos que ajustar a las siguientes medidas o aspectos Opciones de letras- tienes que utilizar la letra dependiendo de tu trabajo , ya que hay tipos de letras diferentes una modernas una antiguas unas mas extravagantes Tamaño de letras- que nos debemos dar cuenta que entre mas grande la letra es mejor ya que damos una vista mejor y mas etendible y que es mucho mejor para cualquier trabajo o actividad que nos pidan realizar a los usuario Espaciado- que debemos de tener cuidado con los espacios de cada texto ya que es importante que todo lleve su orden aunque en el Internet no es tan usado ver esto debemos aplicarlo Anchura de las líneas. las líneas de tu texto no deberían ser tan largas. Mientras más largas son, más difíciles son de leer. Pequeñas Columnas funcionan mucho mejor Color. que tienes que poner el color de acuerdo a tu gusto pero que no se vea muy exagerado Parrafeando . así que pega el alineamiento hacia la izquierda a menos que tengas un cuerpo de texto mágico que haga el espaciado perfecto. 6 .Usabilidad es importante que tú, el diseñador, lo proveas para todo. Eso significa que hagas tu web Site utilizable. Apegándose a los estándares Por ejemplo, si el texto esta subrayado, tu esperas que sea un link. Haciéndolo de otra manera no es una buena práctica de usabilidad. Seguro, puedes romper con algunos convencionalismos, pero la mayor parte de tu Website debería de hacer lo que la gente espera que haga Piensa sobre lo que los usuarios van a hacer. Hacer prototipos es una herramienta común usada en diseño para de hecho “probar” un diseño. Esto se hace por que con frecuencia cuando utilizas un diseño, llegas a notar pequeñas cosas que pueden hacer una gran diferencia. Piensa en las tareas del usuario. Esto puede significar que haya tareas comunes en tu homepage (por ejemplo, “empieza a comprar”, o “aprende lo que hacemos”, etc.) o incluso puede significar asegurar algo como tener un cuadro de búsqueda que esté siempre accesible fácilmente. 7. Alineación Mantener las cosas alineadas es tan importante en el diseño Web como lo es en un diseño de impresión. No quiere decir que todo tiene que estar derecho, sino que debes tratar de mantener las cosas bien colocadas en una página. La alineación hace tu diseño más ordenado y digerible, al igual que lo hace ver más pulido De hecho, si estás interesado en el diseño en cuadrículas, deberías pasar por designbygrid.com, la casa de todas las cosas cuadriculadas. 8. Claridad (Nitidez) Mantener nítido tu diseño es súper importante en el diseño Web. Y en cuanto a la claridad, se trata de los pixeles Para lograr la nitidez tienes que: mantén las formas de los límites pegados a los pixeles. Esto podrá incluir limpiar los límites manualmente, las líneas y los cuadros de texto si las estás creando en PhotoShop. asegúrate de que el texto está creado usando el comando anti-alistado. Seguido usa “Nitidez”. asegurarse que el contraste es alto para que los bordes estén claramente definidos. sobre-enfatiza los bordes solo un poco para exagerar el contraste. 9. Consistencia Consistencia significa hacer que todo combine. Tamaño de encabezados, tipos de letra escogidas, colores, estilos de botones, espaciado, elementos de diseño, estilos de ilustraciones, fotos escogidas, etc y Mantener tu diseño consistente es lo que te hace un profesional. Las inconsistencias en un diseño son como cometer errores ortográficos en un ensayo. Lo único que hacen es bajar la percepción de calidad. por ejemplo, el proceso me llevó meses, y ya para el final, algunas de mis ideas para los botones y las imágenes habían cambiado, así que tuve que regresar y revisar las paginas anteriores para que encajaran perfectamente con las que hice después. en conclusión la consistencia consiste en tener todo bien para realizar una muy buena pagina web.

Show full summary Hide full summary

Suggestions

GENDER OF SPANISH NOUNS
differentiated4u
10 Study Techniques
PatrickNoonan
WAVES
toritorx
General MindMap
made_of_bubbles
IB SL Biology: Cells
mcgowan-w-10
National 5 English - Close reading question types
VEJackson
Sociology: Crime and Deviance Flash cards
Beth Morley
Food Technology - KEY TERMS
Dani Whitrick
Atomic Structure
dpr898
Intake7 BIM L1
Stanley Chia
Types of Learning Environment
Brandon Tuyuc