Upgrade to Pro — share decks privately, control downloads, hide ads and more …

宅宅設計入門2

Avatar for Hai Feng Kao Hai Feng Kao
March 10, 2016
Technology
310
2

 宅宅設計入門2

寫給宅宅的設計法則後篇，講Repetition和Proximity

Avatar for Hai Feng Kao

Hai Feng Kao

March 10, 2016

More Decks by Hai Feng Kao

See All by Hai Feng Kao
物件導向的文藝復興:用DCI重塑程式設計的藝術
Avatar for Hai Feng Kao haifengkao
0
150
模組化的Swift架構(一) Redux入門
Avatar for Hai Feng Kao haifengkao
0
150
模組化的Swift架構(二) DDD速成
Avatar for Hai Feng Kao haifengkao
0
890
日常生活中的腦殘
Avatar for Hai Feng Kao haifengkao
0
280
機器學習超入門
Avatar for Hai Feng Kao haifengkao
0
180
UICollectionView自動布局
Avatar for Hai Feng Kao haifengkao
1
460
宅宅設計入門
Avatar for Hai Feng Kao haifengkao
5
330

Other Decks in Technology

See All in Technology
みんなの「データ活用」を支えるストレージ担当から持ち込むAWS活用/コミュニティー設計TIPS 10選~「作れる」より、「続けられる」設計へ~
Avatar for Yoshiki Fujiwara yoshiki0705
0
190
AIエージェントを構築して感じた、AI時代のCDKとの向き合い方
Avatar for Makky12 smt7174
1
250
明日からドヤれる！超マニアックなAWSセキュリティTips10連発 / 10 Ultra-Niche AWS Security Tips
Avatar for Yuji Oshima yuj1osm
0
480
みんなで作るAWS Tips 100連発 (FinOps編)
Avatar for Ai Hayakawa schwrzktz
1
240
AWS DevOps Agentはチームメイトになれるのか？/ Can AWS DevOps Agent become a teammate
Avatar for Masanori Yamaguchi kinunori
1
360
AIを共同作業者にして書籍を執筆する方法 / How to Write a Book with AI as a Co-Creator
Avatar for ama-ch ama_ch
2
110
DevOpsDays Tokyo 2026 軽量な仕様書と新たなDORA AI ケイパビリティで実現する、動くソフトウェアを中心とした開発ライフサイクル / DevOpsDays Tokyo 2026
Avatar for Niishi Kubo n11sh1
0
130
Data Hubグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
2.9k
CDK Insightsで見る、AIによるCDKコード静的解析(+AI解析)
Avatar for Kazuki Adachi k_adachi_01
2
170
ハーネスエンジニアリングの概要と設計思想
Avatar for sergicalsix sergicalsix
3
380
ストライクウィッチーズ2期6話のエイラの行動が許せないのでPjMの観点から何をすべきだったのかを考える
Avatar for nakamichi ichimichi
1
380
NOSTR, réseau social et espace de liberté décentralisé
Avatar for Renaud Lifchitz rlifchitz
0
180

Featured

See All Featured
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
310
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
Amusing Abliteration
Avatar for ianozsvald ianozsvald
1
150
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.8k
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
170
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
0
880
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
4
290
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
8.1k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
260
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
1
230
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
27
3.4k

Transcript

  1. 疌疌戔懯獈槹ԫ Hai Feng Kao CocoaHead Taipei 2016.03

  2. 戔懯ጱࢥ㮆ဩ㳷 • Alignment 䌘煶 • Contrast 䌘穉 • Repetition ᯿薟

    • Proximity 獤觊

  3. 䌘煶 • ୌ缏殷ᶎزᔰԏ樌ጱ橕狌 • 獺蝨޾蘂ጱ眤憽

  4. 䌘穉 • 獺蝨珅୚Ոጱ殷ᶎ

  5. 犝ଶጱ䌘穉 • አ箜褩ݢ犥䲒礚ฎ玽磪䌘穉犋䄪 䔶篇ጱ㺔氂 • ӣ圵犝ଶ • ጮ牏箜牏ἓ • ࢥ圵犝ଶ

    • ጮ牏亮箜牏窼箜牏ἓ Yelp

  6. • ୸ᜋ旉箜褩ெ讕䨝ฎ(R+G+B)/3 珌牫 䛑扗ฎአHSV಍䌘珆

  7. https://en.wikipedia.org/wiki/HSL_and_HSV

  8. • 蝡ฎ妔ᜋ緹አጱ

  9. None

  10. 戔懯ጱࢥ㮆ဩ㳷 • Alignment 䌘煶 • Contrast 䌘穉 • Repetition ᯿薟

    • Proximity 獤觊

  11. ᯿薟 • 獺蝨Ӟ膌௔

  12. ᯿薟 • 氅ᜋ牏ਁ誢牏य़ੜ牏֖ᗝ

  13. ᯿薟

  14. 戔懯ጱࢥ㮆ဩ㳷 • Alignment 䌘煶 • Contrast 䌘穉 • Repetition ᯿薟

    • Proximity 獤觊

  15. 獤觊 • ௔搡ፘ犲ጱ硯ࣁӞ蚏 • 虏ֵአᘏݢ犥ቘ薹

  16. 獤觊 • ௔搡ፘ犲ጱ硯ࣁӞ蚏 • 虏ֵአᘏݢ犥ቘ薹

  17. 獤觊

  18. 獤觊

  19. 獤觊

  20. 獤觊

  21. 獤觊

  22. 戔懯ጱࢥ㮆ဩ㳷 • Alignment 䌘煶 • Contrast 䌘穉 • Repetition ᯿薟

    • Proximity 獤觊 • 礯ֺ

  23. ṛ裡纏

  24. ṛ裡纏 • Ꭳݷ戔懯䒍泹ਜ

  25. 蠐罡ᑏ㵕㯽甿䁆ᤈ裾 战Ӯ磼

  26. ṛ裡纏 • 詂჈Ӿ෈ਁ誢戔懯䒍战ᅁ෈