INFO 30005
Web Information Technologies
Front end design/dev HTML & CSS
Copyright By PowCoder代写 加微信 powcoder
Design Development
UX / UI design
Graphic design
Structure Presentation
Colour Typography Layout
Responsive design
browser dev tools docs and books frameworks
Food Buddy!
https://info30005-foodbuddy.herokuapp.com/
a pragmatic approach to assembling assets
Design = make decisions about
Colour Typography Layout
to achieve goals
meaningful, engaging, usable, accessible
Mood board
Assemble materials that help to convey ideas and feelings that we want to express.
https://goo.gl/eXNox3
Choose your palette
Be inspired!
Explore expert choices
Check Accessibility
Check Accessibility
Typography
“Font” = typeface + size + style
serifs Typography
sans serif
Typography
120 pt type 96 pt type
72 pt type 48 pt type
36 pt type 24 pt type
12 pt type 10 pt type
8 pt type 6 pt type
Body Footnotes
lines of text
rules for using type
Choose a versatile family
Combine fonts
Create a visual hierarchy
https://www.smashingmagazine.com/2017/12/building-better-ui-designs-layout-grids/
Structure Clean Look
Benefits of grids
Familiar Frameworks
• Typography • Layout
How to include in our build … ?
程序代写 CS代考 加微信: powcoder QQ: 1823890830 Email: powcoder@163.com