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
460
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
150
UI/UX III: Color
jmonegro
2
230
Other Decks in Design
See All in Design
そのUIコンポーネント、これから先も使えますか?―Headless UI,Open UI,グローバルデザインシステム
sakito
2
2k
The Spectacular Lies of Maps
axbom
PRO
1
320
【最新】マズロー安達の弟子実績(1期-6期の37人分)
maslow_akkun
0
3.1k
Yumika Yamada Portfolio
yumii
0
2.1k
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
530
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
lycorptech_jp
PRO
0
650
企画を動かすデザイナーの思考!「広げて絞る」アプローチ。
hikidakan
0
190
DESIGNEAST 2025 A-3
_kotobuki_
0
100
Vibe Coding デザインシステム
poteboy
1
1.1k
maki setoguchi
maki_setoguchi
0
490
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
hiromitsuuuuu
1
810
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
190
Featured
See All Featured
Gamification - CAS2011
davidbonilla
81
5.5k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
253
22k
Music & Morning Musume
bryan
46
6.9k
Making the Leap to Tech Lead
cromwellryan
135
9.6k
The Cost Of JavaScript in 2023
addyosmani
55
9.1k
Keith and Marios Guide to Fast Websites
keithpitt
411
23k
Done Done
chrislema
185
16k
Side Projects
sachag
455
43k
Designing Experiences People Love
moore
142
24k
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.7k
The World Runs on Bad Software
bkeepers
PRO
72
11k
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