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
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
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
150
模組化的Swift架構(一) Redux入門
haifengkao
0
150
模組化的Swift架構(二) DDD速成
haifengkao
0
880
日常生活中的腦殘
haifengkao
0
280
機器學習超入門
haifengkao
0
180
UICollectionView自動布局
haifengkao
1
460
宅宅設計入門
haifengkao
5
320
Other Decks in Technology
See All in Technology
Codex 5.3 と Opus 4.6 にコーポレートサイトを作らせてみた / Codex 5.3 vs Opus 4.6
ama_ch
0
210
顧客との商談議事録をみんなで読んで顧客解像度を上げよう
shibayu36
0
320
ブロックテーマでサイトをリニューアルした話 / 2026-01-31 Kansai WordPress Meetup
torounit
0
480
広告の効果検証を題材にした因果推論の精度検証について
zozotech
PRO
0
210
30万人の同時アクセスに耐えたい!新サービスの盤石なリリースを支える負荷試験 / SRE Kaigi 2026
genda
4
1.4k
20260204_Midosuji_Tech
takuyay0ne
1
160
ブロックテーマ、WordPress でウェブサイトをつくるということ / 2026.02.07 Gifu WordPress Meetup
torounit
0
200
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
10k
【Ubie】AIを活用した広告アセット「爆速」生成事例 | AI_Ops_Community_Vol.2
yoshiki_0316
1
120
SREのプラクティスを用いた3領域同時 マネジメントへの挑戦 〜SRE・情シス・セキュリティを統合した チーム運営術〜
coconala_engineer
2
770
ClickHouseはどのように大規模データを活用したAIエージェントを全社展開しているのか
mikimatsumoto
0
270
SREが向き合う大規模リアーキテクチャ 〜信頼性とアジリティの両立〜
zepprix
0
480
Featured
See All Featured
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
62
50k
Making Projects Easy
brettharned
120
6.6k
The SEO Collaboration Effect
kristinabergwall1
0
350
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
231
22k
Thoughts on Productivity
jonyablonski
74
5k
The Mindset for Success: Future Career Progression
greggifford
PRO
0
240
Making the Leap to Tech Lead
cromwellryan
135
9.7k
How to build an LLM SEO readiness audit: a practical framework
nmsamuel
1
650
The agentic SEO stack - context over prompts
schlessera
0
650
Impact Scores and Hybrid Strategies: The future of link building
tamaranovitovic
0
200
New Earth Scene 8
popppiees
1
1.5k
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 獤觊 • 礯ֺ
ṛ裡纏
ṛ裡纏 • Ꭳݷ戔懯䒍泹ਜ
蠐罡ᑏ㵕㯽甿䁆ᤈ裾 战Ӯ磼
ṛ裡纏 • 詂Ӿਁ誢戔懯䒍战ᅁ