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
120
模組化的Swift架構(一) Redux入門
Avatar for Hai Feng Kao haifengkao
0
140
模組化的Swift架構(二) DDD速成
Avatar for Hai Feng Kao haifengkao
0
850
日常生活中的腦殘
Avatar for Hai Feng Kao haifengkao
0
280
機器學習超入門
Avatar for Hai Feng Kao haifengkao
0
170
UICollectionView自動布局
Avatar for Hai Feng Kao haifengkao
1
450
宅宅設計入門
Avatar for Hai Feng Kao haifengkao
5
320

Other Decks in Technology

See All in Technology
ガバメントクラウド（AWS）へのデータ移行戦略の立て方【虎の巻】 / 20251011 Mitsutosi Matsuo
Avatar for SHIFT EVOLVE shift_evolve
PRO
2
200
PHPからはじめるコンピュータアーキテクチャ / From Scripts to Silicon: A Journey Through the Layers of Computing Hiroshima 2025 Edition
Avatar for HASEGAWA Tomoki tomzoh
0
140
Findy Team+ QAチーム これからのチャレンジ！
Avatar for ファインディ株式会社（イベント資料アップ用） findy_eventslides
0
420
リセラー企業のテクサポ担当が考える、生成 AI 時代のトラブルシュート 2025
Avatar for kazzpapa3 kazzpapa3
1
360
スタートアップにおけるこれからの「データ整備」
Avatar for ShoMaekawa/ウィル shomaekawa
2
490
防災デジタル分野での官民共創の取り組み (2)DIT/CCとD-CERTについて
Avatar for Masakatsu Sugii ditccsugii
0
310
LLMプロダクトの信頼性を上げるには？LLM Observabilityによる、対話型音声AIアプリケーションの安定運用
Avatar for 株式会社IVRy（社員登壇資料） ivry_presentationmaterials
0
270
AI Agent Dojo #2 watsonx Orchestrateフローの作成
Avatar for Akira Onishi (IBM) oniak3ibm
PRO
0
130
Bill One 開発エンジニア 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
4
14k
Wasmのエコシステムを使った ツール作成方法
Avatar for asuka askua
0
200
Dylib Hijacking on macOS: Dead or Alive?
Avatar for Patrick Wardle patrickwardle
0
120
やる気のない自分との向き合い方/How to Deal with Your Unmotivated Self
Avatar for Genki Sano sanogemaru
1
520

Featured

See All Featured
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
369
20k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
230
22k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.8k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.6k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
10
870
Done Done
Avatar for chrislema chrislema
185
16k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
8.9k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
271
21k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
59
9.6k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
44
7.8k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
56
6.6k

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