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

HackNy Workshop - Design

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
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
Drawing for Animation
Avatar for Mandalyn Teo lynteo
2
180
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
Avatar for Goodpatch Inc. goodpatch
3
3.1k
【サイバーエージェント】Creative Switch 会社説明資料
Avatar for 【CyberAgent】クリエイター新卒採用 cyberagent_creators
0
5.1k
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
790
AI情報に溺れながら、それでも頑張って泳ぐための思考法
Avatar for Iori67 yoriss67
0
130
Storyboard Assignment: Storyboard from Comic Strip
Avatar for Mandalyn Teo lynteo
3
180
爆速開発でAIプロダクトが40万インプレッションになった話
Avatar for つぶら tsubura
0
160
Connpass-Xperia_Camera_App_by_HCD.pdf
Avatar for ソニー株式会社 sony
0
480
DMMデザイナーの “AI活用の現在と未来”
Avatar for TakumaS takumasaito
1
440
hicard_credential_202601
Avatar for hicard hicard
0
150
【pmconf2025】PdMの頭の中を見える化する体験構造図
Avatar for Shigeyuki Kameda kamechi7222222
1
1.9k
ユーザー像を「みてね」らしく可視化する　家族アルバムみてねUXリサーチチームの取り組み
Avatar for MIXI DESIGN mixi_design
PRO
3
710

Featured

See All Featured
<Decoding/> the Language of Devs - We Love SEO 2024
Avatar for Nikki Halliwell nikkihalliwell
1
130
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
1.9k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.4k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
62k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
66k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
66k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
51k
Navigating Weather and Climate Data
Avatar for Ryan Abernathey rabernat
0
100
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
1
98
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
1.7k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
34k

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