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
Goodpatch Tour💙 / We are hiring!
goodpatch
31
900k
21 Ways to Call American Airlines Customer Care Full Guide USA
americanhub
0
210
7 Core Values of Round-L
wired888
0
2.2k
不確実性の時代にみんなで試したFigma × MCP × Cursor ハンズオン
techtekt
PRO
7
970
maki setoguchi
maki_setoguchi
0
110
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
visional_engineering_and_design
1
720
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
520
企業にデザインが融けたとき、デザイナーにできること。事業会社12年間の探究と葛藤 / Designship2025
visional_engineering_and_design
0
370
高卒公務員から Webデザイナーになるまで
kinomidesign
0
100
Portfolio 齋藤明敏 Hiroyuki Saito
crearedesign
0
110
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
6
2.8k
そのUIコンポーネント、これから先も使えますか?―Headless UI,Open UI,グローバルデザインシステム
sakito
2
2k
Featured
See All Featured
4 Signs Your Business is Dying
shpigford
185
22k
The Language of Interfaces
destraynor
162
25k
Docker and Python
trallard
46
3.6k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
30
2.9k
Making Projects Easy
brettharned
119
6.4k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.2k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
How to train your dragon (web standard)
notwaldorf
96
6.3k
Documentation Writing (for coders)
carmenintech
75
5.1k
How STYLIGHT went responsive
nonsquared
100
5.8k
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