Pengaturan Tampilan dan Warna
Pengaturan Tampilan dan WarnaKelompok B:Agus Qorik Salim
SolehIrzad Ageng UmbaranTrio Budi PranotoInteraksi Manusia dan
KomputerPokok BahasanKerapatan visual dan keseimbanganKejelasan
teksPengkodean visualWarnaCacat warnaPenyimpangan
kromatikPentingnya warna dalam antarmuka komputerTuntutan untuk
menggunakan warnaTuntunan umum perihal warna
AGUSTRIOIRZADPresentator :AGUS QORIK SALIM SOLEHKerapatan Visual
dan KeseimbanganIni berhubungan dengan bagaimana terkemas dengan
eratnya teks itu pada layar dan oleh karena itu berhubungan dengan
jumlah white space/ruang kosong yang ada sehubungan dengan teks
itu.
Dengan teks pada sebuah kertas anda akan sering mendapatan
kerapatan 70% hingga 80%. Ini berarti 70% dari halaman kertas itu
ditutupi oleh teks.
Namun kerapatan itu sendiri bukanlah ukuran yang cukup untuk
menentukan suatu teks dapat terbaca atau tidak, cara teks itu
tersusun pada layar juga sangat penting. Kejelasan TeksAda sejumlah
hal yang dapat menentukan kejelasan teks :Gunakan
peraturan-peraturan standar huruf kecil dan huruf besar.Gunakan
tata bahasa dan tanda baca yang benar.Jangan menggunakan huruf
besar semua ketika anda memiliki teks yang panjang.Hindari
penggunaan jenis huruf mungkin tampak dekoratif yang kurang
jelas.
Contoh Teks Yang Kurang JelasMEMBACA SESUATU YANG DITULIS DALAM
HURUF BESAR SEMUA AKAN MEMAKAN WAKTU LEBIH LAMA KARENA HURUF-HURUF
ITU KEHILANGAN BENTUK-BENTUK KARAKTERISTIK MEREKA DAN SEMUA KATA
MENJADI TIDAK BERATURAN.
CONTOH HURUF DEKORATIF Huruf Forte
Contoh Teks Yang JelasMembaca sesuatu yang ditulis dalam huruf
besar semua akan memakan waktu lebih lama karena huruf-huruf itu
kehilangan bentuk-bentuk karakteristik mereka dan semua kata
menjadi tidak beraturan.
CONTOH YANG BIASA DIGUNAKAN Huruf Times New RomanceCONTOH YANG
BIASA DIGUNAKAN Huruf ArialCONTOH YANG BIASA DIGUNAKAN Huruf
Calibri
Pengkodean VisualPengkodean Visual mengacu kepada sejumlah
teknik yang mungkin dapat digunakan untuk menarik perhatian, atau
untuk memusatkan perhatian pada elemen-elemen tertentu di
layar.
Elemen-elemen yang termasuk dalam pengkodean visual adalah
:Elemen-elemen intensitas (terang)Pemilihan bentuk-bentuk yang
unikWarna dan shading/bayanganVideo yang berkedip-kedip atau
diputar balik dan ikon yang bergerak
Contoh : Elemen-elemen intensitas (terang)
Tabel Nilai Mahasiswa X semester 6 :
Mata KuliahJumlah SKSNilaiNilai x
SKSA236B248C339D3412E3412F339G248jumlah182564IP3.5Contoh :
Pemilihan bentuk-bentuk yang unikSebagai contoh teks yang di taruh
di dalam bentuk awan, atau dalam sebuah kotak, akan tampak mencolok
dari sekelilingnya.Sebagai contoh teks yang di taruh di dalam
bentuk awan, atau dalam sebuah kotak, akan tampak mencolok dari
sekelilingnya.
Interaksi Manusia KomputerContoh : Warna dan
shading/bayanganWarna dan shading/bayangan dapat digunakan untuk
memberi efek yang bagus (nanti akan dijelaskan lebih lanjut)
Garisbawah tidak dianjurkan pada teks yang dicetak karena hal
ini menggangu ujung-ujung bawah huruf (lihat huruf g, y, p dalam
kalimat ini). Contoh : Video yang berkedip-kedip atau diputar balik
dan ikon yang bergerak
DOWNLOADNOWPresentator :TRIO BUDI PRANOTOWarnaCacat
warnaPenyimpangan kromatikPentingnya warna dalam antarmuka
komputerTuntutan untuk menggunakan warna
Mata manusia mengandung banyak syaraf-syaraf penerima yang
terdiri dari rod dan cone.
Rod adalah sel-sel mata yang berbentuk batang tongkat/batangCone
adalah sel-sel pada mata yang berbentuk corong/kerucut4.1. Cacat
WarnaKetidakmampuan untuk membedakan antara merah dan
hijau.Contoh
4.2. Penyimpangan KromatikFenomena ini disebabkan oleh kenyataan
bahwa warna-warna yang berbeda dibelokkan oleh jumlah yang
berbeda-beda ketika cahaya melewati lensa mata.ContohPresentator
:IRZAD AGENG UMBARAN4.3PENTINGNYA WARNA DALAM ANTARMUKA
KOMPUTERWarna dapat menambahkan pengkodean ekstra.Warna dapat
menyediakan sebuah pengkodean yang bermanfaat dalam beberapa
kasus.4.4Tuntunan untuk menggunakan warna Di dalam layar layar
terdiri dari teks, warna dapat membantu mencari atau membedakan
bagian tertentu.Warna digunakan untuk membagi sebuah layar menjadi
segmen segmen yang berbeda dengan setiap segmen yang mengandung
informasi yang saling berhubungan. Warna digunakan untuk
menghubungkan bidang bidang informasi yang terpisah.Warna juga
dapat digunakan untuk membedakan kategori kategori data yang
berbeda.5.Tuntutan Umum Perihal WarnaJangan menggunakan lebih dari
4 atau 5 warna sekaligus.kode warna harus mendukung tugas si
penggunaharus menggunakan skema warna yang dikenali oleh si
penggunaTetaplah konsistenJika memungkinkan pengguna harus diberi
kendali atas pengkodean warnaHindarkan kombinasi-kombinasi
warnaMerah pada BirubergetarKuning pada BirubayanganMerah pada
HijaubayanganHijau pada BiruAfterimage
Terima KasihSEMOGA BERMANFAAT
