Una computadora hotel Adobe Photoshop
Mostrar más instrucciones
1
un bosquejo de su sitio con un lápiz y papel. Aunque las computadoras se han convertido en la forma estándar para crear cualquier medio visual , la mejor manera de comenzar el proceso de diseño es esbozar sus ideas a cabo y perfeccionar manualmente. Los dibujos no tienen que ser algo de fantasía ; garabatos son suficientes , siempre y cuando te dan una idea de lo que el diseño del sitio se verá como
2
Descargue una plantilla de cuadrícula de Photoshop. . Sistemas de Grid en el diseño web es tan importante como en el diseño de impresión. La anchura estándar para los sitios web , la compatibilidad a través de resoluciones de pantalla y configuraciones del navegador , es 960 píxeles. Así que encontrar un buen sistema de red que utiliza el estándar de ancho de 960 píxeles y descargar la plantilla de Photoshop. Hay un montón de excelentes recursos grid web disponibles en línea.
3
empiece a configurar su diseño. Alinear el contenido de las columnas de la plantilla de cuadrícula. Navegación general va en la parte superior o en el lado izquierdo de la página. El logo del sitio por lo general va en la esquina superior derecha. Twitter y RSS iconos suelen ir en la esquina superior izquierda. Los visitantes del sitio como para encontrar las cosas donde les esperan , lo que se adhieren a las colocaciones estándar para un diseño exitoso . Cuando haya terminado la configuración de su sitio de la manera que desea, guardarlo como un formato de archivo PSD ( Photoshop) .
4
Seleccione la herramienta "Slice " en el panel de herramientas de Photoshop . Haga clic y arrastre para separar las divisiones principales del sitio. Rebanadas crean secciones de un sitio que se pueden guardar como imágenes separadas . Esto hace que sea más fácil de codificar el sitio web en HTML y CSS y hacer que se vea como lo hizo en Photoshop.