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

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Bryce Howitson Bryce Howitson
February 03, 2023
Design
94
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
78
Devfest MPLS - HCI: The UX of AI
Avatar for Bryce Howitson brycehowitson
0
50
HCI: The UI of AI DevFestYYC 2024
Avatar for Bryce Howitson brycehowitson
0
43
Design for Developers - DevFest Montreal 2022
Avatar for Bryce Howitson brycehowitson
0
95
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
70
Guard Rails: Designing bots that enhance society
Avatar for Bryce Howitson brycehowitson
1
59
DevFestMI: Moving conversations with robots from science fiction to reality
Avatar for Bryce Howitson brycehowitson
2
54
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時代のプロダクトマネジメント
Avatar for kumano ayumi kumanoayumi
6
1.1k
チームをデザイン対象にする / Design for your team
Avatar for 株式会社カミナシ kaminashi
1
1k
Treasure_Hunting
Avatar for Sol Metts solmetts
0
360
はじめての演奏会フライヤーデザイン
Avatar for Kaito Kikuchi chorkaichan
1
280
decksh object reference
Avatar for Anthony Starks ajstarks
2
1.5k
大企業インハウスデザイン組織における DesignOps改革の現在地 / DesignOps at Scale: Navigating Transformation in Large Enterprises
Avatar for NTT docomo Business nttcom
0
500
Storyboard Exercise: Chase Sequence
Avatar for Mandalyn Teo lynteo
1
270
第18回サイゼミ
Avatar for LW lw
1
3.6k
社長の宿題への回答 「新卒×AI」が生み出す価値
Avatar for さき saki822
2
110
Build for the Web, Build on the Web, Build With the Web
Avatar for Harry Roberts csswizardry
0
320
デザインを信じていますか
Avatar for sekig(ojiee) sekiguchiy
1
1.1k
「見せる」登壇資料デザインの極意
Avatar for takanorip takanorip
3
710

Featured

See All Featured
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
3
3.1k
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
290
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
160
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
528
40k
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
5.3k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
12k
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
Avatar for Ines Montani inesmontani
PRO
3
3.3k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
55k
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
2
1.7k
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
0
190
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
10k

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