Cómo crear un wireframe
LA wireframe describe la estructura de su sitio web, sin empantanarse en todos los detalles de diseño web. Si usted está construyendo un sitio sencillo para iPhone o iPad o una gran complejidad, obra maestra interactiva, tomarse el tiempo para desarrollar un plan sólido desde el principio le ahorra muchos dolores de cabeza y desesperada, la improvisación de última hora.
Una buena estructura metálica para el diseño web es mucho como el conjunto de planos para una casa. Los planes de un edificio describen su estructura subyacente, donde los cables eléctricos funcionan, ¿cómo va a funcionar la plomería. Es un plan para la construcción de la estructura de una casa. Los planes de un arquitecto no describen qué colores para pintar las paredes, los muebles que colocar dentro de, o qué tipo de cereal para almacenar en los estantes de la despensa.
En esta figura, se ve una estructura metálica a la derecha y la página web completado creado de ella a la izquierda. Wireframes son como bocetos de un sitio - no siempre son planes perfectos. Observe que los elementos en el diseño final página no son siempre exactamente donde estaban en el alambre.
La mayoría de los diseñadores de sitios web que crean wireframes de acuerdo en que los elementos de diseño no se deben añadir en las etapas iniciales # 175- no hay imágenes, no hay color, no hay fuentes de lujo. La estructura metálica es un documento estructural diseñado para ayudar a los desarrolladores (y clientes) se centran en cómo funciona un sitio sin distraerse con detalles de diseño.
Los detalles no son necesariamente malos # 175-, de hecho, tener una imagen o un texto magnífico tratamiento puede hacer un mal diseño se ve bien, y cegar a un diseñador de ver que la página que han construido no funciona como debería.
No seas impaciente por empezar a añadir todos los contenidos y elementos de diseño a tus wireframes. A medida que el proceso de desarrollo evoluciona y la estructura es aprobada, usted puede agregar maquetas para mostrar cómo el sitio se verá.
Crear una estructura semántica para páginas web Creación de páginas semánticamente relevantes ha sido la buena práctica en la web desde mucho antes de que el iPad apareció, pero HTML5 se basa en etiquetas especiales para que sea más fácil ser coherente en la forma en que utiliza la…
Demostrar usuarios de ruta tomarán en su página web Piense en sus páginas web como bloques de construcción reutilizables. Por ejemplo, el encabezado de su sitio es por lo general en la parte superior de la página, y por lo general quieren mantenerla consistente a través del sitio. Es el mismo…
Desarrollar un plan de proyecto para su sitio web Un buen plan de proyecto para su nueva página web para que aparezca en el iPhone y el iPad se compone de una serie de tareas, un presupuesto, una línea de tiempo, y una lista de los recursos y materiales necesarios. Tomarse el tiempo para crear un…
No saturar la pantalla con opciones de navegación En las opciones de navegación en la mayoría de los sitios web tradicionales, enlaces a todas las páginas principales son siempre visibles. Un sitio web típico incluye una fila de enlaces en la parte superior o en la parte superior izquierda o…
Cómo crear un sitio web con HTML5 Los diseñadores web a menudo utilizan términos como architecting, edificio, y construcción cuando hablan de la creación de páginas web, porque hay una gran cantidad de similitudes entre la construcción de una casa y el diseño de un sitio web…
Recursos y software para la creación de wireframes Usted puede crear un documento de alambre para el diseño web en casi cualquier programa de software. Algunos diseñadores utilizan aplicaciones comunes, como Microsoft Word o PowerPoint, pero una serie de programas y servicios en línea están…
Esbozar un mapa del sitio para el diseño web El mapa del sitio web muestra las secciones principales del sitio web, y cómo las páginas de su nueva página web que se muestran para el iPhone o el iPad se vinculará a la otra.Un mapa de sitio como el que se muestra ofrece un panorama visual de…
Cómo estructura bloques trabajan en squarespace En Squarespace, se puede tirar de la información utilizando la estructura de bloques sólo de páginas que permiten añadir elementos (páginas de blogs, páginas de eventos, páginas de la galería, y productos páginas).Este tipo de páginas le…
Elija una estrategia de diseño web para móviles Su enfoque para el diseño de un sitio web móvil depende de su contenido del sitio, sus recursos y su público. Los siguientes consejos pueden ayudarle a entender las posibles estrategias de diseño web móvil y elegir uno que funcione para…
La elección de una estrategia para el diseño de su web móvil Ahora la gente ver las páginas web en todo, desde pequeñas pantallas de teléfonos celulares a los proyectores que iluminan el lado de un granero. Las limitaciones que enfrenta en el diseño web móvil para la pantalla del iPhone pequeños pueden…
Crear comps en el diseño de un sitio web Comps, como se les llama en los círculos de diseño web, son visuales maquetas de una propuesta, nuevo diseño web. Son oportunidad del diseñador para establecer lo que la página web en última instancia, se verá así - de los colores de la…
Cómo storyboard con wireframes, diseños, mapas del sitio, y diagramas de flujo Storyboarding generalmente se refiere al proceso de elaboración de bocetos y diagramas de navegación entre las páginas. La combinación de bocetos de páginas (a menudo referido como wireframes) Y diagramas de flujo de navegación (a menudo…