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
2
300

 宅宅設計入門2

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

Avatar for Hai Feng Kao

Hai Feng Kao

March 10, 2016
Tweet

More Decks by Hai Feng Kao

See All by Hai Feng Kao
物件導向的文藝復興:用DCI重塑程式設計的藝術
Avatar for Hai Feng Kao haifengkao
0
140
模組化的Swift架構(一) Redux入門
Avatar for Hai Feng Kao haifengkao
0
150
模組化的Swift架構(二) DDD速成
Avatar for Hai Feng Kao haifengkao
0
870
日常生活中的腦殘
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
320

Other Decks in Technology

See All in Technology
RALGO : AIを組織に組み込む方法 -アルゴリズム中心組織設計- #RSGT2026 / RALGO: How to Integrate AI into an Organization – Algorithm-Centric Organizational Design
Avatar for kyonmm kyonmm
PRO
3
760
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
Avatar for Sansan, Inc. sansan33
PRO
0
2.9k
田舎で20年スクラム（後編）：一個人が企業で長期戦アジャイルに挑む意味
Avatar for Tomonori Fukuta chinmo
1
1.1k
製造業から学んだ「本質を守り現場に合わせるアジャイル実践」
Avatar for yaskamito kamitokusari
0
360
Sansan Engineering Unit 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
3.6k
Oracle Database@Azure：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
3
260
Scrum Guide Expansion Pack が示す現代プロダクト開発への補完的視点
Avatar for Sonjin Yamamoto sonjin
0
420
ECS_EKS以外の選択肢_ROSA入門_.pdf
Avatar for モブエンジニア（Masaki Okuda） masakiokuda
1
120
形式手法特論：コンパイラの「正しさ」は証明できるか？ #burikaigi / BuriKaigi 2026
Avatar for y_taka_23 ytaka23
15
4.2k
2025年 山梨の技術コミュニティを振り返る
Avatar for しみず ゆうき yuukis
0
150
ルネサンス開発者を育てる 1on1支援AIエージェント
Avatar for Yusuke Shimizu yusukeshimizu
0
130
自己管理型チームと個人のセルフマネジメント 〜モチベーション編〜
Avatar for KAKEHASHI kakehashi
PRO
5
2k

Featured

See All Featured
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
180
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.7k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
56
14k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.1k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.7k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
Avatar for UX Y'all uxyall
0
120
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
59
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
1
2.1k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
132
19k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3.3k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.8k

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. ṛ裡纏 • 詂჈Ӿ෈ਁ誢戔懯䒍战ᅁ෈