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

宅宅設計入門2

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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
170
模組化的Swift架構(一) Redux入門
Avatar for Hai Feng Kao haifengkao
0
160
模組化的Swift架構(二) DDD速成
Avatar for Hai Feng Kao haifengkao
0
900
日常生活中的腦殘
Avatar for Hai Feng Kao haifengkao
0
290
機器學習超入門
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
Kaggle未経験社員をメダリストに育てる「AIドラゴン桜」
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
260
TSKaigi 2026 - 10秒のビルドを1秒へ：tsdownが切り拓く2026年のTypeScriptライブラリ開発
Avatar for teamLab teamlab
PRO
1
150
Fラン学生が考える、AI時代のデザインに執着した突破口
Avatar for husensan husengs7
1
240
社内RAGの導入で気を付けたポイント
Avatar for やくも yakumo
2
150
実践 TanStack Start ― 新規プロダクトを開発して確立した、サーバーとクライアント境界の設計パターン / Practical TanStack Start Server-Client Boundary Patterns
Avatar for 株式会社カミナシ kaminashi
2
230
エムスリーテクノロジーズ株式会社 エンジニア向け紹介資料 / M3 Technologies Company Deck
Avatar for M3 Engineering m3_engineering
0
220
データ基盤構築・運用の現場から 〜 Snowflake Intelligence 導入で変わった、データ活用の未来 〜
Avatar for wonohe wonohe
0
150
はじめてのAI-DLC
Avatar for 吉田真吾 yoshidashingo
2
420
freee-mcpを Local→Remote で出してわかった MCP認可実装のリアル
Avatar for てらら terara
2
480
Oracle AI Database@AWS：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
4
2.6k
CloudFront VPCオリジンとVPC Latticeサービスの内部ALBをマルチアカウントで一元利用しよう
Avatar for k-kun duelist2020jp
5
140
大規模環境でどのように監視を実現する？
Avatar for Yuto Obayashi yuobayashi
1
120

Featured

See All Featured
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
140
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
760
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
70
39k
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
810
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.6k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.5k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
7.5k
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
1
370
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.1k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.3k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
250
1.3M

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