When? These are currently running on Wednesdays mornings before the start of the week's project for the duration of FAC14, weeks 1-8 in London.
What? Half hour workshops/presentations every week to learn a little about one aspect of design, which can then be built on and included in that weeks project.
Why? This idea came about as a result of the feedback we got time and time again from students after going through Design Week. Whilst design week is concentrated more on understanding the problem we are trying to solve with technology and learn about user centred approaches, students felt that they would love to also be taught some basic UX/UI concepts.
We think that by introducing little design snippets throughout we can ensure that students have a better understanding and appreciation of design, be better prepared to Design Week, make a the projects better for their portfolios and also understand deeply the meaning of working in a multidisciplinary team when they are out in the job market.
How? @nogainbar and @maxgerber are creating presentations for each week which they are delivering on Wednesdays just before projects start.
Please give us any feedback on this idea, and help us improve it! If it all goes well, we can think about adding it to the coursebook. 😄 🎉
see also this issue
Useful links:
- https://www.awwwards.com/4-creative-navigation-ui-patterns-for-great-ux.html
- http://patterntap.com/patterntap
- https://dribbble.com/
- https://www.awwwards.com/
- https://www.behance.net/
- https://codepen.com/
Useful links:
-
Rule of thirds: https://designmodo.com/rule-thirds-grid-outline/
-
scanning patterns: https://www.nngroup.com/articles/f-shaped-pattern-reading-web-content/
-
iOS guidelines UI do's and dont's!: https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/adaptivity-and-layout/
-
material design: https://material.io/design/layout/spacing-methods.html#spacing
-
geeking out even more on material design: https://material.io/design/layout/understanding-layout.html#
-
iOS guidelines: https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/adaptivity-and-layout/
Watch the presentation in glorious technicolour!
Some useful links for you!
-
Make an 8pt grid https://spec.fm/specifics/8-pt-grid
-
GRIDINATOR https://www.ecommercebestseo.com/resources/gridinator/
-
Brief history of the grid: https://99designs.co.uk/blog/tips/history-of-the-grid-part-1/
-
A Comprehensive Introduction to Grids in Web Design: https://webdesign.tutsplus.com/articles/a-comprehensive-introduction-to-grids-in-web-design--cms-26521
-
The Grid System: Building a Solid Design Layout https://www.interaction-design.org/literature/article/the-grid-system-building-a-solid-design-layout
-
The New Layout Standard For The Web: CSS Grid, Flexbox And Box Alignment https://www.smashingmagazine.com/2016/11/css-grids-flexbox-box-alignment-new-layout-standard/
Watch the presentation in glorious technicolour!
Watch the presentation in glorious technicolour!
https://www.justmytype.co/ https://www.typewolf.com/ https://thedesignteam.io/the-type-snob-f221969a884b https://www.imarc.com/blog/best-font-size-for-any-device https://www.crazyegg.com/blog/psychology-of-fonts-infographic/ https://visual.ly/community/infographic/lifestyle/fonts-and-feelings-psychology-typography https://www.companyfolders.com/blog/font-psychology-how-typefaces-hack-our-brains https://www.creativebloq.com/typography/20-perfect-type-pairings-3132120
https://fonts.google.com/ http://inspirationfeed.com/60-free-hipster-fonts-to-download/ http://hipfonts.com/category/free/
http://type-scale.com/ https://fontpair.co/
For the last design burst we did a Show and Tell of best moments of design bursts and their use. Different people volunteered to show the classroom projects from the whole 8 weeks and explain their thinking about design decision and implementation! it was awesome!!
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent