knorrigt.com

Home > Internet > Cómo diseñar una página web Prototipo

Cómo diseñar una página web Prototipo

Advertisement

Cómo diseñar una página web Prototipo


Un prototipo de página web combina los wireframes de páginas web individuales en una visión cruda del sitio centrado exclusivamente en el diseño de página de prueba y sistemas de navegación. La creación de un prototipo no es más que la creación de un sitio web básico con vínculos de trabajo, pero no hay elementos de diseño tales como la combinación de colores o imágenes. Esto permite que un equipo de la web para ajustar el diseño de un diseño coherente en todo el sitio que es a la vez funcional y atractivo.

Cosas que necesitará

prototipo de software

editor HTML

software de diseño web

Instrucciones

Abrir un programa de software o programa en línea para la creación de wireframes y prototipos. Un programa de edición de fotos trabajará para crear su prototipo a partir de cero, pero puede ser más lento.

Arrastrar y soltar, cuadrados y rectángulos de color claro del tamaño adecuado para representar las diferentes secciones de la página web, como el logo, menús de navegación y el cuerpo principal. Utilizar un solo color en diferentes tonos, como el gris, para ayudar a enfocar sobre el formato y no el esquema de color.

Repita el paso 2 para cada página web en su sitio web. Incluir puntos para todos los elementos de navegación y menús.

Escribir el código HTML para todas las páginas de su sitio web utilizando un editor HTML, basando el diseño de las plantillas que ha creado en los pasos 1 a 3. Uso de software de diseño web, tales como Adobe Dreamweaver, para crear sus páginas si usted no sabe HTML. Dejar de fondos e imágenes. Reemplazar con diferentes fondos de color gris claro o cajas y la etiqueta con etiquetas como "Logo" o "cabecera" para mostrar lo que debería ir allí.

Escriba todo el texto relevante en las páginas. Optar por escribir una frase o párrafo de resumen se indique el objeto de la página para prototipado rápido. Consulte esta declaración de propósito cuando se necesita para determinar qué tan bien funciona una página en el sitio web de diseño actual.

Vista previa de su prototipo en línea y poner a prueba los sistemas de navegación, enlaces y menús. Tomar notas de las secciones para cambiar o páginas que no están funcionando. Compruebe que sus páginas utilizan el mismo esquema de navegación y diseño en todas partes.

Consejos y advertencias

Sitepoint.com recomienda OmniGraffle y Axure RP Pro para wireframing y prototipos. Otra opción es lápiz, un país libre Mozilla Firefox.

Diseño W-borde recomienda la elaboración de sus páginas de prototipo en papel si tiene problemas para obtener el código HTML para un buen aspecto o desea una forma rápida de jugar con diferentes ideas de diseño.

Cómo diseñar una página web Plan de la casa
El diseño de un sitio web para planes de vivienda requiere un poco de previsión en términos no sólo de la recolección de los planes de vivienda, sino también en términos de cómo va a organizar los planes de vivienda. La determinación de la arquitectu
Cómo diseñar una página Web de comercio electrónico
Una página web de comercio electrónico presenta productos o servicios para su venta a través de Internet. Una página web de comercio electrónico bien diseñado productos presenta en un formato fácil y concisa. También hace que sea fácil para los clien
Cómo diseñar una página web HTML
HTML (HyperText Markup Language) crea la estructura, disposición y el diseño de una página web. Muchos programas de edición web ampliamente disponibles hacen que sea fácil para crear rápidamente su primera página HTML. Aquí está una guía paso a paso.
Cómo diseñar una página web
diseño de páginas web es más fácil de lo que imagina; Sin embargo, los autores web por primera vez pueden encontrar el diseño de una página web para ser una tarea desalentadora. Afortunadamente, con la ayuda de software y un poco de planificación, es
Cómo diseñar una página Web en Word
El diseño de una página Web en Microsoft Word es fácil de lograr sin ningún entrenamiento formal o Web habilidades de codificación. Palabra es una excelente herramienta para educadores, científicos, matemáticos y otros profesionales que se concentran
Muchos sitios web y compañías de Internet cobran tarifas mensuales o anuales para alojar páginas web en sus servidores. Sin embargo, existen numerosas soluciones libres para personas que no son graves diseñadores de páginas web, pero todavía quiere c
Algunos diseñadores web utilizan las páginas web ficticias como una forma de crear plantillas para los clientes y proyectos personales. Con una plantilla ficticia puede cambiar su texto, imágenes y colores de fondo con facilidad y guardar el archivo
Cómo hacer una página web para un cantante
Hacer un sitio web para un cantante requiere un poco de creatividad para ayudar a la cantante se distinguen de otros cantantes con sitios web en Internet. Para ello, crear un contenido único a la cantante para quien está haciendo una página web. Esto
La creación de una página web en el Bloc de notas es una alternativa fácil de diseñar una página web utilizando software o un sitio de acogida. Para crear una página web básica y sin muchos lujos, todo lo que necesita son elementos de lenguaje de mar
El funcionamiento de un sitio web le permite interactuar con personas de todo el mundo. Un sitio web puede ser tanto una afición personal, así como un negocio basado en línea a través del cual se pueden crear nuevas fuentes de ingresos. Independiente
Cómo guardar una página web
Marcadores (o como favoritos) una página web agrega a una lista en su navegador web para acceder con más rapidez. Piense de marcadores como la marcación rápida para sitios web - no hay necesidad de recordar una dirección web larga o excavar a través
Si usted es un maestro, un investigador o un padre de los niños educados en casa, hacer un sitio web sobre la educación no tiene por qué ser una tarea desalentadora. Los sitios web que se centran en la educación pueden cubrir temas tales como la educ
Cómo hacer una página web más pequeños para Imprimir
Saber cómo hacer una página web para imprimir más pequeño puede ahorrar grandes cantidades de tiempo. Muchos usuarios copiar y pegar páginas web en otros programas como Microsoft Word o Photoshop porque no saben cómo cambiar el tamaño de la impresión
Los sitios web son difíciles de ocultar o hacer inaccesibles para las personas que no desea acceder a su sitio. Sin embargo, hay métodos que puede utilizar no sólo para ocultar el sitio web de los motores de búsqueda, sino también para restringir el
Para aquellos que no tienen el dinero o conocimientos técnicos para crear un sitio de Internet utilizando el software de diseño web extensa, no hay otra opción: Kompozer, un código abierto, herramienta de software fácil de usar que permite crear pági
Cómo hacer una página Web en pantalla completa
Una página Web en pantalla completa maximiza la cantidad de espacio que un desarrollador web puede utilizar para mostrar su sitio. páginas web a pantalla completa son particularmente útiles para los fotógrafos y los minoristas en línea que quieren mo
Hay un proceso simple para bloquear un sitio web de aparecer en las búsquedas de Google. El bloqueo de un sitio web puede ser una gran herramienta de los padres y también para los sitios web que contienen virus potenciales. Cómo bloquear una página w
Esto le mostrará cómo leer una página web desde un script en Python, se proporciona una URL. Instrucciones Instalar el constructor pitón de aquí. Es gratis. http://www.python.org/download/releases/2.5.2/ Después de haber instalado Python se puede eje
Hay muchas opciones disponibles para hacer un sitio web sin costo. Sin embargo, para facilitar su uso, no hay nada como Weebly, es un alojamiento del sitio web sin costo donde se puede crear un sitio gratuito que es compatible con los anuncios coloca