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

宅宅設計入門

Avatar for Hai Feng Kao Hai Feng Kao
February 18, 2016
Design
5
320

 宅宅設計入門

寫給宅宅的設計法則(Alignment & Contrast)

Avatar for Hai Feng Kao

Hai Feng Kao

February 18, 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
宅宅設計入門2
Avatar for Hai Feng Kao haifengkao
2
300

Other Decks in Design

See All in Design
文化のデザイン - Soft Impact of Design
Avatar for Atsushi Homma atsushihomma
0
120
The Spring Festival
Avatar for Jisun jisun
0
140
Meet, Learn, Grow × AI ― コミュニティで加速するスキル循環 「コミュニティと関わり方」
Avatar for ため tame
1
350
kintone_aroma
Avatar for kintone kintone
0
1.1k
見過ごさない誠実さ_アクティブバイスタンダーとIntegrityが支えるアジャイル文化 / integrity-and-active-bystander
Avatar for Aki spring_aki
1
260
越境するデザイン人材：デザイナーが社会資本となる世界へ
Avatar for Goodpatch Inc. goodpatch
1
450
新卒2年目デザイナーが、UX検定基礎にチャレンジした話
Avatar for ぽん designer_no_pon
0
990
Shaolin_Showdown
Avatar for Sol Metts solmetts
0
230
What makes a great Director?
Avatar for _Limex_ _limex_
0
420
Character Experience AI 〜 AIキャラクターのつくりかた 〜
Avatar for 株式会社スマートバンク smartbank
1
540
アクセシビリティ推進を続けられるようにするヒント - Accessibility Conference CHIBA 2025
Avatar for uto usui uto
0
150
「稼ぐ」だけでなく 「還す」ためのデザイン / Designship2025
Avatar for インクルーシブデザインスタジオCULUMU culumu
1
540

Featured

See All Featured
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
150
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.2k
Believing is Seeing
Avatar for Spiro Bolos oripsolob
0
19
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
74
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
14k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
1
160
Conquering PDFs: document understanding beyond plain text
Avatar for Ines Montani inesmontani
PRO
4
2.2k
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
3
2k
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
1
94
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
65
35k

Transcript

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

  2. 傶Ջ讕疌疌ᥝ䨝戔懯牫 • ತ戔懯䒍ᥝ藳憒໒

  3. 傶Ջ讕疌疌ᥝ䨝戔懯牫 • ತ戔懯䒍ᥝ藳憒໒ • ತ戔懯䒍ᥝ磪桽

  4. 傶Ջ讕疌疌ᥝ䨝戔懯牫 • ᛔ૩戔懯অ舚珆

  5. 戔懯ጱӤӥૢݦ • 妔犋ฎ戔懯䒍፡ጱ戔 懯䨗 • ࣁՈ傶Ӯኴ愊ጱ憒 㳷

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

    • Proximity 獤觊

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

  8. 粚ᶎጱ䌘煶 • 䌘煶ૢ螲 • 䌘煶Ӿ樌 • 䌘煶ݦ螲 Google now

  9. 粚ᶎጱ䌘煶 • ᥝ՚奞捝ጱਁ: ݻૢ䌘煶 • 珅୚ဳ఺ጱ秂氂: ᗝӾ • ೲ衔 (Button):

    ᗝӾ穉斃অೲ Google now

  10. 粚ᶎጱ䌘煶 • 䌘煶ૢ螲 • 䌘煶Ӿ樌 • 䌘煶ݦ螲 Google map

  11. 氅ᜋጱ䌘煶

  12. य़ੜጱ䌘煶

  13. 䌘煶 • 獺蝨޾蘂ጱ眤憽 • 螨عڊ匍ॡग़ጱ橕蝫௔ • 犋ᥝݶ碻ڊ匍ݻૢ䌘煶޾ݻݦ 䌘๗

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

    • Proximity 獤觊

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

  16. 罶奞ጱ䌘穉

  17. 罶奞ጱ䌘穉

  18. 粚ᶎጱ䌘穉 • 讙ᰂ穉ֺ 1.618 • 蚅ጼ穉ֺ 1.5 • ᤈ蚣: ਁࣳጱ1.5狝

    • ᤈ蚣䒻ۗ捝ᘏ݄捝ෟ螲ጱਁ • ᥝӞ蚏捝ጱਁ䛑扗婘ੜ蚣櫝

  19. 粚ᶎጱ䌘穉 • 䋿率Ӥ1.3 ~ 1.8᮷ݢ犥

  20. 粚ᶎጱ䌘穉 • 䌘穉ॡ䔶

  21. 犝ଶጱ䌘穉 • ӣ圵犝ଶ Fitbit

  22. 犝ଶጱ䌘穉 • ӣ圵犝ଶ Fitbit

  23. 犝ଶጱ䌘穉 • ࢥ圵犝ଶ Yelp

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

    • ጮ牏亮箜牏窼箜牏ἓ Yelp

  25. 犝ଶጱ䌘穉 • ӣ㮆犋Ӟ䰬ጱ氅ᜋ

  26. 犝ଶጱ䌘穉 • 䌘穉犋᪃ • 犝ଶ皃ԒӞ䰬

  27. 䌘穉 • ದૣ物氅ᜋ牏य़ੜ牏绚ጮ牏罶奞牏 ୵制 • 螨ع犋䔶篇ጱ䌘穉 • 䌘煶ဩ㳷物Ӟ䰬 • 䌘穉ဩ介物覍ଉ犋Ӟ䰬

  28. 䌘穉 • Be Bold! Be Brave! • 犋ᥝ吚㮆睩୧ጱካՈ

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

    • Proximity 獤觊

  30. HPXᤈ㵕䛑አՕᶎ戔懯 稭蜰ے獈

  31. Be Bold! Be Brave! Don’t be a wimp!