revista unidad 2 final

PILARES
DEL
DISEÑO
WEB
BASES DEL DISEÑO WEB
INSPIRACIÓN
RESPONSIVE WEB DESIGN
SITEMAP DE UN SITIO WEB

FUENTES Y ESPACIOS
Para la composición se suelen utilizar dos familias de
fuente. En la composición se debe tener la orientación en
lineas a utilizar y la legibilidad de los textos.
Título: artístico, muy grande.
Resumen: legible, grande.
Subtítulos: artístico, grande.
Cuerpo: legible, mediano.
Títulos auxiliares: artístico pequeño.
Texto auxiliar: legible, pequeño.
Considerar que las líneas de texto deberían se de 35 a 80
caracteres. Para el espaciado, es muy común la utilización
de cajas o “grids” y el solapamiento o “overlaping”
de capas y texto
BASES DEL
DISEÑO WEB

COLOR Y CONTRASTE
DISEÑO WEB
Para el aspecto es recomendable uno color oscuro, otro medio y otro
claro a escoger entre los cálidos (rojos, naranjas, amarillos, marrones,
etc) o los fríos (azules, lilosos o púrpuras), considerando que los verdes
serian neutrales.
En la presentación, es necesario disponer de una paleta de contrastes
por lo menos de 3×4, asegurando que los fondos sean visibles (entre
un 10 y un 15% de opacidad suele ser adecuado).

DISEÑOS MINIMALISTAS
El minimalismo y la sencillez están de moda en diseño web.
En definitiva, menos es más.
Este tipo de diseños destacan por el predominio de fondos
blancos o muy claros, un único color para las tipografías y
diseño con pocos elementos.
TIPOGRAFÍAS HANDMADE
Otro elemento muy de moda en los últimos tiempo y que
seguirá siendo tendencia durante los próximos meses son
las tipografías handmade.
Lo “hecho a mano” triunfa y estas tipografías le otorgan al
diseño web una personalidad exclusiva, un toque diferente
tan necesario hoy en día.
ANIMACIONES
Las animaciones se han puesto de moda recientemente en
diseño web
En definitiva, animar determinados elementos, como botones,
filas o cajones, otorga un aire moderno y novedoso,
pero hay que hacerlo con cuidado.

INSPIRACIÓN
TENDENCIAS
DISEÑOS MODULARES
El diseño a través de modulos es una de las últimas tendencias
y es de mis preferidas. Además, ya he empezado a usarla
en mis últimos diseños.
Se trata de un tipo de diseño en el que cada elemento se
plantea como un módulo independiente, pues está inspirado
en la red social Pinterest.
Es decir, su característica principal es que el diseño se plantea
a partir de elementos independientes con forma cuadrada

¿Qué es?
El Responsive Design o diseño adaptativo, es la técnica que
se usa en la actualidad para tener una misma web adaptada
a las diferentes plataformas que nos brinda la tecnología: ordenador,
tablet y Smartphone.
Consiste en una serie de hojas de estilo en CSS3, que usando
el atributo “mediaquery” convierten una web ordinaria
en una web multiplataforma capaz de adaptarse a todos los
tamaños que existen, ofreciendo una experiencia para el
usuario mucho más amena y cubriendo las necesidades de
nuestro público.
¿Por qué tu web debería
ser Responsive?
Mejor experiencia de usuario. Eso repercute en la opinión
que los usuarios tienen de tu sitio web y el uso que le darán a
ella. Mejorará tanto tu imagen de marca como el tiempo de
permanencia en la web
Se acabaron los contenidos duplicados. Si usabas una versión
móvil para que los usuarios que accedían a tu web vieran
el contenido adaptado al dispositivo, era perjudicial para
tu SEO, ya que eso creaba contenido duplicado y por lo tanto
Google penalizaba a tu web.
Se reducen los costes de desarrollo y mantenimiento de la
web. Al usar la misma plantilla para todas las plataformas, se
reduce la inversión en mantenimiento y desarrollo

RESPONSIVE
DESING

Sitemap o mapa del sitio Web, es un listado de URL’s que
contiene todas las páginas de una Web que quieres que sean
indexadas. Es decir, una especie de índice de una web, que
por lo general, es diseñado para hacer accesible una web a
los robots de búsqueda.
Gracias al Sitemap podemos dar información a los motores
de búsqueda sobre la jerarquía de nuestra Web, sobre
las actualizaciones que hayamos realizado, las páginas que
queremos que los buscadores indexen, y por último, sobre la
prioridad que los buscadores deben asignar a cada página.
Los grandes buscadores (Google, Yahoo y Bing) aceptan el
formato estandar de Sitemap XML, pero también es posible
hacer un sitemap en HTML o incluir feeds RSS.
No hay duda de que el Sitemap resulta especialmente útil
para sitios webs muy grandes, que poseen miles de URL’s y
que gracias al Sitemap pueden hacer todas sus URL accesibles
a los buscadores, incluyendo aquellas que no tengan
enlaces desde otras URL’s de la web.

DISEÑO WEB
SITEMAP
SITIO
WEB

BIBLIOGRAFIA
CONTENIDO
https://www.maxcf.es/tendencias-diseno-web-2018/
https://quiwiq.com/posicionamiento/que-es-un-sitemap-y-para-quesirve/941
https://www.iebschool.com/blog/que-es-responsive-web-design-analitica-usabilidad/
https://www.einnova.com/diseno-web/las-bases-del-diseno-web-fuente-color-contraste-y-espacio
IMAGENES
https://imaginalaweb.com/
https://masterdemarketingdigital.es/como-hacer-pagina-web-cms-vs-desarrollo-web/
http://web7peru.blogspot.com/
https://disenowebakus.net/diseno-paginas-web-empresarial.php
http://emprendimientosnegocios.com/consejos-pagina-web-aspecto-profesional/
https://www.kapowinteractive.com.au/
OBJETIVO: Descubre algunos de los principios fundamentales previos para la realización de una
página web mediante las tendencias y elementos esenciales que debe conocer todo diseñador.

Diego Quezada
GRAPHIC DESIGNER

DISEÑO WEB