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
360
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
130
UI/UX III: Color
jmonegro
2
220
Other Decks in Design
See All in Design
マスとAIをなめらかにつなぐデザイン
abcmisuzu
0
230
Goodpatch Tour💙 / We are hiring!
goodpatch
28
690k
Portfolio 2023.07.28
helemarudesu
0
550
DMN2024年度プログラム
mct
0
350
デザインシステムで解消するさまざまな分断
hirataaa0220
0
150
Apple提供アプリのナビゲーションバーアイテムクイズ / 20231110-hig
uhooi
1
160
意志と、デザインと、ときどきお金
transit_kix
2
1.9k
リリース1ヶ月後で機能をなくした話
hinofu
1
650
ゲームクリエイター、事業会社のデザイナーになる
satomium1
0
160
Climb Visual Development
rkendrick25
0
100
豊かな自然を守るための、 クラフトビール造りのプロジェクトとデザイン
kazuakiebe
0
410
The Fight
euralisw
0
100
Featured
See All Featured
What's in a price? How to price your products and services
michaelherold
236
11k
StorybookのUI Testing Handbookを読んだ
zakiyama
10
4.5k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
67
38k
Designing the Hi-DPI Web
ddemaree
275
33k
A Tale of Four Properties
chriscoyier
150
22k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
14
1.3k
Rebuilding a faster, lazier Slack
samanthasiow
72
8.2k
From Idea to $5000 a Month in 5 Months
shpigford
376
45k
Raft: Consensus for Rubyists
vanstee
130
6.2k
Code Reviewing Like a Champion
maltzj
512
39k
Building a Scalable Design System with Sketch
lauravandoore
455
32k
Navigating Team Friction
lara
177
13k
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