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

HackNy Workshop - Design

Kyle Johnson
June 26, 2014
Design
0
42

HackNy Workshop - Design

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

Kyle Johnson

June 26, 2014
Tweet

Other Decks in Design

See All in Design
Portfolio 2023.07.28
helemarudesu
0
590
丸井グループが取り組むエンタープライズアジャイルと プロダクトマネージャーの役割
muture
0
210
デザインを誘発する「イネーブルメント」アプローチ #spectrumfest2023 / 20231203
minamitary
0
580
フロントエンドエンジニアが知っておくべきUIUX心理学
yukiringo
1
300
共創のための地域基盤としての非公式組織の形成 / Informal community as an infrastructure for co-creation
fumiyaakasaka
2
230
ポートフォリオ思考を通じたデザイナーキャリアの形成と未来への展望
recruitengineers
PRO
3
2.4k
ホワイト化するこの世界の片隅に
hisayosky
0
130
文化に寄りそうデザイン
recruitengineers
PRO
4
920
意志と、デザインと、ときどきお金
transit_kix
2
2.2k
231129_FOSS4G-ASIA-2023_kato
hjmkth
1
310
豊かな自然を守るための、 クラフトビール造りのプロジェクトとデザイン
kazuakiebe
0
450
SUKEDACHI DESIGN NIGHT発表スライド
sugiyama_sukedachi
0
240

Featured

See All Featured
YesSQL, Process and Tooling at Scale
rocio
165
13k
Web Components: a chance to create the future
zenorocha
306
41k
Bootstrapping a Software Product
garrettdimon
PRO
302
110k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
51k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
660
120k
Web development in the modern age
philhawksworth
203
10k
We Have a Design System, Now What?
morganepeng
43
6.8k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
104
6.6k
What's in a price? How to price your products and services
michaelherold
238
11k
Why You Should Never Use an ORM
jnunemaker
PRO
51
8.7k
Pencils Down: Stop Designing & Start Developing
hursman
117
11k
Documentation Writing (for coders)
carmenintech
60
4k

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