principios para buen diseño Web

rocha ramirez 4L
Slide Set by rocha ramirez 4L, updated more than 1 year ago
rocha ramirez 4L
Created by rocha ramirez 4L over 5 years ago
17
0

Description

Slide Set on principios para buen diseño Web, created by rocha ramirez 4L on 03/06/2016.

Resource summary

Slide 1

Slide 2

    1. Preferencia 
    Cuando navega por un buen diseño, el usuario debería ser guiado en la pantalla por el diseñador, Para lograr la preferencia tienes muchas herramientas a tu disposición:– 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?

Slide 3

    2 Espacio
    El espacio hace las cosas más claras. En el diseño Web hay tres aspectos sobre espacio que deberías considerar:– Espacio entre líneas    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– Relleno  Las Imágenes, por ejemplo, no deben de tocar el texto, ni tocar bordes o tablas. poner espacio entre el texto y el resto del mundo lo hace definitivamente más legible y placentero.– Espacio en blanco    El espacio en blanco es usado para dar balance y contraste a una página. Mucho espacio en blanco tiende a hacer que las cosas parezcan más elegantes y de lujo   

Slide 4

    3. Navegación
    Navegación – ¿Hacia dónde puedes ir? Los botones para navegar en el sitio deberían ser fáciles de encontrar, Deberían verse como botones de navegación y estar bien descritos. 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?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

Slide 5

    4. Diseña para construir.
    Ejecutar barias preguntas de diseño para mejorarlo, por ejemplo:– ¿De veras puede hacerse?– ¿Qué pasa cuando una pantalla cambia de tamaño?– ¿Algo de lo que estás haciendo es técnicamente difícil?¿puedes simplificar las cosas?

Slide 6

    5. Tipografía
    El texto es un elemento común en el diseño, Es importante considerar cosas como:– Opciones de letras –– Tamaño de letras –– Espaciado –– Anchura de las líneas. –– Color. –– Parrafeando . –

Slide 7

    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-– Piensa sobre lo que los usuarios van a hacer-– Piensa en las tareas del usuario-

Slide 8

    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.Quizá también quieras basar tus diseños en una cuadrícula específica,  si estás interesado en el diseño en cuadrículas, deberías pasar por designbygrid.com, la casa de todas las cosas cuadriculadas.

Slide 9

    8. Claridad (Nitidez)
    Mantener nítido tu diseño es super importante en el diseño Web, – mantén las formas de los límites pegados a los pixeles.– asegúrate de que el texto está creado usando el comando anti-alistado.– 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.

Slide 10

    9. Consistencia
    Consistencia significa hacer que todo combine........La manera más simple de mantener la consistencia es hacer decisiones tempranas y pegarte a ellas, 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.
Show full summary Hide full summary

Similar

PHR SPHR Labor Union Terminology
Sandra Reed
GCSE Maths: Overview Note
Andrea Leyden
AQA GCSE Physics Unit 3 Mindmap
Gabi Germain
GCSE Maths: Algebra & Number Quiz
Andrea Leyden
Linking Rossetti and A Doll's House
Mrs Peacock
Biology Unit 2 - DNA, meiosis, mitosis, cell cycle
Marie Griffin
REGLAMENTO DE USO LEGAL, ADECUADO Y PROPORCIONAL DE LA FUERZA PARA LA POLICÍA NACIONAL DEL ECUADOR
edwin patrico
Organigramas
Sindy Deydania
ESTEQUIOMETRIA EN REACCIONES QUIMICAS
Selena Flores
fundamentos de los derechos humanos
Elizzeo Chellito
Teorías del conocimiento
Dalia Amaya yagual