Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

宅宅設計入門2

Avatar for Hai Feng Kao Hai Feng Kao
March 10, 2016
Technology
320
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
200
模組化的Swift架構(一) Redux入門
Avatar for Hai Feng Kao haifengkao
0
170
模組化的Swift架構(二) DDD速成
Avatar for Hai Feng Kao haifengkao
0
940
日常生活中的腦殘
Avatar for Hai Feng Kao haifengkao
0
290
機器學習超入門
Avatar for Hai Feng Kao haifengkao
0
200
UICollectionView自動布局
Avatar for Hai Feng Kao haifengkao
1
490
宅宅設計入門
Avatar for Hai Feng Kao haifengkao
5
350

Other Decks in Technology

See All in Technology
自作バイナリを動かす「入口」8選
Avatar for Takumi Sueda puhitaku
2
1.3k
ブラウザとサーバーから考えるAI時代のフロントエンド監視
Avatar for Shogo Fukami shogo4131
3
880
"優秀な誰か"の下位互換にならないために
Avatar for Yuto Nagai(Future) yut0naga1_fa
1
1.8k
分析AIエージェントを育てる、動く環境を育てる
Avatar for Codatum codatum
1
1k
Claude Code本は、どのように執筆チームで書かれたか
Avatar for Oikon oikon48
1
360
アウトプット初心者、半年間のふりかえり
Avatar for aoi 4o1sobblue
0
190
PagerDuty Tech Hub-鳴らすけれど、人は動かない
Avatar for shinji ezaki ezaki
0
120
自分で立ててみるLLMサービス
Avatar for 世良泰明 y_sera15
0
160
V8のArray.prototype.flatを最大約20倍速くするまでと、巨大OSSへの大規模コミットの道のり
Avatar for Riya Amemiya riyaamemiya
0
280
パッチ更新でterraform initが落ちた日
Avatar for gr1m0h grimoh
1
120
無理せず続ける、子育てエンジニアの学び
Avatar for コドモン開発チーム codmoninc
PRO
0
720
実践！ SRE × AI - ABEMA における AIOps -
Avatar for tetsuya28 tetsuya28
8
3k

Featured

See All Featured
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
600
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
56
3.5k
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
10
37k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
2.2k
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.3k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
409
67k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
9.2k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
22k
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
3.2k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
880
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
192
12k
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
1
560

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