DESAIN VISUAL DAN LAYOUT HALAMAN WEB
by : prastyo pangestu
sekolah : SMKN 1 BENGKULU SELATAN
Pada halaman web terdapat beberapa format tampilan visual seperti ukuran huruf, warna
dan gambar lainnya sebagai petunjuk identitas dari informasi yang disampaikan pada
situs web.
Bila kita lihat pada setiap majalah, buku atau newsletter pada permulaan tampilan
halamannya terdapat sebuah gambar logo khusus atau judul hingga penomoran halaman
dengan tata letak yang sama.
Begitu juga pada tampilan halaman web, berbagai tipe huruf dan gambar menjelaskan
maksud dari isi informasi yang akan disampaikan. Seperti tampilan huruf dengan ukuran
yang lebih besar menunjukan sebuah sesi baru pada suatu informasi atau cerita. Juga
sebaris kalimat yang terdapat dibawah gambar atau photo.
Berikut beberapa format tampilan yang terdapat pada suatu halaman web beserta maksud
dan tujuannya :
Banner/ Logo
Team Training SMKTI
I1
Sebuah banner atau logo merupakan tampilan awal pada sebuah halaman web. Hal ini
merupakan suatu identitas khusus bagi situs web sehingga dapat mengingatkan audiens,
sedang berada di situs web manakah mereka berada.
Buatlah sebuah logo yang unik dan menarik sehingga ketika ditampilkan menjadi daya
tarik pada audiens untuk mengetahui lebih lanjut.
Statement of Purpose
Sebaris kalimat pada tampilan awal web dengan maksud untuk menjelaskan pertama kali
kepada audiens, untuk apa dan siapa situs web tersebut ditujukan.
Table of Content
Merupakan tampilan daftar isi pada sebuah halaman web yang dimaksudkan sebagai
petunjuk informasi apa yang akan dilihat oleh audiens.
Seperti halnya daftar isi pada sebuah buku yang menunjukan letak halaman pada setiap
topik yang dimaksud.
Pada halaman web dibuat beberapa teks yang saling berhubungan (hyperlink) dengan warna huruf yang
dibedakan. Audiens tinggal mengkliknya
untuk menuju tampilan yang diinginkan.
contoh table of content
berupa image
Bila Anda membuat situs web media informasi online
yang selalu dirubah tampilannya
(update) pada waktu tertentu, apakah setiap hari, minggu atau bulan. Maka perlu
ditambahkan informasi tentang volume, edisi dan tanggal kapan dilakukan update
terakhir kali beserta judul topik yang dipublikasikan.
Masthead/Credits
Menjelaskan kepada audiens tentang siapa saja yang ikut terlibat dalam pembuatan situs
web tersebut.
Bila Anda membuatnya sendiri sertakan sebuah ‘link’ yang menunjukan profil pribadi
untuk menjelaskannya.
Contact Information
Bila Anda bermaksud menjual suatu produk pada audiens melalui situs web sehingga
mereka tertarik untuk membelinya. Bagaimana dan dimana barang tersebut bisa
didapatkan ? Disinilah maksud informasi kontak dibuat yaitu untuk melakukan transaksi
lebih lanjut antara Anda dan audiens
Buatlah sebuah ‘link’ yang meliputi informasi :
nama
perusahaan
alamat
perusahaan
no.
telepon perusahaan
no.
faksimili perusahaan
alamat
email
perusahaan
daftar
kontak personel yang berhubungan dengan informasi yang dibutuhkan
Kickers
yaitu sebuah kalimat pendek atau sebuah image yang merupakan gambaran kepada
audiens ke arah informasi atau berita yang akan disampaikan.
Mereka tinggal mengklik,
selanjutnya akan dihubungkan pada pokok berita yang
dimaksud.
Sebagai contoh situs web Anda menampilkan tentang produk Benang Wool, berikut
kickers yang ditampilkan,
knitting | weaving | customer yarns | profiles | How To’s
Headlines
Merupakan pokok bahasan terhadap suatu kategori informasi tertentu pada situs web.
positif untuk meyakinkan audiens, misalnya kalimat It’s the easy way !
dengan maksud untuk menggambarkan apa yang akan disampaikan dan dengan kalimat
SEKIAN DAN TERIMAKASI . ........... by prastyo pangestu sekolah : SMKN 1 BENGKULU SELATAN
