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

Fundamental Design Principles – For People Who ...

Christian Naths
March 21, 2012
Design
4
2.3k

Fundamental Design Principles – For People Who Can't Design Good.

Non-designers (or "people who can't design good") often view design as a mystery; some right-brained out-of-body experience that they will never know. I will be discussing 4 basic principles of design that everyone, from programmer to artist, can use to help an audience understand the message being delivered. These design principles, when applied as rules, can help provide a linear pathway to good design.

Christian Naths

March 21, 2012
Tweet

More Decks by Christian Naths

See All by Christian Naths
What the Hex?
christiannaths
2
180

Other Decks in Design

See All in Design
我做了一個詐騙網站...嗎？
crboy
1
140
「ちょっといいUI」を目指す努力 / Striving for Little Big Details
usagimaru
6
3.7k
20240921-図書館の実空間とデジタル資源の接点をデザインする-dtk55-Designing-the-interface-between-the-library's-physical-space-and-digital-resources
majimasachi
0
260
拡大するマルチプロダクトSaaSの顧客理解にデザイン組織はどう取り組んでいるか / RAKUSTechCon2024_Design
rakus_dev
0
2k
root COMPANY DECK / We are hiring！
root_recruit
1
14k
【Designship 2024｜10.13】デザイン組織を進化させるための仕組み化の要諦
payatsusan213
1
510
プロダクトデザイナー視点から見た チームでの意思決定の難しさと 重要ポイント3点
kei141
0
350
SpectrumTokyoMeetup12_自動貯金アプリ『finbee』での取り組みについて
shihorishimazu
2
390
portfolio
amitnk
1
120
Kim Possible - Crush
olgastoryboard
0
130
地図・デザイン・可視化 −情報をわかりやすく伝えるために−
hjmkth
1
470
美しいUIを作るために デザイナーが意識している ちょっとした考え方
yuichi_hara7
50
32k

Featured

See All Featured
[RailsConf 2023] Rails as a piece of cake
palkan
51
4.9k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
VelocityConf: Rendering Performance Case Studies
addyosmani
325
24k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
108
49k
Designing for humans not robots
tammielis
249
25k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.3k
4 Signs Your Business is Dying
shpigford
180
21k
Large-scale JavaScript Application Architecture
addyosmani
510
110k
Building Your Own Lightsaber
phodgson
102
6.1k
How to Think Like a Performance Engineer
csswizardry
20
1.1k
The World Runs on Bad Software
bkeepers
PRO
65
11k

Transcript

  1. FUNDAMENTAL DESIGN PRINCIPLES For People Who Can’t Design Good. Wednesday,

    21 March, 12

  2. CONTRAST 1 Wednesday, 21 March, 12

  3. CONTRAST Wednesday, 21 March, 12

  4. CONTRAST Wednesday, 21 March, 12

  5. CONTRAST The principle of contrast states that if two items

    are not exactly the same, then make them different. Really different. Wednesday, 21 March, 12

  6. CONTRAST Content borrowed from kickstarter.com Wednesday, 21 March, 12

  7. CONTRAST Content borrowed from kickstarter.com Wednesday, 21 March, 12

  8. Wednesday, 21 March, 12

  9. Wednesday, 21 March, 12

  10. Wednesday, 21 March, 12

  11. Wednesday, 21 March, 12

  12. Wednesday, 21 March, 12

  13. Wednesday, 21 March, 12

  14. REPETITION 2 Wednesday, 21 March, 12

  15. REPETITION The principle of repetition states that you repeat some

    aspect of the design throughout the entire piece. Wednesday, 21 March, 12

  16. REPETITION Wednesday, 21 March, 12

  17. REPETITION Wednesday, 21 March, 12

  18. REPETITION Wednesday, 21 March, 12

  19. REPETITION Wednesday, 21 March, 12

  20. REPETITION Wednesday, 21 March, 12

  21. REPETITION Wednesday, 21 March, 12

  22. REPETITION Wednesday, 21 March, 12

  23. REPETITION Wednesday, 21 March, 12

  24. REPETITION Wednesday, 21 March, 12

  25. REPETITION Wednesday, 21 March, 12

  26. ALIGNMENT 3 Wednesday, 21 March, 12

  27. ALIGNMENT Wednesday, 21 March, 12

  28. ALIGNMENT Wednesday, 21 March, 12

  29. ALIGNMENT The principle of alignment states that nothing should be

    placed on the page arbitrarily. Every item should have a visual connection with something else on the page. Wednesday, 21 March, 12

  30. ALIGNMENT Wednesday, 21 March, 12

  31. ALIGNMENT Wednesday, 21 March, 12

  32. ALIGNMENT Wednesday, 21 March, 12

  33. ALIGNMENT Wednesday, 21 March, 12

  34. ALIGNMENT Wednesday, 21 March, 12

  35. ALIGNMENT Wednesday, 21 March, 12

  36. ALIGNMENT Wednesday, 21 March, 12

  37. PROXIMITY 4 Wednesday, 21 March, 12

  38. PROXIMITY The principle of proximity states that you group related

    items together, move them physically close to each other so the related items are seen as on cohesive unit rather than a bunch of unrelated pieces. Wednesday, 21 March, 12

  39. PROXIMITY Wednesday, 21 March, 12

  40. PROXIMITY Wednesday, 21 March, 12

  41. PROXIMITY Wednesday, 21 March, 12

  42. PROXIMITY Wednesday, 21 March, 12

  43. PROXIMITY Wednesday, 21 March, 12

  44. PROXIMITY Wednesday, 21 March, 12

  45. CONTRAST REPETITION ALIGNMENT PROXIMITY Wednesday, 21 March, 12

  46. C R A P CONTRAST REPETITION ALIGNMENT PROXIMITY Wednesday, 21

    March, 12

  47. Credits http://www.amazon.com/Non-Designers-Design-Book-The-Edition/dp/0321534042 Wednesday, 21 March, 12