Senior_ID85 (Web Design): October 2010

UNIVERSITI MALAYSIA SARAWAK

FAKULTI SENI GUNAAN DAN KREATIF

SEMESTER 1 SESI 2010/2011

GKG 3013 REKABENTUK LAMAN WEB

Web Design Proposal (Final Project)

Nama: Shah Jhihan Bin Abdullah

No.matrik : 22260

Program: Teknologi Seni Reka (Seni reka Industri)

PENSYARAH:

Cik. Salmiah Bt. Abdul Hamid.

Definisi Rekabentuk Laman Web.

World Wide Web atau WWW atau lebih dikenali sebagai web merupakan perkhidmatan internet yang paling popular. Web merupakan satu perkhidmatan yang menghimpun maklumat. Lazimnya web mempunyai hiper pautan (hyperlinks) teks, imej grafik, audio dan video. Setiap halaman web mempunayi alamat yang unik. Alamat ini dikenali sebagai Uniform Resource Locator (URL). Setiap URL mengandungi dua bahagian utama iaitu protokol dan nama domain. Protokol yang lazim digunakan ialah http:// iaitu singkatan HyperText Transfer Protocol.

“Web Design is the art and process of creating a single Web page or entire Web sites and may involve both the aesthetics and the mechanics of a Web site’s operation although primarily it focuses on the look and feel of the Web site. Some of the aspects that may be included in Web design or Web production are graphics and animation creation, color selection, font selection, navigation design, content creation, HTML/XML authoring, JavaScript programming, and ecommerce development."

Objektif laman web “MAMOST CONCEPT”.

Memperkenalkan jenama automobil baru kepada pengguna yang menawarkan produk-produk kenderaan buatan tempatan yang berkonsepkan moden dan terkini.
Untuk mempromosikan rekabentuk kenderaan baru kepada pengguna dan memberikan perkhidmatan tempahan kenderaan kepada pengguna.
Memberi maklumat kepada pengguna tentang jenis-jenis kenderaan yang dikeluarkan oleh syarikat untuk dibuat mengikut tempahan yang diterima oleh pengguna.
Untuk memajukan industri automobil negara ke peringkat antarabangsa setanding dengan negara-negara maju yang lain.

Konsep rekaan (laman web “MAMOST CONCEPT”)

Konsep yang digunakan dalam laman web ini adalah konsep moden serta sistem pencarian yang memudahkan pengguna. Web ini juga mempunyai Interface yang sama tetapi maklumat atau "Content" yang berbeza

Warna kelabu “Gray”, sebagai warna yang dipilih untuk paramuka lamanweb ini untuk menunjukkan konsep moden dan lebih elegant. Putih, sebagai warna latar belakang yang paling terang, untuk menunjukkan kontras antara tulisan dan imej dalam web ini.

Daripada warna-warna yang dipilih, dapat dibagi dalam beberapa bagian yang sering dinamakan dengan sistem warna Prang System yang ditemukan oleh Louis Prang pada 1876 atau disebut juga sebagai atribut warna meliputi :

1. Hue, adalah istilah yang digunakan untuk menunjukkan nama dari suatu warna, seperti merah, biru, hijau dsb.
2. Value, adalah dimensi kedua atau mengenai terang gelapnya warna. Contohnya adalah tingkatan warna dari putih hingga hitam.
3. Saturation/Intensity, seringkali disebut dengan chroma, adalah dimensi yang berhubungan dengan cerah atau suramnya warna.

Selain Prang System terdapat beberapa sistem warna lain yakni, CMYK atau Process Color System, Munsell Color System, Ostwald Color System, Schopenhauer/Goethe Weighted Color System, Substractive Color System serta Additive Color/RGB Color System. Diantara bermacam sistem warna diatas, kini yang banyak dipergunakan dalam industri media visual cetak adalah CMYK atau Process Color System yang membagi warna dasarnya menjadi Cyan, Magenta, Yellow dan Black. Sedangkan RGB Color System dipergunakan dalam industri media visual elektronika. Pada monitor, skema jenis RGB adalah sbb:

Penggunaan Warna:

Ø Tampilkan warna dengan latar belakang (background) cerah.

Ø Pilih warna yang cerah untuk foreground (kelabu,putih dll)

Ø Hindari penggunaan warna coklat dan hijau untuk background

Ø Kecerahan dan kombinasi warna pada foreground dan background kontras

Ø Gunakan warna yang sesuai,reka bentuk dibuat dalam b/w dan ditambahkan warna lain yang sesuai.

Ø Gunakan warna untuk menarik perhatian user, komunikasi terarah, identifikasi status, menjalin hubungan antara elemen

Ø Hindari penggunaan warna pada pekerjaan yang sifatnya non-task, untuk layar yang kebanyakan terdiri dari teks, warna dapat membantu ketika user harus mencari /membedakan bagian2 tertentu

Ø Hal-hal yang perlu dipertimbangkan dalam penggunaan warna, iaitu:

- Pengkod ekstra meningkatkan tampilan interface

Ø Konsisten dalam penggunaan warna

Ø Membatasi pengkodean warna menjadi 8 warna (4 warna lebih baik)

Ø Gunakan warna b/w atau abu-abu, atau b/w saja untuk mnunjukkan interface

Ø Untuk menunjukkan keragaman bagian-bagian pada layar

Ø Pereka sering menggunakan visual dengan menggunakan 4-5 warna

Isi kandungan laman web “MAMOST CONCEPT”

Isi kandungan “content” laman web yang dibuat terbahagi kepada 5 bahagian iaitu “HOME ,ABOUT US, PRODUCT, PROMOTION, CONTACT US”. Laman web ini direka untuk tujuan mempromosikan kenderaan syarikat kepada pengguna dan pandu arah laman web juga perlu ringkas dan memudahkan pengguna. Oleh itu, laman web ini di reka dengan pandu arah yang mudah dan ringkas untuk kemudahan pengguna.

Selain itu, link “content” di letakkan dibahagian atas dan bawah laman untuk memudahkan pengguna menekan link untuk pergi ke laman yang seterusnya tanpa “scroll” ke bahagian atas laman web.

Secara ringkas laman ini mempunyai isi kandungan yang ringkas dan padat dengan imformasi tentang syarikat dan memudahkan pengguna untuk melayarinya tanpa sebarang masalah yang timbul seperti tidak tahu dimana mereka berada di lamanweb tersebut.

Penutup

Secara keseluruhannya dalam rekabentuk laman web ini perlulah konsisten dengan tujuan penggunaan laman web tersebut di wujudkan, sama ada untuk tujuan pendidikan atau untuk makluman umum. Rekabentuk laman web yang dibuat perlulah sesuai dengan pengguna yang ditujukan samaada untuk pelajar, masyarakaat umum atau golongan-golongan tertentu. Penggunaan font dan warna juga perlu konsisten dengan motif yang dipilih dan laman tidak terlalu padat dengan imej atau text. Dalam penghasilan laman web ini, para pelajar akan dapat mempraktikkan apa yang dipelajari dalam kursus GKG Rekabentuk Laman dan seterusnya mencapai objektif yang dikehendaki.