No solo las personas se encuentran con su ropa, sino también con los sitios web. El vestido del sitio es su diseño. Un diseño atractivo y de alta calidad del recurso causa una impresión favorable en los usuarios, lo que garantiza su lealtad y voluntad para dedicar su tiempo a una mayor visualización. Además de la calidad, la originalidad y la singularidad del diseño son importantes. Los temas usados repelen a los visitantes. Pero desarrollar un diseño único es caro. Es por eso que muchos webmasters novatos se preguntan cómo dibujar el diseño de un sitio web con sus propias manos.
Es necesario
- - lápiz;
- - papel;
- - editor de gráficos de trama GIMP o Photoshop;
- - opcional: editor de gráficos vectoriales (por ejemplo, CorelDraw);
- - opcional: entorno de modelado 3D (3DStudio, Blender);
- - navegador moderno;
- - acceso a Internet.
Instrucciones
Paso 1
Desarrolle un concepto de diseño de sitio web. Decida el estilo, la combinación de colores, el diseño de la página (tamaño del encabezado del sitio, ubicación del menú, bloques de texto, imágenes). Es bueno si el concepto de diseño se basa en ideas originales. Pero si faltan, puede inspirarse en el análisis de las soluciones existentes. Por ejemplo, navegar por catálogos de temas populares de CMS. El resultado del trabajo puede ser un boceto de la página del sitio, realizado a lápiz sobre una hoja de papel, indicando las zonas de tamaños fijos y variables.
Paso 2
Cree una plantilla de página de sitio en blanco en un editor de gráficos rasterizados. Abra un nuevo documento en un editor gráfico. Los tamaños de los documentos deben ser mucho mayores que el tamaño mínimo de página tanto horizontalmente (incluso si no tiene la intención de crear un diseño "fluido") como verticalmente. Agrega una nueva capa transparente. En la capa agregada, dibuje la imagen de la plantilla de página con líneas de 1 píxel de grosor, respetando las dimensiones reales de los elementos. Para diseños de página de ancho fijo, designe márgenes que se rellenarán con el color de fondo.
Paso 3
Descargue de Internet o diseñe sus propios elementos de diseño de página. Se pueden crear logotipos y elementos de diseño únicos en el entorno de modelado 3D, editor de vectores o ráster. Un gran número de imágenes temáticas de alta resolución están contenidas en bancos de fotos gratuitos de Internet. También hay colecciones de iconos gratuitas en Internet que puede utilizar libremente en sus proyectos.
Paso 4
Dibuja un diseño de sitio web. Agregue capas transparentes a un documento que contiene una plantilla para una página web en un editor gráfico. Seleccione y rellénelas en las áreas que coincidan con el fondo de la página. Rellene áreas con relleno degradado y texturas periódicas. Insertar logo, imágenes estáticas, iconos. Dibuja los límites de los bloques. Agrega algo de texto. Coloque cada elemento de diseño terminado, imagen estática y logotipo en una capa separada. Mueva las imágenes en capas para lograr el diseño requerido.
Paso 5
Guarde la "fuente" de trabajo del diseño del sitio en el formato "nativo" del editor gráfico. Esto le permitirá volver más tarde a editarlo.
