Web design.
Creating a hierarchical structure of text.
Using Color in Typography.
Notice that both Vimeo and Smashing magazine res "Responsive sites "coded to adapt to the browser-window size. (progressively change the size of your browser)
Darling: Austin Kleon, "Steal like an Artist".
https://vimeo.com/52028220
The process of Designing a site with your client,
http://www.smashingmagazine.com/2014/12/designing-with-your-clients/
(UX )
Kristian Simarian, from the california College of the Arts(CCA),
talking about "teaching Interaction and UX". UX week 2011
https://vimeo.com/30148930
Jon wiley, Designer at Google,
talking about the redesign of Google's seach engine
and "flag-ship products"
UX week 2011
https://vimeo.com/29965463
Peter Merhold, "UX is Strategy, not Design".
UX week 2012 (good layout of history)
https://vimeo.com/534329
Ian Bogost, talking about Gaming related to UX,
"Fun as a final goal"(Gamification).
UX week 2013
Gamification as a recent phenomenon. Fun as an "act of Fools".
What else is possible, surprise from exploration.
https://vimeo.com/74943170
Don Norman is credited with coining the term "User experience" when working for Apple. Email from 1998:
"I invented the term because
I thought Human Interface and Usability were too narrow: I wanted to cover all aspects of the person's experience with a system, including industrial design, graphics, the interface, the Physical interaction and the manual".
Ian Bosgost about "Fun in gaming"
"A game is about a structure, working within a system and fun is not the effect, not the enjoyment that is released by the interaction but a knickname for the feeling of operating, particulary opertaing in a way we haven't done or seen before. Fun is related to structure, not to effect."
color-palettes
http://www.colorschemer.com/schemes
Kuler.
Color-palette creation application.
Now owed by Adobe.
Still available as an online application
https://color.adobe.com
Link to youtube video for how to use it in Photoshop. Also available in Illustrator
https://www.youtube.com/watch?v=FGO6APvYSd4
Typography
Google fonts. Google has a phonomenal collection of free fonts hosted in their servers that you can use in your HTML pages.
Once you find the font you like, you will link the font in Google in the CSS that defines the looks of your HTML page. Then you will use the font in the size, color and styled indicated by your CSS.
https://www.google.com/fonts
Brief info on how to link to a google-font in your CSS, in my website. Font-formats page, croll down
https://soma.sbcc.edu/users/ajarabo/Interface_design/typography4.htm
Site about flowers. Minimalist design
http://www.reallywildflowers.co.uk
Nice and simple, beautiful negative space.
Corporate site. Interesting minimalist style.
Check pages with articles.
http://www.time.com
Lots of information but organized space, without looking like a template.
Limited color palette. No background colors, just Typography and pictures.
Elegant furniture website. Responsive
http://www.normann-copenhagen.com
Local mareketing agency. Dowitchter design.
We have sent several interns from the MAT department to this company.
https://www.dowitcherdesigns.com/
Corporate site.very clean design.
Probably working with a site template.
http://www.shopvillagefaire.com
HTML 5 sites.
Responsive design to browser-size. Strong use of CSS
http://www.acecgtnutrigene.com/diet_test.htm
Look at the animations on hover of the sections.
Webaward best site 2021
https://www.adswizz.com/case-studies
Site for a Foundation. Webaward 2020
https://forumone.com/work/
British association of creative talent to promote Peroni Lager
Very interesting site!
https://www.and-ugo.com/
Site templates are now used in websites and Blogs alike, because they provide with a clean design, pre-designed pages for multiple purposes and extra features like simple Ecarts.
https://wordpress.org/themes/