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
マルチプロダクトにおけるデザイナーの挑戦-デザイン初め新年会2025
u_ri_ta
1
140
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
3
2.9k
デザインシステム×プロトタイピングで挑む社会的価値の共創 / Designship2024
visional_engineering_and_design
1
330
Tableau曲線表現講座(2024.11.21)
cielo1985
0
250
1年目のクリエイターがつくりあげた!採用冊子CANVAS制作の裏側 / creator-canvas
cyberagentdevelopers
PRO
1
510
Generating Momentum | Yasuhiro Yokota
yasuhiroyokota
0
230
HCDフォーラム2024 「HCDとHAI ~人間とAIが共存する世界の実現~」
kamechi7222222
0
280
ビジョン実現を加速させるデザインプログラムマネージャーの視座とキャリア/ Designship2024_Sato
root_recruit
0
250
2024/11/25 ReDesigner Online Meetup 会社紹介
cybozuinsideout
PRO
0
370
生成AIを受け入れ共創できるデザイナーマインドへープロセス改革を想定したデザイナーの準備ー
takumasaito
1
1.7k
Rayout Pattern 01
one0
0
1.5k
若手デザイナーチームが手がける CADC2024クリエイティブディレクションの全貌 / opening-design
cyberagentdevelopers
PRO
1
1.5k
Featured
See All Featured
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
1k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Music & Morning Musume
bryan
46
6.3k
The World Runs on Bad Software
bkeepers
PRO
67
11k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Building Your Own Lightsaber
phodgson
104
6.2k
Speed Design
sergeychernyshev
25
780
Designing for humans not robots
tammielis
250
25k
Building Applications with DynamoDB
mza
93
6.2k
Rails Girls Zürich Keynote
gr2m
94
13k
Facilitating Awesome Meetings
lara
51
6.2k
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/