28.04.2018 Views

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>/

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!