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
43
Devfest MPLS - HCI: The UX of AI
Avatar for Bryce Howitson brycehowitson
0
35
HCI: The UI of AI DevFestYYC 2024
Avatar for Bryce Howitson brycehowitson
0
25
Design for Developers - DevFest Montreal 2022
Avatar for Bryce Howitson brycehowitson
0
87
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
56
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
CIRCULAR ECONOMY + SERVICES
Avatar for John Manoochehri jmanooch
0
120
The Golden Whitney
Avatar for OhTristanArt ohtristanart
PRO
0
560
Dark mode : comment rejoindre le côté sombre ?
Avatar for Raphael Goetter goetter
1
100
Kid Cowboy 103
Avatar for Marilu Molina marilutwin
0
270
なぜプレイドにデザインエンジニアが必要だったのか？
Avatar for t32k t32k
0
540
【最新】マズロー安達の弟子実績（1期-4期の26人分）
Avatar for マズロー安達 maslow_akkun
0
450
AI時代に、僕たちデザイナーはどう歩むか
Avatar for kim kazuhirokimura
0
300
実践ゼロから作らないデザインシステム SaaS × デザインシステム × プロダクトデザイン / Efficient Design System for SaaS—no need to start from scratch.
Avatar for 株式会社カミナシ kaminashi
2
1.7k
“使いやすい”が生産性を変える！業務を効率化するためのUX/UI設計ポイント
Avatar for NCDC ncdc
2
430
生成AIを活用した組み込みSW設計書検索システム開発
Avatar for matsukada licux
7
1.2k
Storyboard Honey
Avatar for Rocío Parrón rocioparronrubio
0
280
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP！】
Avatar for viviON Design vivion
0
760

Featured

See All Featured
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
29
1.8k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
58
9.4k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.4k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.7k
Visualization
Avatar for Eitan Lees eitanlees
146
16k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
43
7.6k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.5k
KATA
Avatar for Megan Lloyd mclloyd
30
14k
Designing for humans not robots
Avatar for Tammie Lister tammielis
253
25k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k

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