Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Interface Design: What is it & how to practice ...
Search
Bryce Howitson
February 03, 2023
Design
0
75
Interface Design: What is it & how to practice safely without and art degree
Bryce Howitson
February 03, 2023
Tweet
Share
More Decks by Bryce Howitson
See All by Bryce Howitson
Devfest MPLS - HCI: The UX of AI
brycehowitson
0
15
HCI: The UI of AI DevFestYYC 2024
brycehowitson
0
15
Design for Developers - DevFest Montreal 2022
brycehowitson
0
82
Please stop building killer robots - PhxMobi 2020
brycehowitson
0
34
Great North DevFest: Chrome Dev Tools tricks to improve your site's experience
brycehowitson
0
47
Guard Rails: Designing bots that enhance society
brycehowitson
1
53
DevFestMI: Moving conversations with robots from science fiction to reality
brycehowitson
2
35
How Sci-fi taught us to experience voice UI (Devfest DC)
brycehowitson
2
110
VUITalk_twoPointOhhh.pdf
brycehowitson
0
44
Other Decks in Design
See All in Design
Personal Story Sequence - Vendetta(WIP)
elrns88
0
400
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
570
今日からできる実践アクセシビリティSNSというかXでaltをつけよう
securecat
1
130
コンセプトで経営・事業・組織を動かす、 Ameba20周年ブランディング / ameba-20th-branding
cyberagentdevelopers
PRO
1
550
生成AIを受け入れ共創できるデザイナーマインドへープロセス改革を想定したデザイナーの準備ー
takumasaito
1
1.7k
ネーミングの極意 - その名は体を現していますか? -
kakukoki
2
470
もうひとつのアーキテクチャ #kichijojipm
kondoyuko
0
180
2024/11/25 ReDesigner Online Meetup 会社紹介
cybozuinsideout
PRO
0
370
FANCL×CA流アプリリニューアルPJ 成功の秘訣とそのプロセス / dx-fancl-renewal
cyberagentdevelopers
PRO
2
730
【Designship 2024|10.13】デザイン組織を進化させるための仕組み化の要諦
payatsusan213
1
780
pixel-art-skill-and-knowhow/ドット絵の経歴と知見
aokashi
0
210
マルチプロダクトにおけるデザイナーの挑戦-デザイン初め新年会2025
u_ri_ta
1
140
Featured
See All Featured
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Keith and Marios Guide to Fast Websites
keithpitt
410
22k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
Producing Creativity
orderedlist
PRO
343
39k
The World Runs on Bad Software
bkeepers
PRO
67
11k
Mobile First: as difficult as doing things right
swwweet
223
9.3k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Why Our Code Smells
bkeepers
PRO
335
57k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.4k
Typedesign – Prime Four
hannesfritz
40
2.5k
Transcript
@howitson Practice Safe Design Interface Design What is it &
how to practice safely without an art degree
Artist* @howitson Practice Safe Design
None
None
None
Practice safe design! Don’t Make Art @howitson Practice Safe Design
NOT: Subjective NOT: Self Serving NOT: Random @howitson Practice Safe
Design
Yes, even you, Can learn to design. @howitson Practice Safe
Design
Good artists borrow. Great artists steal! @howitson Practice Safe Design
None
Patterns Not argyle & plaid @howitson Practice Safe Design
None
None
None
None
Hierarchy Matters A lot @howitson Practice Safe Design
None
None
1. @howitson Practice Safe Design
None
None
Typography More than just words @howitson Practice Safe Design
@howitson Design for Developers Image: https://dribbble.com/tiagofank
@howitson Design for Developers Expressive Fonts
None
To serif or not to serif. That is the question.
@howitson Practice Safe Design
None
01 Font pairs for Google fonts www.fontpair.co/all 02 Learning about
typography m2.material.io/design/typography/understanding-typography.html
Layouts that work Creative Space @howitson Practice Safe Design
None
None
None
None
Docker / Kubernetes @howitson Practice Safe Design
Docker / Kubernetes @howitson Practice Safe Design
None
None
Consistency Consistency Consistency @howitson Practice Safe Design
None
None
Not just for walls Painting @howitson Practice Safe Design
None
None
None
None
None
STOP! WARNING LET’S GO!
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
Question Everything @howitson Practice Safe Design