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
200
Principles of Design, Applied to the Open Web
Thomas Bradley
June 02, 2012
Tweet
Share
Other Decks in Design
See All in Design
今日から始めるDesignOpsのヒント
isaikaori
1
390
プロダクトデザインは子育て/Product design is parenting
medley
0
190
Designship 2023|想いを可視化するデザインの力
weddingpark
0
210
ポートフォリオ思考を通じたデザイナーキャリアの形成と未来への展望
recruitengineers
PRO
3
2.1k
デザインをみんなのものに 「デザインの脱植民地化」を日本の文脈で考える
mayunak
6
4k
砺波デザイン勉強会-誰でも使える写真撮影テクニック.pdf
keita_yoshikawa
0
100
デザイナー向け会社紹介資料/company-profile-designer
nextbeat
0
800
新しい資産運用サービスALTERNA(オルタナ)の伝え方の工夫
layerx
PRO
0
810
デザインテクノロジストが先導する プロダクト開発の世界
degudegu2510
0
330
root Design Partnership Policy
root_recruit
0
3.4k
みてね デザイン組織の変遷とデザインマネージャーの振り返り
naoyawatanabe
2
360
Sociotechnical design for software and human systems
xinyao
1
410
Featured
See All Featured
Web development in the modern age
philhawksworth
201
10k
Music & Morning Musume
bryan
39
5.5k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
18
1.7k
A Tale of Four Properties
chriscoyier
150
22k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
Agile that works and the tools we love
rasmusluckow
323
20k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
113
18k
What's in a price? How to price your products and services
michaelherold
236
11k
Why Our Code Smells
bkeepers
PRO
330
56k
Faster Mobile Websites
deanohume
296
30k
Ruby is Unlike a Banana
tanoku
95
10k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
19
1.9k
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