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
260
How to Start Coding from Any Level
jenmyers
0
250
Shepherding Unicorns
jenmyers
2
290
Owning It
jenmyers
0
300
Developers Can't Design (2013)
jenmyers
6
470
How to Not Be an Expert
jenmyers
8
560
Redesigning the Interface
jenmyers
4
810
Other Decks in Design
See All in Design
なぜプレイドにデザインエンジニアが必要だったのか?
t32k
0
560
DC Style Redesign
mcduckyart
0
140
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
6
1.7k
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
580
AIで加速するアクセシビリティのこれから
magi1125
3
590
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
260
「UXとUIの違い」v2
shirasu3
0
140
新しいデザインの難しさ(公開版) / Difficulties in the New Design (public ver.)
usagimaru
1
750
アクセシビリティに取り組むメリット
magi1125
1
220
Building foundations 堅牢なデザイントークンの設計
hilokifigma
2
3.6k
Marpで推しCSSスライドを作ろう! / marp-with-favorite-css
fujiemon
0
390
ビジネスアナリシスはビジネス”分析”じゃないよ!~システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス~
bpstudy
0
580
Featured
See All Featured
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
GitHub's CSS Performance
jonrohan
1031
460k
Testing 201, or: Great Expectations
jmmastey
43
7.6k
Making Projects Easy
brettharned
116
6.3k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.5k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.7k
Scaling GitHub
holman
461
140k
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/