Revista digital

Page 1

ISEÑO WEB

EL FUTURO VIENE POR SÍ MISMO DIOS ESTÁ EN LOS DETALLES

CIBERESPACIO

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.


BASES DEL DISEÑO WEB El desarrollo web moderno esta compuesto por 3 capas: Aplicación Frontend (cliente), Aplicación Backend (servidor) y la base de datos. Frontend (cliente), esta compuesto por tres: HTMEL5, CSS3 Y JAVASCRIPT

JS es el que añade dinamismo, conexión con la aplicación o backend.

HTML5 es para el maquetado de la página, la sintaxis para colocar los elementos en la vista.

APLICACIÓN O BACKEND es comúnmente y actualmente un pírex simplemente sirve archivos Jasson comúnmente por medio de arias que nos permiten reconectar con nuestro backend desde el fronter sin necesidad de recargar la página.

LA BASE DE DATOS Es la que contiene la información de nuestra aplicación web de manera persistente para que podemos consumirla, modificarla y adecuarla según lo que queramos.

CSS3 sirve para el estilo para ponerlo más bonito es decir para reinventarlo.


INSPIRACIÓN. Uno de los primeros pasos que se debe hacer, es buscar inspiración. No se trata de copiar ideas, sino de inspirarse en lo que hacen otros para desarrollar nuestra propia creatividad. Una vez ya tenemos claro qué es lo que queremos crear, podemos utilizar los diferentes recursos de diseño web a nuestro alcance, pero lo primero es inspirarnos.

Fíjate en el uso de colores, estructura, tipografía, emociones que despiertan… y piensa cómo puedes encajar estas ideas en la marca del proyecto que vas a desarrollar. ¡Deseo que te guste la recopilación!

Es necesario conocer todo lo que nos rodea y lo que ya se ha hecho para preparar nuestros diseños.

A menudo, el éxito de un proyecto online depende de su diseño, independientemente de si ha sido concebido por un diseñador o si se ha creado de forma modular, no existen reglas de diseño fijas para crear una página web “bonita”. El propósito es, más bien, destacar entre la multitud y presentar un frontend atractivo


RESPONSIVE WEB DESIGN Hoy en día accedemos a sitios web desde todo tipo de dispositivos; ordenador, tablet, smartphone… por lo que, cada vez más, nos surge la necesidad de que nuestra web se adapte a los diferentes tamaños de los mismos.

Características diseño responsive Se basa en proporcionar a todos los usuarios de una web los mismos contenidos y una experiencia de usuario lo más similar posible, frente a otras aproximaciones al desarrollo web móvil como la creación de apps, el cambio de dominio o webs servidas dinámicamente en función del dispositivo. ¿En qué consiste el diseño responsive? Se trata de redimensionar y colocar los elementos de la web de forma que se adapten al ancho de cada dispositivo permitiendo una correcta visualización y una mejor experiencia de usuario. Se caracteriza porque los layouts (contenidos) e imágenes son fluidos y se usa código media-queries de CSS3.

El diseño responsive permite reducir el tiempo de desarrollo, evita los contenidos duplicados, y aumenta la viralidad de los contenidos ya que permite compartirlos de una forma mucho más rápida y natural.

En definitiva, el diseño web responsive se consolida como una de las mejores prácticas hoy en día en diseño web. Aunque como todas, tiene sus pros y contras, la web responsive es considerada hoy en día la mejor práctica posible en el diseño web, y nosotros te enseñasmos los puntos que debes tener en cuenta a la hora de hacer tu web responsive.

A Monotype Company Copyright © 1999–2018 MyFonts Inc. EinnovaSant Joan de la Salle, 42 08022 Barcelona93 532 20 20 barcelona@einnova.com La mejor agencia SEO en Barcelona Mapa web Aviso legalCopyright 2018 Rafel Sansó ©2016 - Todos los derechos reservados 40deFiebre es la unidad de Socialmood para enfermos del marketing digital


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.