Proposal WEB DESIGN

  

UNIVERSITI MALAYSIA SARAWAK

FAKULTI SENI GUNAAN DAN KREATIF

SEMESTER 1 SESI 2010/2011

GKG 3013 REKABENTUK LAMAN WEB

 

Proposal Rekabentuk Laman Web

Nama: Shah Jhihan Bin Abdullah

No.matrik : 22260

Program: Teknologi Seni Reka (Seni reka Industri)

PENSYARAH:

Cik. Salmiah Bt. Abdul Hamid.

ISI KANDUNGAN

PERKARA

• Definisi Rekabentuk laman web.

1. Objektif
2. Web Navigation
3. Konsep rekabentuk
4. Penggunaan Warna

• Kesimpulan

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.

Antara yang terkandung dalam sesebuah laman web ialah:

Navigation Bar - Navigasi yang konsisten amat perlu untuk setiap laman Web. Biasanya Navigation bar diletakkan di atas setiap mukasurat laman Web dan hendaklah konsisten antara satu muka dengan muka yang lain. Tidak kurang juga Navigation berada di sebelah tepi sesuatu laman Web. Terdapat juga laman Web yang membahagikan mukasurat mereka kepada dua bahagian: satu mengandungi Navigation bar dan satu lagi mengandungi isi kandungan yang hendak disampaikan. Rekabentuk begini menetapkan Navigator pada kedudukan asal walaupun butang Navigation berlainan ditekan. Navigation bar yang digunakan tidak terhad kepada teks sahaja. Penggunaan grafik akan menampakkan sesuatu laman Web itu lebih cantik dan menarik. Tidak kira anda menggunakan teks atau grafik apa yang penting ialah, setiap butang Navigation bar itu perlu mewakili sambungan-sambungan yang tertentu dengan jelas dan tidak mengelirukan pembaca. Jika perlu warnakan butang mukasurat yang sedang dilawati dengan warna yang berlainan dengan mukasurat-mukasurat lain atau buatkan ia sebagai butang tidak aktif. Sebagai tambahan masukkan  butang "back" dan "foward" ataupun "previous" dan "next" bagi menyenangkan pembaca.

Mukasurat profil -  Sesetengah laman Web tidak mengandungi mukasurat berkenaan siapa mereka dan bagaimana cara pembaca boleh menghubungi mereka. Lebih menghairankan jika laman Web "misteri" itu terdiri dari mereka yang terlibat di dalam penjualan produk atau perkhidmatan. Pembaca tentu sekali berminat malah merasa lebih terjamin mengetahui tentang individu disebalik tabir. Pastikan terdapat sambungan di dalam laman Web anda yang membolehkan pembaca emel anda.

Borang komen - Ruangan komen membolehkan pembaca meminta maklumat diperlukan secara "online" dan tidak perlu menyalin nombor telefon dan menghubungi anda. Sebaliknya anda hanya  perlu menjawab sebarang pertanyaan melalui emel ataupun surat. Bukan setakat tempat mendapatkan informasi, ruangan ini juga bertindak sebagai alat untuk memperbaiki sebarang kelemahan yang terdapat di dalam laman Web. Juga dapat memperlengkapkan informasi-informasi di dalam laman Web berdasarkan komen-komen dari pembaca.

Kandungan yang menyeronokkan - Pembaca berharap untuk memperolehi informasi yang dikehendaki apabila melawat sesuatu laman Web. Pereka harus membina laman Web yang dapat memberikan pembaca apa yang mereka mahu. gunakan ayat-ayat yang ringkas untuk menarik pembaca tanpa membebankan mereka dengan perkataan-perkataan yang susah. Jika perkataan-perkataan saintifik perlu digunakan, sediakan maksud perkataan itu sekali. Informasi yang lengkap akan menarik pembaca untuk kembali berkunjung ke laman Web tersebut. Ruangan yang disediakan dalam web adalah tidak terhad.

"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."

1. Objektif

Projek rekabentuk laman web ini adalah bertujuan untuk memberi pengetahuan asas kepada pelajar yang mengikuti kursus GKG 3013 Rekabentuk Laman Web dalam menghasilkan sesebuah laman web yang boleh berfungsi dan dapat digunakan oleh pengguna lain. Dalam projek ini, para pelajar diajar cara-cara untuk menghasilkan sesebuah laman web dengan menggunakan perisian Adobe Dreamwever sebagai atat utama dalam membuat web. Selain itu, pelajar juga perlu mempraktikkan segala yang dipelajari dalam menghasilkan sebuah laman web (Kuching Design Week 2011 Festival).

    
 
2.  Web Navigation

3.  Konsep rekabentuk (Kuching Design Week 2011 Festival)

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

Warna dapat didefinisikan secara objektif/fisik sebagai sifat cahaya yang dipancarkan, atau secara subyektif/psikologis sebagai bagian dari pengalaman indera pengelihatan. Secara obyektif atau fisik, warna dapat diberikan oleh panjang gelombang. Dilihat dari panjang gelombang, cahaya yang tampak oleh mata merupakan salah satu bentuk pancaran energi yang merupakan bagian yang sempit dari gelombang elektromagnetik.

Cahaya yang dapat ditangkap indera manusia mempunyai panjang gelombang 380 sampai 780 nanometer. Cahaya antara dua jarak nanometer tersebut dapat diurai melalui prisma kaca menjadi warna-warna pelangi yang disebut spectrum atau warna cahaya, mulai berkas cahaya warna ungu, violet, biru, hijau, kuning, jingga, hingga merah. Di luar cahaya ungu /violet terdapat gelombang-gelombang ultraviolet, sinar X, sinar gamma, dan sinar cosmic. Di luar cahaya merah terdapat gelombang / sinar inframerah, gelombang Hertz, gelombang Radio pendek, dan gelombang radio panjang, yang banyak digunakan untuk pemancaran radio dan TV. Proses terlihatnya warna adalah dikarenakan adanya cahaya yang menimpa suatu benda, dan benda tersebut memantulkan cahaya ke mata (retina) kita hingga terlihatlah warna.

Benda berwarna merah karena sifat pigmen benda tersebut memantulkan warna merah dan menyerap warna lainnya. Benda berwarna hitam karena sifat pigmen benda tersebut menyerap semua warna pelangi. Sebaliknya suatu benda berwarna putih karena sifat pigmen benda tersebut memantulkan semua warna pelangi. Sebagai bagian dari elemen tata rupa, warna memegang peran sebagai sarana untuk lebih mempertegas dan memperkuat kesan atau tujuan dari sebuah karya desain.

Dalam perencanaan corporate identity, warna mempunyai fungsi untuk memperkuat aspek identitas. Lebih lanjut dikatakan oleh Henry Dreyfuss , bahwa warna digunakan dalam simbol-simbol grafis untuk mempertegas maksud dari simbol-simbol tersebut . Sebagai contoh adalah penggunaan warna merah pada segitiga pengaman, warna-warna yang digunakan untuk traffic light merah untuk berhenti, kuning untuk bersiap-siap dan hijau untuk jalan. Dari contoh tersebut ternyata pengaruh warna mampu memberikan impresi yang cepat dan kuat. Kemampuan warna menciptakan impresi, mampu menimbulkan efek-efek tertentu.

Secara psikologis diuraikan oleh J. Linschoten dan Drs. Mansyur tentang warna sbb: Warna-warna itu bukanlah suatu gejala yang hanya dapat diamati saja, warna itu mempengaruhi kelakuan, memegang peranan penting dalam penilaian estetis dan turut menentukan suka tidaknya kita akan bermacam-macam benda. Dari pemahaman diatas dapat dijelaskan bahwa warna, selain hanya dapat dilihat dengan mata ternyata mampu mempengaruhi perilaku seseorang, mempengaruhi penilaian estetis dan turut menentukan suka tidaknya seseorang pada suatu benda. Berikut kami sajikan potensi karakter warna yang mampu memberikan kesan pada seseorang sbb :

Ø  Hitam, sebagai warna yang tertua (gelap) dengan sendirinya menjadi lambang untuk sifat gulita dan kegelapan (juga dalam hal emosi).

Ø  Putih, sebagai warna yang paling terang, melambangkan cahaya, kesucian.

Ø   Abu-abu, merupakan warna yang paling netral dengan tidak adanya sifat atau kehidupan spesifik.

Ø   Merah, bersifat menaklukkan, ekspansif (meluas), dominan (berkuasa), aktif dan vital (hidup), panas membara, peringatan, penyerangan, cinta.

Ø   Kuning, dengan sinarnya yang bersifat kurang dalam, merupakan wakil dari hal-hal atau benda yang bersifat cahaya, momentum dan mengesankan kebahagiaan, keceriaan dan hati-hati.

Ø  Biru, sebagai warna yang menimbulkan kesan dalamnya sesuatu (dediepte), sifat yang tak terhingga dan transenden, disamping itu memiliki sifat tantangan.

Ø  Hijau, mempunyai sifat keseimbangan dan selaras, membangkitkan ketenangan dan tempat mengumpulkan daya-daya baru, identik dengan pertumbuhan dalam lingkungan,pasukan perdamaian,kepuasan

Ø  Pink, warna yang identiti dengan wanita, menarik/cantik.

Ø  Orange, warna yang identiti dengan musim gugur.

Ø   Coklat, warna yang mengesankan hangat, identiti dengan musim gugur, kotor, bumi.

Ø  Ungu, warna yang identik dengan kesetiaan, kepuasan, Barney (tokoh boneka berwarna ungu)

Dari sekian banyak warna, 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:

4. Penggunaan Warna:

Ø  Tampilkan warna dengan latar belakang (background) cerah.

Ø  Pilih warna yang cerah untuk foreground (coklat,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 /membezakan bahagian-bahagian tertentu

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

- Buta warna (cacat warna)

- Monitor monochrome (hanya mengenal satu warna)

- Pengkod ekstra meningkatkan paparan interface

Ø  Konsisten dalam penggunaan warna

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

Ø  Gunakan warna b/w atau "blur", atau b/w saja untuk mnunjukkan interface

Ø  Untuk menunjukkan keseragaman bagian-bagian pada laman.

Ø  Pereka sering menggunakan visual dengan menggunakan 4-5 warna.  

KESIMPULAN
          Secara keseluruhannya dalam rekabentuk laman web ini perlulah konsisten dengan tujuan penggunaan laman web tersebut diwujudkan, sama ada untuk tujuan pendidikan atau untuk makluman umum. Rekabentuk laman web yang dibuat perlulah sesuai dengan pengguna yang ditujukan sama ada untuk pelajar, masyarakat 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. Selain itu, laman web yang dibuat perlulah mempunyai pandu arah yang betul, supaya pengguna dapat tahu dimana mereka berada, dan tidak terperangkap di mana-mana laman yang dibuat. Dalam penghasilan laman web ini, para pelajar akan dapat mempraktikkan apayang dipelajari dalam kursus GKG Rekabentuk Laman Web dan seterusnya mencapai objektif yang dikehendaki.