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
kintone Style Book
Avatar for kintone kintone
6
10k
Franks Myth
Avatar for George Frank Hayford-Taylor gfht1
1
410
ドルちゃん
Avatar for ドルちゃん design_dolphins
0
550
【pmconf2025】PdMの頭の中を見える化する体験構造図
Avatar for Shigeyuki Kameda kamechi7222222
1
1.9k
デザインを信じていますか
Avatar for sekig(ojiee) sekiguchiy
1
940
OJTで学んだ 「心を動かす」ファシリテーション
Avatar for さき saki822
1
230
図じゃなく言語で描く - Common Ground for Design AI Operations.
Avatar for Kazuki Ikeda kazukiikeda
1
660
2026年、デザイナーはなにに賭ける？
Avatar for Kazuhiro Tobita 0b1tk
0
470
モビリティプラットフォームの未来を築くクラウド基盤
Avatar for Hajime KOSHIRO kossykinto
0
200
「稼ぐ」だけでなく 「還す」ためのデザイン / Designship2025
Avatar for インクルーシブデザインスタジオCULUMU culumu
1
570
Figmaレクチャー会Part2 もっと使いこなす編＠千株式会社 社内勉強会
Avatar for ぽん designer_no_pon
1
220
はじめての演奏会フライヤーデザイン
Avatar for Kaito Kikuchi chorkaichan
1
220

Featured

See All Featured
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
180
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
380
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto Wada twada
PRO
117
110k
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
1
700
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
55
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
89
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
0
130
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
64
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
1
1.4k
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
170

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 =)