Cómo Desarrollar Un Diseño De Sitio Web

Tabla de contenido:

Cómo Desarrollar Un Diseño De Sitio Web
Cómo Desarrollar Un Diseño De Sitio Web

Video: Cómo Desarrollar Un Diseño De Sitio Web

Video: Cómo Desarrollar Un Diseño De Sitio Web
Video: Como diseñar una página Web - Diseño y Programación Web 2024, Noviembre
Anonim

El diseño de sitios web es casi su componente principal. Incluso la información más interesante, no presentada correctamente, no hará que el usuario quiera permanecer en el sitio. Para que sus visitantes se sientan cómodos y acogedores en el sitio, dedique más tiempo a desarrollar el diseño.

Cómo desarrollar un diseño de sitio web
Cómo desarrollar un diseño de sitio web

Instrucciones

Paso 1

Piense en cómo le gustaría ver su sitio. Considere los diseños de sitios web que le gusten. Cree un diseño, en papel o en un editor gráfico. Decida cuántas columnas habrá en el diseño: dos o tres, cómo se llevará a cabo la navegación, en qué colores se ejecutará el sitio.

Paso 2

Evalúa tu fuerza. Si es la primera vez que oye hablar de HTML y CCS, sus habilidades artísticas y de Photoshop dejan mucho que desear, no podrá diseñar el sitio usted mismo. Entonces deberías contactar con el estudio de diseño. Simplemente hay una cantidad increíble de estos últimos en Internet ahora, elija el que más le convenga, de acuerdo con su gusto y presupuesto.

Paso 3

Si confía en usted mismo, comience a desarrollar un diseño de sitio web. Primero, cree todos los gráficos necesarios: fondo, logotipo, elementos adicionales, encabezados de sección. Puede solicitar elementos gráficos individuales a diseñadores o autónomos.

Paso 4

Empiece a codificar su sitio. Hay dos tipos de diseños: fijo y de goma. Con un diseño fijo, los valores de todos los bloques y tablas se establecen en valores absolutos. Si está creando un diseño fijo, use la resolución de pantalla mínima de sus usuarios como base. Haz un diseño que se ajuste a estos marcos.

El diseño de "goma" es más difícil de hacer, pero el resultado es, en consecuencia, mejor. Al crear un diseño de "goma", su tarea es asegurarse de que la apariencia del sitio siga siendo la misma en cualquier resolución y tamaño de monitor. Esto se logra estableciendo el ancho de tablas y bloques no en términos absolutos, sino en porcentajes. Asimismo, se deben realizar los gráficos, contando con la máxima resolución, y se debe multiplicar el fondo o secciones individuales de las imágenes.

Paso 5

Una vez que haya terminado su diseño, vaya a los detalles. Esta es la selección de fuentes, el diseño de secciones individuales y algunas sutilezas inherentes a cada diseño. Utilice fuentes estándar (Arial, Century Gothic, Courier, Tahoma, Times New Roman, Verdana, etc.), de lo contrario, algunos usuarios no reconocerán el texto.

Recomendado: