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
宅宅設計入門2
Search
Hai Feng Kao
March 10, 2016
Technology
2
300
宅宅設計入門2
寫給宅宅的設計法則後篇,講Repetition和Proximity
Hai Feng Kao
March 10, 2016
Tweet
Share
More Decks by Hai Feng Kao
See All by Hai Feng Kao
物件導向的文藝復興:用DCI重塑程式設計的藝術
haifengkao
0
120
模組化的Swift架構(一) Redux入門
haifengkao
0
140
模組化的Swift架構(二) DDD速成
haifengkao
0
840
日常生活中的腦殘
haifengkao
0
280
機器學習超入門
haifengkao
0
170
UICollectionView自動布局
haifengkao
1
450
宅宅設計入門
haifengkao
5
320
Other Decks in Technology
See All in Technology
株式会社ログラス - 会社説明資料【エンジニア】/ Loglass Engineer
loglass2019
4
65k
未経験者・初心者に贈る!40分でわかるAndroidアプリ開発の今と大事なポイント
operando
6
750
react-callを使ってダイヤログをいろんなとこで再利用しよう!
shinaps
2
270
Oracle Cloud Infrastructure IaaS 新機能アップデート 2025/06 - 2025/08
oracle4engineer
PRO
0
110
まずはマネコンでちゃちゃっと作ってから、それをCDKにしてみよか。
yamada_r
2
120
20250910_障害注入から効率的復旧へ_カオスエンジニアリング_生成AIで考えるAWS障害対応.pdf
sh_fk2
3
280
今日から始めるAWSセキュリティ対策 3ステップでわかる実践ガイド
yoshidatakeshi1994
0
120
Evolución del razonamiento matemático de GPT-4.1 a GPT-5 - Data Aventura Summit 2025 & VSCode DevDays
lauchacarro
0
210
AWSを利用する上で知っておきたい名前解決のはなし(10分版)
nagisa53
10
3.2k
下手な強制、ダメ!絶対! 「ガードレール」を「檻」にさせない"ガバナンス"の取り方とは?
tsukaman
2
460
実践!カスタムインストラクション&スラッシュコマンド
puku0x
0
550
新規プロダクトでプロトタイプから正式リリースまでNext.jsで開発したリアル
kawanoriku0
1
220
Featured
See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
77
6k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Site-Speed That Sticks
csswizardry
10
820
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
KATA
mclloyd
32
14k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
131
19k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
How STYLIGHT went responsive
nonsquared
100
5.8k
Transcript
疌疌戔懯獈槹ԫ Hai Feng Kao CocoaHead Taipei 2016.03
戔懯ጱࢥ㮆ဩ㳷 • Alignment 䌘煶 • Contrast 䌘穉 • Repetition ᯿薟
• Proximity 獤觊
䌘煶 • ୌ缏殷ᶎزᔰԏ樌ጱ橕狌 • 獺蝨蘂ጱ眤憽
䌘穉 • 獺蝨珅Ոጱ殷ᶎ
犝ଶጱ䌘穉 • አ箜褩ݢ犥䲒礚ฎ玽磪䌘穉犋䄪 䔶篇ጱ㺔氂 • ӣ圵犝ଶ • ጮ牏箜牏ἓ • ࢥ圵犝ଶ
• ጮ牏亮箜牏窼箜牏ἓ Yelp
• ᜋ旉箜褩ெ讕䨝ฎ(R+G+B)/3 珌牫 䛑扗ฎአHSV䌘珆
https://en.wikipedia.org/wiki/HSL_and_HSV
• 蝡ฎ妔ᜋ緹አጱ
None
戔懯ጱࢥ㮆ဩ㳷 • Alignment 䌘煶 • Contrast 䌘穉 • Repetition ᯿薟
• Proximity 獤觊
᯿薟 • 獺蝨Ӟ膌
᯿薟 • 氅ᜋ牏ਁ誢牏य़ੜ牏֖ᗝ
᯿薟
戔懯ጱࢥ㮆ဩ㳷 • Alignment 䌘煶 • Contrast 䌘穉 • Repetition ᯿薟
• Proximity 獤觊
獤觊 • 搡ፘ犲ጱ硯ࣁӞ蚏 • 虏ֵአᘏݢ犥ቘ薹
獤觊 • 搡ፘ犲ጱ硯ࣁӞ蚏 • 虏ֵአᘏݢ犥ቘ薹
獤觊
獤觊
獤觊
獤觊
獤觊
戔懯ጱࢥ㮆ဩ㳷 • Alignment 䌘煶 • Contrast 䌘穉 • Repetition ᯿薟
• Proximity 獤觊 • 礯ֺ
ṛ裡纏
ṛ裡纏 • Ꭳݷ戔懯䒍泹ਜ
蠐罡ᑏ㵕㯽甿䁆ᤈ裾 战Ӯ磼
ṛ裡纏 • 詂Ӿਁ誢戔懯䒍战ᅁ