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
UI/UX I: Jerarquía, Contraste y Proximidad
Search
Joel Monegro
November 27, 2013
Design
0
410
UI/UX I: Jerarquía, Contraste y Proximidad
Empezamos la primera charla de UI/UX Dominicana explorando los conceptos básicos
Joel Monegro
November 27, 2013
Tweet
Share
More Decks by Joel Monegro
See All by Joel Monegro
Bitcoin As Protocol: Exploring Alternative Uses for The Blockchain
jmonegro
0
140
UI/UX III: Color
jmonegro
2
230
Other Decks in Design
See All in Design
Карта процесса-опыта. Презентация метода
ashapiro
0
290
私の困りごとと解決案 / My issues and proposed solutions
kubosho
1
270
Designship2024 Panel Discussion インハウスデザイナーは 何をデザインしているか、するべきか で使用したスライドを公開します。
kiyoshifuwa
0
1.8k
Commune_Brand_Guideline_JA
commune
1
140
🇫🇷 Design Leadership en eaux troubles
morganepeng
2
430
Design System for training program
mct
0
270
20241019-CUD友の会「困った!を解決するデザイン改訂版」交流会
majimasachi
0
180
Dreamia
elsh
0
150
圧縮デザインスプリントによるオンボーディングの体験設計事例
hassy_pixiv
0
120
PdMを始めたUIデザイナーのリアルな課題
muture
0
780
デザインレビューをできていなかったコムデチームが、 自分たちが続けられるレビューの仕組みをつくった話
tanasho
0
840
MLP_Cleanup_Olga
olgastoryboard
0
130
Featured
See All Featured
How to train your dragon (web standard)
notwaldorf
88
5.6k
Building Adaptive Systems
keathley
38
2.2k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
43
6.6k
Optimizing for Happiness
mojombo
376
69k
How STYLIGHT went responsive
nonsquared
95
5.1k
Practical Orchestrator
shlominoach
186
10k
Art, The Web, and Tiny UX
lynnandtonic
296
20k
Designing Experiences People Love
moore
138
23k
Ruby is Unlike a Banana
tanoku
96
11k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
26
4.1k
Learning to Love Humans: Emotional Interface Design
aarron
272
40k
The Invisible Side of Design
smashingmag
297
50k
Transcript
UI/UX Dominicana I Jerarquía, Contraste, y Proximidad
Jerarquía Es la organización de los elementos de una interfaz
basada en su importancia con respecto a los demás.
Una buena jerarquía visual guía al usuario a través de
una interfaz y provee un sentido de orden.
None
Podemos inducir un sentido de jerarquía manipulando el peso visual
de los elementos del diseño mediante cambios en el tamaño, color, y valor.
Tamaño
None
None
Color
None
None
Valor
None
None
None
None
None
None
None
None
None
None
None
Contraste Son diferencias en las propiedades visuales que distinguen un
elemento de los demás y del fondo.
Usamos el contraste para diferenciar un elemento de los demás
y del fondo.
El contraste visual afecta el interés sobre un elemento. Mayor
contraste = Mayor interés
• Tamaño • Color • Forma • Posición • Textura
• Orientación
Tamaño
None
Forma
None
Color
None
Posición
None
Textura
None
Orientación
None
None
None
None
None
Proximidad La distancia entre los elementos denota la relación entre
los mismos.
Haciendo uso correcto de la proximidad, buscamos crear grupos de
elementos relacionados.
None
None