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
150
Cartoon Creativity
jenmyers
0
200
How To Not Be an Expert
jenmyers
1
240
How to Start Coding from Any Level
jenmyers
0
220
Shepherding Unicorns
jenmyers
2
270
Owning It
jenmyers
0
290
Developers Can't Design (2013)
jenmyers
6
400
How to Not Be an Expert
jenmyers
8
540
Redesigning the Interface
jenmyers
4
750
Other Decks in Design
See All in Design
ダークテーマとアクセシビリティ の融合したカラートークンの設計
degudegu2510
0
280
社内管理画面のデザインもプロダクトデザイン
takanorip
3
730
デザイナーの帽子をかぶったわたしが、プロダクト開発するうえでスクラムチームに提供したいこと / what I want to provide to Scrum teams when developing products
hiromitsuuuuu
14
4.8k
実務のための マイクロ インタラクション入門
shingo2000
0
340
Jeremy's First Day
myates3
1
130
B/43プラスカードができるまで
putchomsmartbank
0
460
UX/UI改善に貢献するユーザーテストとは? 基礎知識から実施のプロセスまで解説
ncdc
0
320
意志と、デザインと、ときどきお金
transit_kix
2
2.2k
間違った「問い」を乗り越え ノベルティをプチバズりさせた話
takaikanako
0
1.2k
#コムデナ vol.2 「初めてのデザインカンファレンス協賛!共有したい3つのやらかし」
kiyoshifuwa
1
320
全社を巻き込んだコーポレートバリューの再定義に関するデザイナーの関わり方
sugiyama_sukedachi
0
170
Sociotechnical design for software and human systems
xinyao
2
480
Featured
See All Featured
Bash Introduction
62gerente
604
210k
Making the Leap to Tech Lead
cromwellryan
123
8.5k
Producing Creativity
orderedlist
PRO
336
39k
Docker and Python
trallard
33
2.7k
Optimizing for Happiness
mojombo
369
69k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
1
1.3k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
501
140k
The MySQL Ecosystem @ GitHub 2015
samlambert
242
12k
The Mythical Team-Month
searls
214
42k
The Art of Programming - Codeland 2020
erikaheidi
41
12k
Web Components: a chance to create the future
zenorocha
304
41k
Web development in the modern age
philhawksworth
201
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/