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

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

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Bryce Howitson Bryce Howitson
February 03, 2023
Design
95
0

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

Avatar for Bryce Howitson

Bryce Howitson

February 03, 2023

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
90
Devfest MPLS - HCI: The UX of AI
Avatar for Bryce Howitson brycehowitson
0
52
HCI: The UI of AI DevFestYYC 2024
Avatar for Bryce Howitson brycehowitson
0
49
Design for Developers - DevFest Montreal 2022
Avatar for Bryce Howitson brycehowitson
0
100
Please stop building killer robots - PhxMobi 2020
Avatar for Bryce Howitson brycehowitson
0
47
Great North DevFest: Chrome Dev Tools tricks to improve your site's experience
Avatar for Bryce Howitson brycehowitson
0
76
Guard Rails: Designing bots that enhance society
Avatar for Bryce Howitson brycehowitson
1
66
DevFestMI: Moving conversations with robots from science fiction to reality
Avatar for Bryce Howitson brycehowitson
2
62
How Sci-fi taught us to experience voice UI (Devfest DC)
Avatar for Bryce Howitson brycehowitson
2
130

Other Decks in Design

See All in Design
AI時代に必要な アイデアの形
Avatar for ux-man uxman
0
190
decksh object reference
Avatar for Anthony Starks ajstarks
2
1.6k
怖くないアクセシビリティ -カウンターカルチャーとしてのアッカン東京-
Avatar for Yu Morita securecat
1
170
全員がアウトプットを出せる時代、 誰を採用する?
Avatar for NishaMe nishame
0
560
TUNAG BOOK 2024
Avatar for 株式会社スタメン stmn
PRO
0
1.6k
図じゃなく言語で描く - Common Ground for Design AI Operations.
Avatar for Kazuki Ikeda kazukiikeda
2
850
I.A. como meio, não como fim. Como avaliar o valor entregue?
Avatar for Viviane Delvequio videlvequio
0
340
Diverse Design Team Deck
Avatar for Diverse diverse
0
1.9k
JBUG大阪#9_登壇資料_引き継ぎで困らないためのBacklogWikiの整え方_ミスと属人化を防ぐために、 “次の人が動ける状態”をどう残すか
Avatar for WebNAUT by Beeworks webnaut
1
120
Spacemarket Brand Guide
Avatar for Spacemarket spacemarket
2
810
富山デザイン勉強会_デザイントレンド2026.pdf
Avatar for keita keita_yoshikawa
3
210
Mandalyn_DT5001_FinalAssignment.pdf
Avatar for Mandalyn Teo lynteo
0
230

Featured

See All Featured
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
2
1.1k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
Avatar for Christian Goodrich cargoodrich
3
710
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
350
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
2
380
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
7
670
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
300
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
140
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
1
240
Visualization
Avatar for Eitan Lees eitanlees
152
17k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.4k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
250
1.3M
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
1k

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