Week 9

Posted: November 29, 2011 in Uncategorized

Minggu ini, kami mempelajari tajuk VISUAL DESIGN

Rekabentuk visual adalah perancangan bagaimana laman web kita akan kelihatan. terdapat beberapa ciri laman web yang mempunyai rekabentuk visual yang baik iaitu

  • warna – ada warna identiti dan seragam
  • font @ styles – tulisan yang bersesuaian
  • grafik / elemen multimedia – mengikut keperluan
  • susunan & gabungan – teratur dan kemas

elemen antaramuka pengguna

  1. latar belakang (background) mencerminkan tema- warna dan imej
  2. latar depan (foreground) – kandungan dan capaian, judul, tajuk, subtopik, teks, ilustrasi, keterangan
  3. elemen lain yang menyokong – jenis tulisan, imej, butang, navigasi, animasi, video dan lain-lain

Isu umum

  1. pemilihan tema visual – berkaitan kandungan
  2. gunakan konsep templet – konsisten
  3. gunakan jadual (table), pembahagi (division) atau bingkai (frame) – teratur dan kemas
  4. typography – simple, tidak terlalu banyak typeface, mudah dibaca, tidak menggunakan typeface yang pelik-pelik

****Tema bagi sesebuah laman web terhasil melalui rekabentuk visual***

Peringkat dalam rekabentuk visual

  1. thumbnail sketches
    • pereka merancang aspek visual berkaitan laman web yang direka
    • membuat pilihan rekabentuk paparan laman web.
    • storyboard – inteaksi dalam laman web
    • thumbnail sketches – fokus kepada bagaimana laman web kelihatan
  2. rough sketches
    • pilih 2 atau 3 thumbnail untuk pembangunan seterusnya
    • dilukis dengan lebih teliti, lebih tepat pembahagiannya
  3. prototype
    • contoh yang telah siap direkabentuk

NOTA VISUAL DESIGN

mari teruskan membaca maklumat tambahan

First Impressions Count in Website Design

10 Basic Visual Web Design Mistakes

Visual Design for the Web

INFORMATION DESIGN

presentation about our  group task… 🙂

Adult andragogy

Rekabentuk maklumat yang dihasilkan berdasarkan temubual

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 )

Google+ photo

You are commenting using your Google+ 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 )

Connecting to %s