Upgrade to Pro — share decks privately, control downloads, hide ads and more …

HackNy Workshop - Design

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Kyle Johnson Kyle Johnson
June 26, 2014
Design
0
50

HackNy Workshop - Design

Basic Design fundamentals for hackers and a short demos of adobe kuler and new css trends/tricks.

Avatar for Kyle Johnson

Kyle Johnson

June 26, 2014
Tweet

Other Decks in Design

See All in Design
組織の右腕として共創する ー デザインと経営の二つの視点から見えた、新しい支援のかたち/ Designship2025_Nishimura
Avatar for 株式会社ルート root_recruit
0
280
2026年、デザイナーはなにに賭ける？
Avatar for Kazuhiro Tobita 0b1tk
0
470
AI時代に問われる、リサーチの感受性──地域⇄大企業の現場から見えた「違和感」との向き合い方
Avatar for Muture muture
PRO
0
420
kintone_aroma
Avatar for kintone kintone
0
1.3k
Storyboard Exercise: Chase Sequence
Avatar for Mandalyn Teo lynteo
1
200
一次体験を起点にしたUX改善の取り組み / Direct Experience Driven UX Improvements
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
370
アイデアを加速させる！Firefly ボードで発想の幅を広げよう
Avatar for コネクリ connecre
1
300
コムデマネージャーがプロダクトデザインに挑戦した。むずかしくて楽しかった。
Avatar for payatsun payatsusan213
0
200
root COMPANY DECK / We are hiring！
Avatar for 株式会社ルート root_recruit
2
26k
OSO2025-マサカリと太陽：伝え方の情報デザイン
Avatar for majimasachi majimasachi
0
670
Connpass-Xperia_Camera_App_by_HCD.pdf
Avatar for ソニー株式会社 sony
0
480
Drawing for Animation
Avatar for Mandalyn Teo lynteo
2
180

Featured

See All Featured
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
96
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
57
50k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
6.3k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
0
230
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
490
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
62
49k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.3k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
2
410
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
47
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
1
2.2M

Transcript

  1. A Hacker’s Guide to Solid Design by: @kylejson

  2. #1 Your Designs should look like CRAP.

  3. Contrast

  4. Repetition

  5. Alignment

  6. Proximity

  7. #2 Use an SOS type of design workflow.

  8. See

  9. Outline

  10. Shape

  11. #3 Colors

  12. Adobe Kuler

  13. Use Math HSB

  14. What about designing for mobile?

  15. Responsive Design You can use a responsive grid system or

    roll your own media queries!

  16. What about sexy?

  17. None

  18. Hipster CSS Cover Photos CSS Animations Text Manipulation Know your

    selectors Shadows Flexbox Faux Parallax

  19. Recap CRAP -> SOS - > Colors Don’t make me

    think!

  20. Resources Behance.com Dribbble.com HackDesign.org Goodui.org My Mentor/ A few of

    my Idols: @mlwebco @paul_irish @chriscoyier @contrast8

  21. Thanks =)