Cómo preparar el diseño de un sitio

Método 3:Encontrar su diseñoConsideraciones de Diseño Básico haciendoDiseñar para dispositivos

Diseñar un gran sitio web parece ser un desafío de enormes proporciones, pero siempre y cuando se tiene en cuenta los principios de desarrollo, se encuentra proceso interesante y divertido. Hay más en el proceso que acaba de hacer el sitio se ve bien! Le mostraremos los conceptos básicos y algunas pautas para ayudarle a diseñar sitios web que mantendrán a las personas interesadas.

parte 1
Encontrar su diseño
Diseño de imagen de una página web titulada Paso 1
1
El diseño de su propio sitio. Si usted es nuevo en relación con la codificación y el diseño de la web, pero que realmente quiere construir un solo sitio, hay muchas opciones disponibles para usted. Se puede construir un sitio web sencillo al aprender HTML básico y CSS. Sólo sabe que también puede dejar el sitio de web más hermoso y profesional!
  • Diseño de imagen de una página web titulada Paso 2
    2
    Utilice una plantilla de página web. Usted puede comprar uno o encontrar un sitio libre de la plantilla muy fácilmente en Internet. Son códigos de listas que se utilizan simplemente y cambios para que se adapte a sus necesidades. Hay muchos proveedores confiables de plantillas de sitio, pero un gran proveedor es la Wix.
  • Diseño de imagen de una página web titulada Paso 3
    3
    Contratar a un diseñador de páginas web. Si quieres algo a medida y aspecto profesional y funciona perfectamente, es probablemente una buena idea contratar a un diseñador de páginas web. Si bien esto sin duda le va a costar dinero, no va a ser tan caro como parece. Se obtiene un diseñador cheapie colocación de un anuncio en una escuela técnica o universidad. La experiencia del diseñador le ayudará a guiar a un sitio más profesional y con mayores posibilidades de éxito.
  • parte 2
    Consideraciones de Diseño Básico haciendo
    Diseño de imagen de una página web titulada Paso 4
    1
    Racionalizar su página. Usted quiere que todo sea lo más rápido y fácil posible. Minimizar el número de opciones que el visitante tiene que hacer, hacer que la navegación es muy explica por sí mismo y ayudar a los visitantes para llegar a donde quieren lo más rápido posible.
  • Diseño de imagen de una página web titulada Paso 5
    2


    Practicar un buen diseño de la interfaz. Coloque los diversos elementos de su sitio, como el título, las barras laterales, los logotipos, imágenes y texto en el mismo lugar en cada página que salir de su página navegable e intuitivo.
  • Dejar que el mismo encabezado en la parte superior de cada página. Si el contenido del sitio tiene muchos elementos repetidos o no, asegúrese de que la parte superior es idéntico en cada uno de ellos.
  • Utilizar la lógica en su diseño. Los elementos de una sola página deben ser lógicamente ordenados por importancia o tópico- las distintas páginas en el sitio debe hacer lo mismo.
  • Diseño de imagen de una página web titulada Paso 6
    3
    Crear un estilo coherente. Aunque layoutdeva darle a su sitio una consistencia estructural, el estilo debe darle armonía temática. Quedarse con dos o tres colores principales y asegurarse de que armonizan bien. Evitar el uso de diversos estilos y tamaños de fuentes diferentes- planteja si cambia entre algunos, asegúrese de utilizar de la misma manera en cada página.
  • Hojas de estilo en cascada uso (Inglés, Cascading Style Sheets o CSS) para gestionar estilo y facilitar el cambio de los elementos por todo el sitio sin tener que lidiar con cada página individual.
  • Diseño de imagen de una página web titulada Paso 7
    4
    Maximizar la lectura. Para hacer el texto más fácil de leer, lo dividen en secciones más pequeñas. Utilizar apartados y espacios apropiados para separar cada sección. Utilice negrita o en diferentes tamaños para mostrar la jerarquía y la importancia de los temas.
  • Cuidado con la forma de manejar el texto. No deje que la fuente muy pequeña y aumentar el espacio para hacer bloques más grandes sean más legibles. Texto bloques más grandes serán más difíciles de leer- romper estos bloques en los párrafos más pequeños.
  • Diseño de imagen de una página web titulada Paso 8
    5


    Hacer que su sitio sea universalmente legible. Usar HTML estándar y evitar las etiquetas, las características y plugins que sólo funcionan en un navegador en particular.
  • Aunque la mayoría de los navegadores y de los ordenadores puede manejar imágenes complejas, todo va a ser un poco mejor si mantiene sus imágenes de vídeo en un mejor tamaño y optimizado para la web. Equilibrar el deseo de calidad con la necesidad de velocidad.
  • Diseño de imagen de una página web titulada Paso 9
    6
    Probar su sitio. Asegúrese de que cada función de enlace como se esperaba y que las imágenes aparecen correctamente.
  • Es posible que desee hacer algunas pruebas de usabilidad pedir a los miembros de su público objetivo poner a prueba la claridad y la facilidad de uso de su diseño y pidiéndoles que den retroalimentación.
  • parte 3
    Diseñar para dispositivos
    Diseño de imagen de una página web titulada Paso 10
    1
    Tener en cuenta la navegación móvil. Cada vez más, la navegación del sitio se está realizando a través de dispositivos móviles últimamente. Si desea que su sitio atrae y retiene la mayor cantidad de gente, que necesita para diseñar su sitio de modo que es muy fácil de utilizar en dispositivos móviles. Lo mejor que puede hacer para asegurarse de esto es tener un sitio separado para los usuarios móviles, pero hay otras opciones también.
    • Busque ejemplos de sitios móviles. A menudo, la colocación de una "m." en vez de "" la dirección de Internet de los grandes sitios devolverá la versión móvil de ese sitio. Que tiene que hacer algo similar.


  • Diseño de imagen de una página web titulada Paso 11
    2
    Mantener su sitio simple. En general, el diseño debe ser simple y directo. Los tiempos de los sitios con tablas complejas y más imágenes intermitentes. Todos los usuarios querrán algo fácil de usar. Esto significa que un diseño simple, con columnas mínimas y las entradas de texto mínimos requeridos para navegar por el sitio.
  • Diseño de imagen de una página web titulada Paso 12
    3
    Use un diseño de respuesta. el diseño de respuesta es una forma de codificar su sitio web de manera que en lugar de ajustarse a un tamaño de pantalla en particular, que se adapta a cualquier tamaño de pantalla. Esto es mucho más fácil de hacer mediante el establecimiento de los anchos de columna en porcentajes en lugar de en píxeles, pero hay otros métodos más elegantes.
  • Diseño de imagen de una página web titulada Paso 13
    4
    Evitar características de diseño que no son compatibles con los dispositivos móviles. Muchos dispositivos móviles no pueden mostrar cosas como ventanas emergentes, Flash, Java o marcos. Esto es para que, de nuevo, el diseño se mantiene tan simple como sea posible.
  • Diseño de imagen de una página web titulada Paso 14
    5
    Considerar la creación de una aplicación. En ciertas circunstancias, puede ser más fácil para que usted sólo tiene que crear una aplicación que tiene una versión móvil de su sitio. Usted no tiene que tener grandes conocimientos de programación para hacer esto! Al igual que hay sitio de proveedores de plantillas, también hay empresas que pueden crear la aplicación básica para usted. Conduit Mobile es un buen servicio a utilizar.
  • consejos

    • No bombardear al visitante la página con los gráficos adorables e inteligentes. animaciones flash, colores vivos, fondos a cuadros y la música que se reproduce automáticamente cuando una página se carga era divertido para experimentar en los años 90, pero hoy se hará visitantes huyen corriendo. Prefiero fondos simples que contrastan con el color del texto para una mejor lectura.
    • A pesar de que puede hacer el diseño de página basado en su propia visión o cosas que admirar en otros sitios, puede ser más fácil comprar un modelo listo.
    • Para evitar que la tinta de los visitantes del sitio, utilice una hoja de estilo separada para dar formato a su sitio web para su impresión.
    • Desactivar las imágenes de fondo al configurar los parámetros de impresión.
    • Utilizar el texto negro sobre fondo blanco.
    • Retire la barra de menús y las imágenes innecesarias.
  • Para incluir a los usuarios con discapacidad visual o auditiva, puede poner subtítulos en el vídeo, transcribir el audio e incluir una nota acerca de la accesibilidad. Aunque las tablas pueden ser una manera eficaz de organizar la información, los visitantes con discapacidad visual que utilizan un programa lector de pantalla pueden terminan por no escuchar el texto que se encuentra en la cabecera de la columna.
  • Siempre se puede utilizar CSS para ajustar la distancia entre los párrafos.
  • anuncios

    • Evitar el plagio y observar las leyes de copyright. No añadir imágenes al azar de internet, o incluso elementos estructurales sin permiso. Lo que usted incluye en su sitio debe ser legal y ético.
    De esta manera? Compartir en redes sociales:


    Opiniones y Comentarios

    Artículos Relacionados