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

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

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

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
50
Devfest MPLS - HCI: The UX of AI
Avatar for Bryce Howitson brycehowitson
0
38
HCI: The UI of AI DevFestYYC 2024
Avatar for Bryce Howitson brycehowitson
0
36
Design for Developers - DevFest Montreal 2022
Avatar for Bryce Howitson brycehowitson
0
90
Please stop building killer robots - PhxMobi 2020
Avatar for Bryce Howitson brycehowitson
0
43
Great North DevFest: Chrome Dev Tools tricks to improve your site's experience
Avatar for Bryce Howitson brycehowitson
0
57
Guard Rails: Designing bots that enhance society
Avatar for Bryce Howitson brycehowitson
1
57
DevFestMI: Moving conversations with robots from science fiction to reality
Avatar for Bryce Howitson brycehowitson
2
45
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
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
Avatar for HIROYUKI SAITO crearedesign
0
280
アプリ360onWeb使い方と裏ワザ？紹介！
Avatar for ikejun360 ikejun360
0
250
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
Avatar for Andrew Shapiro ashapiro
0
140
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
240
“ブロック”で作る、WordPress制作フロー変革のすすめ
Avatar for Koots koots2021
4
1.9k
SAMSUL KAMAR ABDUL RAHMAN
Avatar for SAMSUL RAHMAN samsulrahman32
0
160
ビジネス成果を最大限に発揮するPORTFOLIO
Avatar for Arai ataxi1003
0
510
企画を動かすデザイナーの思考！「広げて絞る」アプローチ。
Avatar for Hikida Kan hikidakan
0
160
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
Avatar for 山口哲弘 t2yamaguchi429
0
720
バイアスを凌ぐデザインとコード ―異動直後にどうふるまうか―
Avatar for kkaru kkaru
0
550
portfolio.pdf
Avatar for Fumitaka Ono onof003
0
160
ブランドパーソナリティ言語化における生成AI活用の実際
Avatar for Hiroki Hosaka h0sa
0
270

Featured

See All Featured
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
1
17
The Language of Interfaces
Avatar for Des Traynor destraynor
161
25k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
57
5.8k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
252
21k
Fireside Chat
Avatar for paigeccino paigeccino
39
3.6k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
279
23k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
62k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
46
7.6k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.8k

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