Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Straight-Up Design

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Jen Myers Jen Myers
January 10, 2013
Design
1.1k
1

Straight-Up Design

Simple ways devs can make apps look and work better.

Avatar for Jen Myers

Jen Myers

January 10, 2013

More Decks by Jen Myers

See All by Jen Myers
Listen to Your (and All) Mothers
Avatar for Jen Myers jenmyers
0
230
Cartoon Creativity
Avatar for Jen Myers jenmyers
0
260
How To Not Be an Expert
Avatar for Jen Myers jenmyers
1
310
How to Start Coding from Any Level
Avatar for Jen Myers jenmyers
0
290
Shepherding Unicorns
Avatar for Jen Myers jenmyers
2
350
Owning It
Avatar for Jen Myers jenmyers
0
330
Developers Can't Design (2013)
Avatar for Jen Myers jenmyers
6
550
How to Not Be an Expert
Avatar for Jen Myers jenmyers
8
610
Redesigning the Interface
Avatar for Jen Myers jenmyers
4
910

Other Decks in Design

See All in Design
デザイナーがいない部署にハーネスを設計する
Avatar for 太田賢一 kenichiota0711
5
5.4k
信頼をデザインし、ブランドで市場を拓く。/ Designship2026
Avatar for Assured Inc. assuredjp
PRO
0
240
日経電子版を支えていく Kasane Design System
Avatar for Taito Tanaka taitotnk
0
430
The decksh tutorial
Avatar for Anthony Starks ajstarks
1
100
【CEDEC2026】アートとゲームデザインをつなぐVFX設計『GRANBLUE FANTASY: Relink - Endless Ragnarok』における表現と可読性の両立
Avatar for Cygames, Inc. cygames
PRO
2
1.6k
Edmonton River Slidedeck
Avatar for Edmonton River edmontonriver
0
430
SERVICE PAMPHLET
Avatar for M-HAND,Inc. mhand01
0
6.1k
「おすすめ」はなぜ信用されないのか - 信頼を築くUI/UX設計
Avatar for ryu ryu1013
0
320
ボタンUIの冪等性の話をしたらVimmerに刺さっちゃった
Avatar for たと ottatto
3
1.9k
プレゼンスライド作成で意識していること
Avatar for きみちゃん kimichan
0
140
Starfall (2025)
Avatar for Rachel Poon rezaline
0
170
みんながデザインを担う組織へ。急加速する開発組織でのデザイナーの戦略
Avatar for Takeru Mukai mukai_takeru
0
340

Featured

See All Featured
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
31
6.3k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
530
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.6k
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
3
16k
A Soul's Torment
Avatar for Nat Ma seathinner
8
3.8k
Designing for Performance
Avatar for Lara Hogan lara
612
70k
Claude Code のすすめ
Avatar for schroneko schroneko
67
230k
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
1
630
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
5
54k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
640
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
1
450
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
350

Transcript

  1. Straight-Up D E S I G N simple ways for

    devs to make apps look and work better

  2. Hi. I’m Jen. I’m a designer.*

  3. Design Myths 1 Design is decoration. Design is subjective. Design

    is separate from development. 2 3

  4. Simple ways to do design? Do tell!

  5. There are no simple ways to do design.

  6. But there are some places to start.

  7. Inspiration

  8. STEAL.

  9. SEARCH AND BOOKMARK.

  10. Layout

  11. CREATE A FLOW.

  12. negative space

  13. None
  14. None

  15. USE GRIDS.

  16. WIREFRAME.

  17. WIREFRAME.

  18. USE PATTERNS.

  19. Details

  20. CHOOSE FONTS.

  21. CHOOSE FONTS.

  22. CHOOSE COLORS.

  23. CHOOSE ICONS.

  24. frameworks & helpers

  25. Twitter Bootstrap? Um ... do you have to?

  26. JEN MYERS @antiheroine jenmyers.net/speaking

  27. 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/