Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

Interface Design: What is it & how to practice ...

Avatar for Bryce Howitson Bryce Howitson
February 03, 2023
Design
0
84

Interface Design: What is it & how to practice safely without and art degree

Avatar for Bryce Howitson

Bryce Howitson

February 03, 2023
Tweet

More Decks by Bryce Howitson

See All by Bryce Howitson
The Great Divide: Decoding the Design vs. Dev Dictionary
Avatar for Bryce Howitson brycehowitson
0
60
Devfest MPLS - HCI: The UX of AI
Avatar for Bryce Howitson brycehowitson
0
42
HCI: The UI of AI DevFestYYC 2024
Avatar for Bryce Howitson brycehowitson
0
40
Design for Developers - DevFest Montreal 2022
Avatar for Bryce Howitson brycehowitson
0
93
Please stop building killer robots - PhxMobi 2020
Avatar for Bryce Howitson brycehowitson
0
44
Great North DevFest: Chrome Dev Tools tricks to improve your site's experience
Avatar for Bryce Howitson brycehowitson
0
63
Guard Rails: Designing bots that enhance society
Avatar for Bryce Howitson brycehowitson
1
58
DevFestMI: Moving conversations with robots from science fiction to reality
Avatar for Bryce Howitson brycehowitson
2
48
How Sci-fi taught us to experience voice UI (Devfest DC)
Avatar for Bryce Howitson brycehowitson
2
120

Other Decks in Design

See All in Design
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
Avatar for Takahiro Yamaguchi hiro93n
0
230
Liquid GlassとApp Intents
Avatar for touyou touyou
0
530
デザインシステムの「種」を使って、受託開発を加速させる
Avatar for akane akane___ui
0
12k
新卒の目から見たサイボウズのデザイン組織
Avatar for 小林諒大 ryota5884
0
260
組織の右腕として共創する ー デザインと経営の二つの視点から見えた、新しい支援のかたち/ Designship2025_Nishimura
Avatar for 株式会社ルート root_recruit
0
230
Spectrum Tokyo_ デザイナーが事業責任者になってみた
Avatar for Woo seop Shin shin_2
0
170
新しいデザインの難しさ（公開版） / Difficulties in the New Design (public ver.)
Avatar for usagimaru usagimaru
2
970
DESIGNEAST 2025 A-3
Avatar for Shigeru Kobayashi _kotobuki_
0
110
OJTで学んだ 「心を動かす」ファシリテーション
Avatar for さき saki822
1
170
Portfolio 齋藤明敏 Hiroyuki Saito
Avatar for HIROYUKI SAITO crearedesign
0
130
What makes a great Director?
Avatar for _Limex_ _limex_
0
350
「批評」を習慣にするための仕組みと場のデザイン/uxdesign202507
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
6
950

Featured

See All Featured
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.3k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
280
24k
Scaling GitHub
Avatar for Zach Holman holman
464
140k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.5k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
37
2.6k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
303
21k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.7k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.2k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.6k

Transcript

  1. @howitson Practice Safe Design Interface Design What is it &

    how to practice safely without an art degree

  2. Artist* @howitson Practice Safe Design

  3. None
  4. None
  5. None

  6. Practice safe design! Don’t Make Art @howitson Practice Safe Design

  7. NOT: Subjective NOT: Self Serving NOT: Random @howitson Practice Safe

    Design

  8. Yes, even you, Can learn to design. @howitson Practice Safe

    Design

  9. Good artists borrow. Great artists steal! @howitson Practice Safe Design

  10. None

  11. Patterns Not argyle & plaid @howitson Practice Safe Design

  12. None
  13. None
  14. None
  15. None

  16. Hierarchy Matters A lot @howitson Practice Safe Design

  17. None
  18. None

  19. 1. @howitson Practice Safe Design

  20. None
  21. None

  22. Typography More than just words @howitson Practice Safe Design

  23. @howitson Design for Developers Image: https://dribbble.com/tiagofank

  24. @howitson Design for Developers Expressive Fonts

  25. None

  26. To serif or not to serif. That is the question.

    @howitson Practice Safe Design
  27. None

  28. 01 Font pairs for Google fonts www.fontpair.co/all 02 Learning about

    typography m2.material.io/design/typography/understanding-typography.html

  29. Layouts that work Creative Space @howitson Practice Safe Design

  30. None
  31. None
  32. None
  33. None

  34. Docker / Kubernetes @howitson Practice Safe Design

  35. Docker / Kubernetes @howitson Practice Safe Design

  36. None
  37. None

  38. Consistency Consistency Consistency @howitson Practice Safe Design

  39. None
  40. None

  41. Not just for walls Painting @howitson Practice Safe Design

  42. None
  43. None
  44. None
  45. None
  46. None

  47. STOP! WARNING LET’S GO!

  48. 01 Color Inspiration color.adobe.com/trends/Ui/ux 02 Color weights/values m2.material.io/resources/color/ 03 Material

    Color Picker m2.material.io/design/color/the-color-system.html

  49. Question Everything @howitson Practice Safe Design