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
99
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
210
Devfest MPLS - HCI: The UX of AI
Avatar for Bryce Howitson brycehowitson
0
54
HCI: The UI of AI DevFestYYC 2024
Avatar for Bryce Howitson brycehowitson
0
50
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
48
Great North DevFest: Chrome Dev Tools tricks to improve your site's experience
Avatar for Bryce Howitson brycehowitson
0
77
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
64
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
「おすすめ」はなぜ信用されないのか - 信頼を築くUI/UX設計
Avatar for ryu ryu1013
0
160
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
Avatar for koyaman koyaman
1
2k
広い関与の可能性に どう向き合うのか？ 私たちは。｜Timee MarketingDesign 2026-06-18
Avatar for bebe bebe
0
250
デザインの文脈を理解する：エンジニアがデザインカンファレンスに参加して得た学びと気づき
Avatar for 蛋白（たんぱく・TANPACT） hypebeans
0
240
大企業インハウスデザイン組織における DesignOps改革の現在地 / DesignOps at Scale: Navigating Transformation in Large Enterprises
Avatar for NTT docomo Business nttcom
0
760
タイル紹介サイト「タイルだもんで」
Avatar for しま calpin
0
160
Техники структурирования беседы с собой, заказчиком и командо
Avatar for Andrew Shapiro ashapiro
0
200
hicard_credential_202601
Avatar for hicard hicard
0
250
少人数チームで_使われるプロダクトにたどり着くための_デザインハーネス.pdf
Avatar for NishaMe nishame
1
1k
富山デザイン勉強会_デザイントレンド2026.pdf
Avatar for keita keita_yoshikawa
3
260
保育現場にAIを 〜人と技術に橋を架けるデザインで考えてきたこと〜 uiuxcamp2026-hoiku-ai-design
Avatar for Takahiro Yamaguchi hiro93n
1
330
デザインツールを開く前に その画面は誰に何と言わせたい？受託UIデザイナーが顧客解像度を高める 「打ち合わせの場での確かめ方」
Avatar for @Garyuten garyuten
1
110

Featured

See All Featured
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
270
14k
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
1
560
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
610
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.6k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
7k
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
370
Money Talks: Using Revenue to Get Sh*t Done
Avatar for Nikki Halliwell nikkihalliwell
0
290
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.5k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
1
500
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.6k
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
220

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