LAPORAN TEORI DESAIN WEB

ANALISIS WEBPAGE

Tri Wulandari
M3119085
TI D

PROGRAM STUDI TEKNIK INFORMATIKA

SEKOLAH VOKASI
UNIVERSITAS SEBELAS MARET
SURAKARTA
2020
 Alamat Web : https://www.islamic-relief.org/

Merupakan website dari organisasi dunia yakni Islamic Relief. Islamic Relief merupakan
organisasi yang bergerak untuk kemanusiaan berupa pemberian bantuan bencana alam,
masyarakat miskin dan pemberdayaan komunitas. Oleh karena itu di dalam situsnya
berisi ajakan untuk membantu orang lain dengan penggalangan dana dan projek
kemanusiaan lainnya.

 Prinsip yang digunakan :

A. Keseimbangan

Dari logo organisasi di atas, memiliki prinsip desain keseimbangan berupa bentuk.
Antara tulisan “Islamic” dan kubah memiliki bentuk yang seimbang, tulisan dapat
menyesuaikan ukuran kubah di atasnya. Begitupula dengan tulisan “relief” yang
terkesan lebih kecil dibanding tulisan atasnya, karena memiliki maksud untuk
menonjolkan tulisan “Islamic” sebagai kata awal dari nama organisasi kemanusiaan
tersebut.
 Dari ketiga gambar di atas, masing-masing memiliki prinsip keseimbangan. Gambar 1
terdapat 3 ikon orang, namun hanya 1 berwana biru sebagai bentuk
penonjolan/pengalihan mata agar berpusat pada objek yang menggambar tentang
manusia. Gambar 2 terdapat simbol mata uang disertai gambar disekililingnya,
berfungsi untuk mengantarkan pandangan mata pada pusat yakni simbol mata uang
tersebut. Gambar 3 menggambarkan peta dunia beserta ikon lokasi bewarna biru untuk
menunjukkan keberadaan/tempat projek.

B. Kontras

Pada gambar di atas, yang terlihat menonjol adalah warna biru tua yang memiliki
maksud daerah daratan di dunia, sedangkan di sekitarnya berwarna biru lebih cerah. Di
atas juga diberikan simbol lingkaran putih untuk memudahkan pembaca mengetahui
tempat-tempat yang dimaksud artikel.

C. Konsistensi
Dalam web di atas, kita diberikan kemudahan untuk mengakses beberapa artikel dengan
navigasi. Tampilan layout pun akan berubah setiap saat, sehingga pengunjung web tidak
akan merasa jenuh untuk melihat halaman demi halaman.

Di atas menampilkan artikel dengan navigasi berupa gambar yang ketika diklik maka
warnanya berubah menjadi kebiruan. Sehingga pengunjung lebih mudah dalam memilih
artikel yang akan dibaca. Selain itu, judul artikel berada di posisi tengah bawah, agar
gambar tidak tertutupi.
 D. Ruang Kosong

Gambar di atas merupakan salah satu cuplikan artikel pada web Islamic Relief. Terlihat
dalam artikel ini memiliki prinsip desain whitespace. Tulisan di atur posisi ke tengah,
sehingga kanan dan kiri kosong. Hal ini berfungsi untuk istirahat mata bagi para
pembaca, agar tidak bosan dan mata lelah.

 Analisis Emosional
Menurut saya, web ini terbilang bagus dengan gaya pembawaannya yang unik dibanding
dengan web lainnya. Pembawaannya yang praktis dan tampilan yang elegan, membuat
pengunjung lebih cepat mencari artikel yang dituju, karena di dalamnya disediakan poin-
poin jenis artikel. Kelebihan web ini menurut saya adalah :
a. Gambar terperinci dan menumbuhkan rasa penasaran pembaca
b. Tata letak yang bagus dan simetris
c. Template yang elegan namun tetap enak dipandang
d. Kemudahan menuju ke suatu artikel dalam web tersebut