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
210
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
420
How to Not Be an Expert
jenmyers
8
540
Redesigning the Interface
jenmyers
4
760
Other Decks in Design
See All in Design
Blender 4.1 で レッツ Vket Cloud!
kamera25
0
260
Cхематизация процессов и пользовательского опыта с Картой процесса-опыта
ashapiro
0
240
圧縮デザインスプリントによるオンボーディングの体験設計事例
hassy_pixiv
0
100
アジャイル開発におけるFigmaAI新機能の活用
abokadotyann
1
140
3 Reasons Why I Got into Design
harukausui
1
140
Памятка-раздатка по Карте процесса-опыта, А4
ashapiro
1
120
ふわっとはじめるSSOT – SSOT for Communication Design
sekiguchiy
0
970
Making impact with your craft with sociotechnical design
xinyao
1
170
Dreamia
elsh
0
130
拡大するマルチプロダクトSaaSの顧客理解にデザイン組織はどう取り組んでいるか / RAKUSTechCon2024_Design
rakus_dev
0
1.8k
AIイラスト生成・編集テクニック紹介
piyo7
2
220
Emil Storyboards (2024)
abbsant
0
150
Featured
See All Featured
Large-scale JavaScript Application Architecture
addyosmani
508
110k
How GitHub Uses GitHub to Build GitHub
holman
472
290k
Building Applications with DynamoDB
mza
90
6k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
663
120k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
Code Reviewing Like a Champion
maltzj
517
39k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
The Language of Interfaces
destraynor
153
23k
Why Our Code Smells
bkeepers
PRO
334
56k
Pencils Down: Stop Designing & Start Developing
hursman
119
11k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
248
20k
Product Roadmaps are Hard
iamctodd
PRO
48
10k
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/