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
170
Cartoon Creativity
jenmyers
0
230
How To Not Be an Expert
jenmyers
1
270
How to Start Coding from Any Level
jenmyers
0
250
Shepherding Unicorns
jenmyers
2
300
Owning It
jenmyers
0
300
Developers Can't Design (2013)
jenmyers
6
480
How to Not Be an Expert
jenmyers
8
570
Redesigning the Interface
jenmyers
4
830
Other Decks in Design
See All in Design
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
loglass2019
1
2.8k
Correspondence:共に生成していく過程
akiramotomura
0
110
街・都市という眼差し。まちづくりにおける規範と実践
sakamon
0
160
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
takanorip
0
610
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
530
Illustrator×Firefly 生成したイラストをベースにドット絵を作ってみよう!
connecre
1
140
アプリ360onWeb使い方と裏ワザ?紹介!
ikejun360
0
320
「稼ぐ」だけでなく 「還す」ためのデザイン / Designship2025
culumu
1
400
CursorでAI活用のナレッジベースを構築する
kanzaki
0
790
デザイナーのAI活用とチームへの浸透戦略
ukaoli
0
130
OSO2025-マサカリと太陽:伝え方の情報デザイン
majimasachi
0
400
Portfolio 齋藤明敏 Hiroyuki Saito
crearedesign
0
120
Featured
See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
How GitHub (no longer) Works
holman
315
140k
How to Ace a Technical Interview
jacobian
280
24k
Building Adaptive Systems
keathley
44
2.8k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
Building an army of robots
kneath
305
46k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Making Projects Easy
brettharned
120
6.4k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
Code Reviewing Like a Champion
maltzj
526
40k
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/