Week 5 : Visual Design

 VD : Planning how your web site will look

• color
• font style
• graphic & MM effect
• arrange into attractive layout

Elements of User Interface

• Bground menyampaikan tema ~ colors or images
• Foreground ~ Content n link (title, heading, sub heading. body text, illustration & caption)
• Other elements support ~ text, image

Critical Task of VD

• kenalpasti tema & stail
• rekabtk layout skrin
• menstruktur skrin (BG, windows etc)
• bina elemen kawalan
• integrate media element
• Bina PROTOTYPE screen ~ storyboard

 Kenalpasti stail kontent

• target users? ~ mesti bersesuaian dari segi warna, simbol grafik, text, tema yang bersesuaian, keserasian, keseragaman.

* Dlm 1 antaramuka, semua elemen perlu bekerjasama, so peringkat design amat penting.

Layout

• scan from top left to bottom right
• assume  priority on a top

Background

• Sesuai dan berkaitan dengan isi kandungan

Windows and Panel

• sesuai dengan rbtk pecahan skrin

Button & Ctrl

• menarik

Typography

• Keep it simple (hadkan jenis fon setiap muka surat/courseware,)
•  Buat pilihan yang bijak (serif vs sans serif, common installed fonts, mood & readability)