Grafik, Icon, Gambar dan Warna

Yang Sesuai Kebutuhan

Interaksi Komputer dan Manusia (IMK) Yudha Alif A. S.Kom, M.Kom, MTA, MTCNA
Module Objective
Icons & graphics

Multimedia

Penggunaan warna

Masalah yang mungkin muncul dengan warna

Module Objective
Warna dan penglihatan manusia

Pemilihan warna

Penggunaan warna yang harus dihindari

Prinsip Utama Mendesain User
Interface (UI)
User Compatibility

Product Compability

Task Compability

Workflow Compability

Consistency

Familiarity
Prinsip Utama Mendesain User
Interface (UI)
Simplicity

Direct Manipulation

Ease of Learning and Ease of use

Responsiveness
Icons
The Noun Project :
https://thenounproject.com/icons/
Flaticon
https://www.flaticon.com/
Icons dan Grafik
Icon juga disebut simbol, ialah
antarmuka grafik di sebuah data yang
digambarkan oleh gambar kecil yang
menggambarkan program komputer
ataupun berkas komputer dalam
pengelola berkas sebuah sistem operasi
Canva info graphic maker
Findreport
https://thenounproject.com/icons/
venngage
https://www.flaticon.com/
Grafik adalah sebuah representasi grafis dari
data. Data yang diwakili dibentuk oleh
simbol-simbol, seperti batang dalam bagan
batang, garis-garis dalam sebuah bagan
garis, atau irisan dalam bagan pai
Multimedia yaitu menyajikan dan
menggabungkan teks, suara, gambar,
animasi, audio, dan video
Teks

Suara

Multimedia Gambar

Animasi

Video
Penggunaan Warna

Gunakan aturan 60 – 30 – 10

Pertahankan Kontras

Memaknai Warna

Jauhi Warna Abu – Abu Murni dan Hitam Pekat

Reverensi Warna
 Warna Tulisan tidak terlihat
karena kontras background
Masalah yang
muncul dengan
warna
Warna Terlalu Tajam atau
Terlalu Pudar
Jauhi Warna Abu – Abu
Murni dan Hitam Pekat
•Merah : Semangat, Kuat, Penting, Agresif
•Biru : Kalem, Santai, Aman, Terpercaya
•Hijau : Alami, Segar, Stabil
•Kuning : Bahagia, Bersahabat,
Penggunaan Warna Mengingatkan
•Orange : Ceria, Segar, Murah
•Ungu : Mewah, Romantis, Misterius
•Pink : Feminim, Muda
•Coklat : Alami, Tradisional
•Hitam : Kuat, Tajam
•Putih : Bersih, Sederhana, Suci
•Abu-abu : Formal, Netral
 Thanks
Yudha.alif@unej.ac.id

Yudha Alif Auliya