revista inteactiva web
Create successful ePaper yourself
Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.
Eduardo Castillo<br />
Diseñador gráfico<br />
CASTLE<br />
PILARES DEL<br />
DISEÑO WEB<br />
OBJETIVO: Descubrir los principios fundamentales<br />
para la realización de una<br />
página <strong>web</strong> mediante las tendencias y<br />
elementos esenciales que debe conocer<br />
todo diseñador.
BASES DEL DISEÑO WEB<br />
El diseño <strong>web</strong> es un campo profesional con<br />
múltiples áreas en las que te puedes especializar.<br />
Entendemos como diseño <strong>web</strong> la fase de<br />
creación visual hasta el desarrollo de las aplicaciones<br />
<strong>web</strong> de mayor dificultad.<br />
Se requiere para ser<br />
un excelente profesional<br />
del diseño<br />
<strong>web</strong>, según el área<br />
en el que nos queramos<br />
especializar,<br />
necesitaremos de<br />
unas habilidades y<br />
conocimientos que<br />
cualquier profesional<br />
dedicado al diseño<br />
<strong>web</strong> debe saber sin<br />
importar las áreas en<br />
las que trabajemos.<br />
Esos requisitos que<br />
debemos saber son:<br />
1.HTML (Lenguaje<br />
de marcado de hipertexto)<br />
2.CSS (Hojas de<br />
estilo es cascada)<br />
3.JAVASCRIPT<br />
Inspiración para Diseño Web<br />
Uno de los primeros<br />
pasos para crear un<br />
nuevo sitio <strong>web</strong>, es<br />
buscar inspiración. No se<br />
trata de copiar ideas, sino<br />
de inspirarse en lo que<br />
hacen otros para desarrollar<br />
nuestra propia creatividad.<br />
Fíjate en el uso<br />
de colores, estructura,<br />
tipografía, emociones<br />
que despiertan y piensa<br />
cómo puedes encajar<br />
estas ideas en la marca<br />
del proyecto que vas a<br />
desarrollar.
EJEMPLOS DE INSPIRACIÓN<br />
Siteinspire<br />
Una de las principales para buscar inspiración<br />
CSS Winner<br />
Puedes buscar por color, temáticas, fechas.<br />
Amplia galería para inspiración en diseño
Design Licks<br />
Fácil de abrir las páginas <strong>web</strong> de tu interés<br />
para explorarlas más a fondo<br />
DISEÑO RESPONSIVE<br />
Se trata de redimensionar y colocar los elementos<br />
de la <strong>web</strong> de forma que se adapten al ancho de<br />
cada dispositivo permitiendo una correcta visualización<br />
y una mejor experiencia de usuario.<br />
El diseño<br />
<strong>web</strong> responsive<br />
o adaptativo<br />
es una<br />
técnica de<br />
diseño <strong>web</strong><br />
que busca la<br />
correcta visualización<br />
de<br />
una misma<br />
página en<br />
distintos dispositivos.<br />
Desde ordenadores<br />
de<br />
escritorio a<br />
tablets y<br />
móviles.
MAPA DEL SITIO<br />
“Sitemap de una <strong>web</strong>”<br />
Es la estructura de enlaces de páginas<br />
<strong>web</strong> que definirá la buena o mala<br />
navegación de un sitio <strong>web</strong>. Se puede<br />
usar para mejorar nuestro posicionamiento<br />
en motores de búsqueda<br />
Empezando por la página de Inicio hasta la página de contacto, todo<br />
sitio <strong>web</strong> debe tener un mapa para que la navegación del usuario<br />
<strong>web</strong> sea lo más fácil posible. El menú del sitio <strong>web</strong> debe contener<br />
las páginas principales, que pueden estructurarse en páginas y subpáginas,<br />
lo importante es que la navegación sea lógica e intuitiva.
Bibliografía:<br />
https://www.optima<strong>web</strong>.es/bases-diseno-<strong>web</strong>/<br />
http://www.esandra.com/encontrar-inspiracion-para-diseno-<strong>web</strong><br />
https://www.40defiebre.com/que-es/diseno-responsive/<br />
https://curso<strong>web</strong>20.net/2012/08/03/que-es-un-mapa-del-sitio-ositemap-de-una-<strong>web</strong>/