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
Straight-Up Design
Search
Jen Myers
January 10, 2013
Design
1
1k
Straight-Up Design
Simple ways devs can make apps look and work better.
Jen Myers
January 10, 2013
Tweet
Share
More Decks by Jen Myers
See All by Jen Myers
Listen to Your (and All) Mothers
jenmyers
0
160
Cartoon Creativity
jenmyers
0
220
How To Not Be an Expert
jenmyers
1
250
How to Start Coding from Any Level
jenmyers
0
240
Shepherding Unicorns
jenmyers
2
280
Owning It
jenmyers
0
290
Developers Can't Design (2013)
jenmyers
6
440
How to Not Be an Expert
jenmyers
8
550
Redesigning the Interface
jenmyers
4
780
Other Decks in Design
See All in Design
コンセプトで経営・事業・組織を動かす、 Ameba20周年ブランディング / ameba-20th-branding
cyberagentdevelopers
PRO
1
550
プロダクトデザインの「守破離」の「破」について
hayashirine
0
310
Goodpatch Tour💙 / We are hiring!
goodpatch
31
790k
ネットワークセキュリティ科 学科紹介
sklbj_unz
0
160
Дизайн современной услуги с Картой процесса-опыта
ashapiro
0
110
LayerX DesignersDeck
layerx
PRO
0
2.5k
デザインシステム×プロトタイピングで挑む社会的価値の共創 / Designship2024
visional_engineering_and_design
1
330
マルチプロダクトにおけるデザイナーの挑戦-デザイン初め新年会2025
u_ri_ta
1
140
(第1回) アーキテクト・テックリード育成講座
masakaya
0
160
Findy - デザイナー向け会社紹介 / Hiring Findy's Designers
findyinc
6
66k
生成AIを受け入れ共創できるデザイナーマインドへープロセス改革を想定したデザイナーの準備ー
takumasaito
1
1.7k
今日からできる実践アクセシビリティSNSというかXでaltをつけよう
securecat
1
140
Featured
See All Featured
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
What's in a price? How to price your products and services
michaelherold
244
12k
Adopting Sorbet at Scale
ufuk
74
9.2k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Practical Orchestrator
shlominoach
186
10k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
132
33k
Making Projects Easy
brettharned
116
6k
Speed Design
sergeychernyshev
25
780
GitHub's CSS Performance
jonrohan
1030
460k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k
Rails Girls Zürich Keynote
gr2m
94
13k
Raft: Consensus for Rubyists
vanstee
137
6.8k
Transcript
Straight-Up D E S I G N simple ways for
devs to make apps look and work better
Hi. I’m Jen. I’m a designer.*
Design Myths 1 Design is decoration. Design is subjective. Design
is separate from development. 2 3
Simple ways to do design? Do tell!
There are no simple ways to do design.
But there are some places to start.
Inspiration
STEAL.
SEARCH AND BOOKMARK.
Layout
CREATE A FLOW.
negative space
None
None
USE GRIDS.
WIREFRAME.
WIREFRAME.
USE PATTERNS.
Details
CHOOSE FONTS.
CHOOSE FONTS.
CHOOSE COLORS.
CHOOSE ICONS.
frameworks & helpers
Twitter Bootstrap? Um ... do you have to?
JEN MYERS @antiheroine jenmyers.net/speaking
RESOURCES http://www.austinkleon.com/steal/ http://pinboard.in/u:jenmyers/t:inspiration/ http://pinterest.com/deliberatepixel/web-app-design/ http://dribbble.com http://inspectelement.com/articles/the-principles-of-good-web-design-part-1-layout/ http://balsamiq.com http://ui-patterns.com/ http://www.google.com/webfonts http://typekit.com
http://youtu.be/BMP5cuAYG_Q http://www.colourlovers.com/ http://www.colorschemer.com/online.html http://cs.nyu.edu/courses/fall02/V22.0380-001/color_theory.htm http://css-tricks.com/examples/IconFont/