Online tools for User Interface & Interactive Design

Each of these sites requires NO sign up

https://developers.google.com/search/mobile-sites/

https://foundation.zurb.com/

https://material.io/guidelines/layout/structure.html#structure-ui-regions

  • gives a lot of information on the different areas of a website
  • resource for any problems or difficulties

https://uigradients.com/#PurpleParadise

  • easy to get colour codes for CSS and gives the CSS code to create that gradient
  • shows colours fading together creating a gradient for a background or just to choose complimenting colours
  • can be filtered down to specific colours required
  • can be viewed as reasonable sized blocks within the menu and as a full screen to see the full effect that it will create.

https://color.adobe.com/

  • bit more complex
  • creates many different colour combination
  • lots of preset categories
  • can customise your own

https://www.awwwards.com/

  • good for referencing
  • get ideas from
  • keep up with the trends of websites

https://www.typewolf.com/

  • wide verity of typography
  • shows different fonts paired or grouped together
  • good reference

 

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s