search

islco / methods

ISL's methods for creating interactive experiences
1 stars 2 forks source link

UI Design #20

Open pbest opened 5 years ago

pbest commented 5 years ago

Had a few thoughts on the bus this morning about the UI design methods

• color/ color hierarchy • type and type pairing • choosing the right grid • drawing inspiration • presentation

I think each of these could have a best ISL practice but also a solid reading list for each. Ie this is how we practically do things but reading Bringhurst will teach you more about the theory

Reading List

Type and Type pairing

https://medium.com/s/about-face/the-value-of-multi-typeface-design-ccd67227b0ee http://westonthayer.com/writing/intro-to-font-metrics/ https://blog.prototypr.io/to-choose-the-right-typeface-look-at-its-x-height-instead-d5ef0967d09c

Color palette

https://refactoringui.com/previews/building-your-color-palette/

Animation

https://alistapart.com/article/integrating-animation-into-a-design-system https://www.invisionapp.com/inside-design/inside-motion-design/

DanRader commented 5 years ago

add a bulleted list of the multiple methods that go into this

• early design system (base styles) • design system handoff

pbest commented 5 years ago

Building your color palette https://refactoringui.com/previews/building-your-color-palette/

Incorporating animation in design systems https://alistapart.com/article/integrating-animation-into-a-design-system