WEB: State of the art
-
Upload
jon-eguiluz -
Category
Technology
-
view
296 -
download
1
description
Transcript of WEB: State of the art
![Page 1: WEB: State of the art](https://reader033.fdocuments.mx/reader033/viewer/2022052508/55941c591a28abf72b8b4784/html5/thumbnails/1.jpg)
Mi sitio web Jon E. Eguiluz
![Page 2: WEB: State of the art](https://reader033.fdocuments.mx/reader033/viewer/2022052508/55941c591a28abf72b8b4784/html5/thumbnails/2.jpg)
Objetivos de la web
![Page 3: WEB: State of the art](https://reader033.fdocuments.mx/reader033/viewer/2022052508/55941c591a28abf72b8b4784/html5/thumbnails/3.jpg)
● Conseguir una comunidad● Dar a conocer un producto
● Ampliar cartera de clientes● Vender
...
![Page 4: WEB: State of the art](https://reader033.fdocuments.mx/reader033/viewer/2022052508/55941c591a28abf72b8b4784/html5/thumbnails/4.jpg)
¿Qué contenido queremos mostrar?
![Page 5: WEB: State of the art](https://reader033.fdocuments.mx/reader033/viewer/2022052508/55941c591a28abf72b8b4784/html5/thumbnails/5.jpg)
Ordenar el contenido por importancia
![Page 6: WEB: State of the art](https://reader033.fdocuments.mx/reader033/viewer/2022052508/55941c591a28abf72b8b4784/html5/thumbnails/6.jpg)
Webs clásicas“Los gigantes”
![Page 11: WEB: State of the art](https://reader033.fdocuments.mx/reader033/viewer/2022052508/55941c591a28abf72b8b4784/html5/thumbnails/11.jpg)
Me aburroooo!!!!
![Page 12: WEB: State of the art](https://reader033.fdocuments.mx/reader033/viewer/2022052508/55941c591a28abf72b8b4784/html5/thumbnails/12.jpg)
Consejos del los gurus
Los sabios dicen:
![Page 13: WEB: State of the art](https://reader033.fdocuments.mx/reader033/viewer/2022052508/55941c591a28abf72b8b4784/html5/thumbnails/13.jpg)
“Good design means never having to say 'Click Here' “
Shawn Leslie
![Page 14: WEB: State of the art](https://reader033.fdocuments.mx/reader033/viewer/2022052508/55941c591a28abf72b8b4784/html5/thumbnails/14.jpg)
“ Designers are no longer designing for the device, they are designing for the experience. “
COURTNEY BOYD MYERS, Features Editor of the next web
![Page 15: WEB: State of the art](https://reader033.fdocuments.mx/reader033/viewer/2022052508/55941c591a28abf72b8b4784/html5/thumbnails/15.jpg)
“you can’t just be geeky anymore, you have to be beautiful too. “
BRAD MCCARTY, Managing Editor the next web
![Page 16: WEB: State of the art](https://reader033.fdocuments.mx/reader033/viewer/2022052508/55941c591a28abf72b8b4784/html5/thumbnails/16.jpg)
“Emotion is at the heart ofevery decision we make. …We do what feels right,we go with our gut. “
AARON WALTER, lead designer Mail Chimp
![Page 17: WEB: State of the art](https://reader033.fdocuments.mx/reader033/viewer/2022052508/55941c591a28abf72b8b4784/html5/thumbnails/17.jpg)
“It’s art if can’t be explained.It’s fashion if no one asks for an explanation.
It’s design if it doesn’t need explanation “
Wouter Stokkel
![Page 18: WEB: State of the art](https://reader033.fdocuments.mx/reader033/viewer/2022052508/55941c591a28abf72b8b4784/html5/thumbnails/18.jpg)
“we will no longer continue to develop Flash Player in the browserto work with new mobile deviceconfigurations
(…) for Android andBlackBerry PlayBook.”
ADOBE press release
![Page 19: WEB: State of the art](https://reader033.fdocuments.mx/reader033/viewer/2022052508/55941c591a28abf72b8b4784/html5/thumbnails/19.jpg)
“We aren’t designing photocopies of web pages, we’re designing web pages “
Andy Clarke
![Page 20: WEB: State of the art](https://reader033.fdocuments.mx/reader033/viewer/2022052508/55941c591a28abf72b8b4784/html5/thumbnails/20.jpg)
“Marketing without design is lifeless, and design without marketing is mute“
Von R. Glitschka
![Page 21: WEB: State of the art](https://reader033.fdocuments.mx/reader033/viewer/2022052508/55941c591a28abf72b8b4784/html5/thumbnails/21.jpg)
“Art is like masturbation. It is selfish and introverted and done for you and you alone. Design is like sex.
There is someone else involved, their needs are just as important as your own, and if everything goes
Right both parties are happy in the end“
Colin Wright
![Page 22: WEB: State of the art](https://reader033.fdocuments.mx/reader033/viewer/2022052508/55941c591a28abf72b8b4784/html5/thumbnails/22.jpg)
¿Qué queremos?Que sea impactante, novedosa, diferente...
![Page 23: WEB: State of the art](https://reader033.fdocuments.mx/reader033/viewer/2022052508/55941c591a28abf72b8b4784/html5/thumbnails/23.jpg)
![Page 24: WEB: State of the art](https://reader033.fdocuments.mx/reader033/viewer/2022052508/55941c591a28abf72b8b4784/html5/thumbnails/24.jpg)
![Page 25: WEB: State of the art](https://reader033.fdocuments.mx/reader033/viewer/2022052508/55941c591a28abf72b8b4784/html5/thumbnails/25.jpg)
![Page 26: WEB: State of the art](https://reader033.fdocuments.mx/reader033/viewer/2022052508/55941c591a28abf72b8b4784/html5/thumbnails/26.jpg)
State of the art
¿Qué está a la última?
![Page 27: WEB: State of the art](https://reader033.fdocuments.mx/reader033/viewer/2022052508/55941c591a28abf72b8b4784/html5/thumbnails/27.jpg)
Responsive
Piensa para muchos dispositivos
![Page 28: WEB: State of the art](https://reader033.fdocuments.mx/reader033/viewer/2022052508/55941c591a28abf72b8b4784/html5/thumbnails/28.jpg)
![Page 32: WEB: State of the art](https://reader033.fdocuments.mx/reader033/viewer/2022052508/55941c591a28abf72b8b4784/html5/thumbnails/32.jpg)
Tipografías
No todo el monte es arial
![Page 36: WEB: State of the art](https://reader033.fdocuments.mx/reader033/viewer/2022052508/55941c591a28abf72b8b4784/html5/thumbnails/36.jpg)
¿Es lobster la nueva comic sans?
![Page 37: WEB: State of the art](https://reader033.fdocuments.mx/reader033/viewer/2022052508/55941c591a28abf72b8b4784/html5/thumbnails/37.jpg)
Parallax
Efecto de profundidad
![Page 47: WEB: State of the art](https://reader033.fdocuments.mx/reader033/viewer/2022052508/55941c591a28abf72b8b4784/html5/thumbnails/47.jpg)
One page Web
Scroll is your friend
![Page 55: WEB: State of the art](https://reader033.fdocuments.mx/reader033/viewer/2022052508/55941c591a28abf72b8b4784/html5/thumbnails/55.jpg)
Infografías
Menos es el nuevo MÁS
![Page 56: WEB: State of the art](https://reader033.fdocuments.mx/reader033/viewer/2022052508/55941c591a28abf72b8b4784/html5/thumbnails/56.jpg)
![Page 59: WEB: State of the art](https://reader033.fdocuments.mx/reader033/viewer/2022052508/55941c591a28abf72b8b4784/html5/thumbnails/59.jpg)
WebGL
¿Y si nos ponemos serios?
![Page 60: WEB: State of the art](https://reader033.fdocuments.mx/reader033/viewer/2022052508/55941c591a28abf72b8b4784/html5/thumbnails/60.jpg)
http://gravityguns.com/promo/gravitytrek/
![Page 66: WEB: State of the art](https://reader033.fdocuments.mx/reader033/viewer/2022052508/55941c591a28abf72b8b4784/html5/thumbnails/66.jpg)
State of the art
¿Que está de moda?
A P I s
APIs everywhere