Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Diseño: no es sólo cuestión de estética
Search
Sergio Martinez
June 26, 2012
Design
2
240
Diseño: no es sólo cuestión de estética
Presentación de la charla dada por @misterymotion en el Campus Party Colombia 2012 #cpc05
Sergio Martinez
June 26, 2012
Tweet
Share
More Decks by Sergio Martinez
See All by Sergio Martinez
Diseño y UX para Startups
misterymotion
1
300
Other Decks in Design
See All in Design
現象と向き合うデザイン @Spectrum Tokyo Festival 2023
hirokazu_oda
3
1.3k
他人事じゃないWebアクセシビリティ入門
arihiro17
0
210
BtoB SaaS Design Conference 登壇資料 Cloudbase LT
narizuka
0
490
Goodpatch Tour💙 / We are hiring!
goodpatch
28
690k
Data+Diversity: Celebrating W.E.B Du Bois through Data Visualization
ajstarks
0
310
デザイナー採用 3社目で学び中のこと / Learnings of Designer Recruitment | Yasuhiro Yokota
yasuhiroyokota
1
220
デザイナーの帽子をかぶったわたしが、プロダクト開発するうえでスクラムチームに提供したいこと / what I want to provide to Scrum teams when developing products
hiromitsuuuuu
14
4.9k
プロダクトデザインは子育て/Product design is parenting
medley
0
300
WHAT ARE ME?
takuro_nakajima
PRO
0
1.3k
20240120_画像生成AI_NovelAI入門・情報収集
doradora09
0
110
IPの世界観に寄り添う、マルチブランドなカラーシステム設計
jirosh1998
0
2.2k
デザインに関わる全ての人たちでエベレスト登頂を目指すために取り組んでいること
amishiratori
0
590
Featured
See All Featured
Building Applications with DynamoDB
mza
88
5.6k
Rebuilding a faster, lazier Slack
samanthasiow
73
8.2k
[RailsConf 2023] Rails as a piece of cake
palkan
23
3.9k
Raft: Consensus for Rubyists
vanstee
132
6.3k
Building an army of robots
kneath
300
41k
The Cost Of JavaScript in 2023
addyosmani
16
3.9k
Product Roadmaps are Hard
iamctodd
44
9.7k
Designing the Hi-DPI Web
ddemaree
276
33k
Visualization
eitanlees
136
14k
Fantastic passwords and where to find them - at NoRuKo
philnash
37
2.5k
The Art of Programming - Codeland 2020
erikaheidi
42
12k
Design by the Numbers
sachag
274
18k
Transcript
No es sólo una cuestión de estética DISEÑO WEB Si!
es Comic Sans http://www.fonts.com/content/learning/fyti/typefaces/story-of-comic-sans
@misterymotion #cpc05est
None
“ Las decisiones estéticas están justificadas por un entendimiento del
propósito del producto.” Dieter Rams
estética percepción
None
50M clasificados 30B Paginas vistas
lo que pensamos que era increíble y lo que el
cliente quería ver. DISEÑO WEB
http://bit.ly/MgC2Yx El éxito del sitio web gira en torno a
una sola cosa: cómo los usuarios perciben.
No es solo visual Se enfoca en metas y objetivos
Demuestra bene cios Fluye y se adapta Evoluciona Diseño Web Necesidades de los usuarios, objetivos del sitio
http://www.jjg.net/elements/translations/elements_es.pdf Los elementos de la experiencia del usuario Jesse James
Garrett
Roles & Procesos Photo: http://www.flickr.com/photos/14617207@N00/3432232452/
Arquitectura de Información Diseñado de Interacción Diseñado Visual / Interface
Codificacion / Maquetación Programación Front End
Diseño Web (CD, AR, UI, UX, UXD, AI, ID, SEO,
SEM, SM, B2B, B2C )
None
Wireframes Moodboards Diseño de Interface { {
None
Craigslist
None
None
Diseño Visual
Sistema de Grillas
Sistema de Grillas https://pulsosocial.com
Sistema de Grillas
Sistema de Grillas
Balance http://gnosh.co.uk/
http://www.hotelavenida-povoa.com/ Balance
Balance http://www.hotelavenida-povoa.com/
Proporción http://voxer.com/
Proporción http://jeanmarcdenis.me/work
Proporción http://get.wunderkit.com/
Proporción http://get.wunderkit.com/
Volumen y profundidad http://www.bbc.co.uk/
Volumen y profundidad http://www.guardian.co.uk/
Volumen y profundidad https://www.aupeo.com/
Volumen y profundidad http://www.nikevision.com/
Color http://www.84colors.com/
Color http://www.plugobrowser.com/
Color http://www.sullivannyc.com/
Color http://foodsense.is/
http://www.f-i.com/ http://www.f-i.com/ Color
Tipogra a http://techcrunch.com/
http://www.reuters.com/politics Tipogra a
http://www.oatbook.co.uk/ Tipogra a
reddit.com Tipogra a
http://lifeingreenville.com/life/cultured Tipogra a
http://informationarchitects.net/ Tipogra a
Tendencias Fuentes grandes Cintas Navegación ja Slideshows Sitios web de
1 página Efecto scroll inverso (paralax) Imagenes y footers de gran tamaño Responsive design Animaciónes HTML Circulos
Cintas Contenido Transparente Tamaños de Fuente Grandes Circulos Navegacíon fija
Inspiración Fusil vs
http://www.jorgerigabert.com/ Original
http://gizmodo.com/343641/1960s-braun-products-hold-the-secrets-to-apples-future
Roy Lichtenstein - “Whaam!", 1963, Acrylic All-American Men at War
#89, Irv Novick
Roy Lichtenstein - House I, 1998
http://bit.ly/Om9rXt Recomendados
Gracias!