Tuesday, November 22, 2016

Studio Brief 02 - Design For Screen: Coding

Languages
HTML - Hyper text mark up language
CSS - Cascading style sheets
Java - Android language
Javascript - Advanced effect and added interactivity
SQJ - Database language
PHP - Server based language
iOS - Apple language
Ruby - Twitter

Designing for softwares should be accessible through the internet.

Consider the design screen on different platforms such as browsers and devices such as desktop computers, laptops, tablets, mobile devices, televisions etc. 

Responsive screen design - When the website adapts to different devices.

Berger/Accordion button  - Side bar menu

Resolutions
Standard screen resolution: 72ppi
Print: 300ppi
Retina: 246ppi

Considerations
  • File size
  • Resolution
  • Device
Consider the file size as people may have slower internet speeds so it will affect the loading page of the website.

The average user waits 2.6 seconds for the page to load, after that, they usually give up. So if the page takes too long to load, it is considered as bad design.

Accessibility
Must be accessible for people with disabilities such as visual impairment. There are legislations that require public buildings to be accessible to those with disabilities. There are many laws put in place that require websites to be accessible for those with disabilities.

Standard fonts should be used as the website should be accessible on all devices so fonts would have to be seen the same on older devices. Use a typeface that is royalty free for screen.

Coding tags
Opening tag <p>
Closing tag </p>
<hone>
<title>
<body>

WYSIWYG - What you see is what you get

<head> - meta tag - keywords
Line up the tags

File name should be saved: index.html

No comments:

Post a Comment