Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Principles of Design, Applied to the Open Web
Search
Thomas Bradley
June 02, 2012
Design
2
210
Principles of Design, Applied to the Open Web
Thomas Bradley
June 02, 2012
Tweet
Share
Other Decks in Design
See All in Design
ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか?
fuwarisprit
3
1.7k
Character Experience AI 〜 AIキャラクターのつくりかた 〜
smartbank
1
390
一次体験を起点にしたUX改善の取り組み / Direct Experience Driven UX Improvements
bitkey
PRO
0
270
【MIXI MEETUP!ー TECH & DESIGN DAYー】新たなSNS「mixi2」の “0→1”開発の舞台裏:デザイナーが語るプロダクト誕生秘話
mixi_design
PRO
0
160
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
akatsuki174
1
550
【最新】マズロー安達の弟子実績(1期-6期の37人分)
maslow_akkun
0
3.3k
DESIGNEAST 2025 A-3
_kotobuki_
0
110
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
720
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
200
越境するデザイン人材:デザイナーが社会資本となる世界へ
goodpatch
0
260
CursorでAI活用のナレッジベースを構築する
kanzaki
0
840
AI時代に、僕たちデザイナーはどう歩むか
kazuhirokimura
0
430
Featured
See All Featured
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.7k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
37
2.6k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
192
56k
Code Review Best Practice
trishagee
72
19k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
658
61k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
10
900
A Modern Web Designer's Workflow
chriscoyier
697
190k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
How to Ace a Technical Interview
jacobian
280
24k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.1k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.3k
YesSQL, Process and Tooling at Scale
rocio
174
15k
Transcript
Principles of Design Applied to the Open Web
Design e process of consciously optimizing a solution to help
humans achieve a goal
Open Web Technologies anybody can contribute to that work together
as the World Wide Web
e Principles Ideas that help us talk about design and
why it works
4 Principles Coined by Robin Williams Non-Designer’s Design Book
Contrast Repetition Alignment Proximity
Contrast Repetition Alignment Proximity
Contrast · Distinguish elements on the page · Guide your
user’s eye
None
Current page highlighted New tweet button stands out
Repetition · Create design cohesiveness · Make your user comfortable
None
Same style for all navigation Navigation stays at the centre
top
Alignment · Everything in its place · Help your user
manage connections
None
Navigation on the left User controls on the right
Proximity · Group related things together · Help your user
understand
None
Navigation grouped together User controls grouped together
None
Contrast Repetition Alignment Proximity
dailyblogtips.com/crapthe-four-principles-of-sound-design/ digital-web.com/articles/principles_of_design/ speakerdeck.com/u/thomasjbradley thinkvitamin.com/design/how-crap-is-your-site-design/ en.wikipedia.org/wiki/Design_elements_and_principles colorado.edu/AmStudies/lewis/Design/graprin.htm amazon.ca/dp/0321534042