Académique Documents
Professionnel Documents
Culture Documents
DESAIN
KELOMPOK 4
KELAS : CC153
NAMA ANGGOTA :
VITA AFRIYANI 150030759
I PUTU ADI SETIAWAN 150030764
TEGAR LAKSAWIRA 150030769
IVONY LAUDIA 150030783
I MADE DWI ASTA DYANTARA 160030673
DAMA 1500
BING 1500
DENPASAR
STIKOM BALI
2016/2017
1
Kata Pengantar
Puji syukur penulis panjatkan kehadirat Tuhan Yang Maha Esa karena atas
rahmat dan karunianya, penulis dapat meyelesaikan makalah mata kuliah Interaksi
Manusia dan Komputer dengan materi Desain ini tepat pada waktunya.
penulis mengucapkan terima kasih kepada semua pihak yang telah
membantu dalam penyelesaian tugas ini. Khususnya Dosen Pembimbing, yaitu
Edwar, S.Ag., M.Kom yang telah membimbing penulis sehingga tugas ini dapat
terselesaikan dengan baik, serta semua pihak yang telah membantu proses
pembuatan makalah ini sehingga selesai dengan tepat waktu.
penulis menyadari bahwa tugas ini jauh dari kata sempurna. Untuk itu
penulis mengharapkan kritik dan saran yang membangun dari semua pihak untuk
penyempurnaan ke depannya. Semoga bermanfaat bagi pembacanya.
Penulis
2
DAFTAR ISI
Halaman
HALAMAN JUDUL..................................................................................... 1
KATA PENGANTAR .................................................................................. 2
DAFTAR ISI ................................................................................................. 3
BAB I : PENDAHULUAN ........................................................................... 4
1.1 Latar belakang ............................................................................. 4
1.2 Rumusan masalah ........................................................................ 5
1.3 Tujuan .......................................................................................... 5
BAB II : PEMBAHASAN ............................................................................ 6
2.1 Sejarah desain .............................................................................. 6
2.2 Perkembangan desain ................................................................... 6
2.3 Prinsip desain ............................................................................... 8
2.4 Metode desain ............................................................................... 8
2.5 Desain proses ............................................................................... 8
2.6 Cabang desain .............................................................................. 8
2.7 Desain interaksi manusia dan komputer ...................................... 9
2.8 Definisi user interface .................................................................. 9
2.9 Faktor yang mempengaruhi perkembangan desain interface ...... 10
2.10 Style interaksi ............................................................................. 12
2.11 Prinsip desain grafis ................................................................... 14
2.12 Makna warna pada desain interface ........................................... 16
BAB III : PENUTUP .................................................................................... 12
3.1 Kesimpulan ................................................................................... 12
DAFTAR PUSTAKA ................................................................................... 13
3
BAB I
PENDAHULUAN
4
Melihat dari latar belakang masalah , maka di dapat rumusan
masalah pada desain :
Apa pengertian dari desain ?
Bagaimana sejarah singkat sejarah desain ?
Bagaimana perkembangan desain ?
Apa saja yang ada didalam prinsip desain ?
Apa saja metode yang ada di dalam desain ?
Apa pengertian dari desain proses ?
Apa saja yang ada di cabang desain ?
Pengertian dari desain interaksi manusia dan computer ?
Apa saja faktor yang mempengaruhi perkembangan desain interface?
Apa pengertian dari user interface ?
Apa pengertian dari pengertian style interaksi ?
Apa saja prinsip dalam desain grafis ?
Apa saja warna beserta makna nya yang terdapat pada desain interface
1.3. Tujuan
Tujuan penulisan makalah ini adalah untuk menginformasikan
kepada pembaca tentang :
Sejarah singkat desain
Perkembangan desain
pengertian & prinsip desain
desain proses
metode dalam membuat desain
desain interaksi manusia dan komputer.
faktor yang mempengaruhi perkembangan desain interface.
pengertian user interface.
Apa yang disebut dengan style interaksi.
Makna Warna Pada Desain Interface.
BAB II
PEMBAHASAN
5
2.1. Sejarah Desain
Istilah Desain berasal dari kata Designo (Itali) yang berarti
Gambar dan Designare (Latin) yang berarti plan/project (rancangan).
Desain biasa diterjemahkan sebagai seni terapan, arsitektur, dan berbagai
pencapaian kreatif lainnya. Dalam sebuah kalimat, kata "desain" bisa
digunakan, baik sebagai kata benda maupun kata kerja. Sebagai kata kerja,
"desain" memiliki arti "proses untuk membuat dan menciptakan obyek
baru". Sebagai kata benda, "desain" digunakan untuk menyebut hasil akhir
dari sebuah proses kreatif, baik itu berwujud sebuah rencana, proposal, atau
berbentuk benda nyata. Proses desain pada umumnya memperhitungkan
aspek fungsi, estetika, dan berbagai macam aspek lainnya dengan sumber
data yang didapatkan dari riset, pemikiran, brainstorming, maupun dari
desain yang sudah ada sebelumnya. Proses secara umum juga dianggap
sebagai bagian dari desain, sehingga muncul istilah "perancangan proses".
Salah satu contoh dari perancangan proses adalah perancangan
proses dalam industri kimia.
6
Keselarasan merupakan prinsip desain yang diartikan sebagai
keteraturan tatanan diantara bagian-bagian suatu karya. Keselarasan
dalam desain merupakan pembentukan unsur-unsur keseimbangan,
keteraturan, kesatuan, dan perpaduan yang masing-masing saling mengisi
dan menimbang, Secara garis besar, ada tujuh prinsip di dalam dunia desain
yaitu:
Keseimbangan
7
gambar sehingga tidak muncul kesan berat sebelah.
Kesatuan
Dari Sisi bentuk kata, kesatuan bersal dari kata satu, yang artinya utuh,
tidak pecah. Karena itu kesatuan menjadi bermakna bergabungnya
8
berbagai aspek, ragam dan corak menjadi satu kebulatan penuh. Solid.
Tidak ada satu bagianpun yang terpecah keluar alur kebulatannya.
Perbandingan
Urutan
9
arsitektur adalah untuk membimbing pengunjung ketempat yang dituju
dan sebagai persiapan menuju klimaks.
Irama
Ritme adalah pembuatan desain dengan prinsip yang menyatukan irama.
Bisa juga berarti pengulangan atau variasi dari komponen-komponen
10
desain grafis.
Skala
Setiap bentuk desain ada hal yang perlu ditonjolkan lebih dari yang lain.
Tujuan utama dari penekanan ini adalah untuk mewujudkan hal itu
sehingga dapat mengarahkan pandangan khalayak sehingga apa yang
11
mau disampaikan tersalur.
Fokus
Proporsi dapat diartikan pula sebagai perubuhan ukuran/size tanpa
perubahan ukuran panjang, lebar, atau tinggi, sehingga gambar dengan
12
perubahan proporsi sering terlihat distorsi.
13
Explosing yaitu mencari inspirasi dengan berpikir secara kritis untuk
menghasilkan suatu desain yang belum pernah diciptakan.
Redefining yaitu mengolah kembali suatu desain agar menjadi bentuk
yang berbeda dan lebih baik.
Managing yaitu menciptakan desain secara berkelanjutan dan terus-
menerus.
Phototyping yaitu memperbaiki dan atau memodifikasi desain warisan
nenek moyang.
Trendspotting yaitu membuat suatu desain berdasarkan tren yang
sedang berkembang.
Strategy untuk memunculkan ide dalam membuat sebuah Desain :
Seleksi
Alteration (perubahan)
Abstraksi
Spontanitas
14
tangga, alat transportasi, alat tulis, alat makan, alat kedokteran,
perhiasan, pakaian, sepatu, pengatur waktu, alat kebersihan, cindera
mata, kerajinan, mainan anak, bahkan perkakas pertukangan.
c. Desain arsitektur
Terdapat dua pandangan yang berbeda terhadap dunia arsitektur.
Yakni, pandangan yang menempatkan arsitektur sebagai bidang
keahlian teknik (keinsinyuran) dan pandangan yang menempatkan
arsitektur sebagai bagian dari seni. Secara umum, desain arsitektur
adalah suatu kegiatan yang berupaya untuk memecahkan akan
kebutuhuhan hunian masyarakat yang indah dan nyaman. Seperti rumah
tinggal, perkantoran, sarana relaksasi, stadion olah raga, rumah sakit,
tempat ibadah, bangunan umum, hingga bangunan industri.
d. Desain interior
Desain Interior adalah suatu cabang seni rupa yang berupaya
untuk memecahkan kebutuhan akan ruang yang nyaman dan indah
dalam sebuah hunian, seperti ruang hotel, rumah tinggal, bank, museum,
restoran, kantor, pusat hiburan, rumah sakit, sekolah, bahkan ruang
dapur dan kafe. Banyak yang berpandangan bahwa desain interior
merupakan bagian dari arsitektur dan menjadi kesatuan yang utuh
dengan desain tata ruang secara keseluruhan.
15
Namun, pandangan ini berubah ketika profesi desain interior
berkembang menjadi ilmu untuk merancang ruang dalam dengan
pendekatan-pendekatan keprofesionalan. Dunia desain berkembang
sejalan dengan kemajuan kebudayaan manusia. Masyarakat juga
mengenal desain multimedia. Cabang desain ini berkembang sejalan
dengan tumbuhnya teknologi komputer dan dunia pertelevisian.
16
suara (untuk instruksisuara). Output adalah bagaimana komputer
menyampaikan hasil dari komputasi dan requirment kepada user.
Model IMK melibatkan 3 komponen yaitu pengguna, interaksi dan
sistem.
Kunci utama IMK adalah daya guna (usebility). Yang artinya:
Sistem harus mudah digunakan
Memberi keamanan kepada pengguna
Mudah dipelajari
3. Linguistik Komputasional
Peran bahasa yang digunakan sebagai inter-face sangat penting
agar user lebih mudah menggunakan sistem dan tidak terjadi kesalah-
pahaman.
4. Psikologi
Dalam perancangan program harus diperhatikan
17
Siapa target pengguna
Bagaimana lingkungannya
Bagaimana perilaku mereka secara umum sehingga hasil program
lebih user friendly
5. Multimedia
Dengan multimedia tampilan dari suatu interaksi akan menjadi
lebih menarik dan lebih mudah dimengerti oleh pengguna.
6. Teknik Penulisan
Suatu produk / program yang dibuat membutuhkan petunjuk
manual agar orang yang belum biasa menggunakan produk tersebut bisa
mempelajari lebih dahulu sehingga dapat terjadi interaksi yang baik
antara orang itu dengan komputer.
7. Matematika
Pembuatan suatu produk atau software haruslah efisien dalam
perhitungan matematika
18
a. Command line.
interface merupakan style interaksi user yang tertua dan paling
original. Cara ini mengharuskan user untuk memasukan fungsi-fungsi
kunci atau menulis sebuah perintah kedalam area entry dalam layar.
command line sangat berguna, dan fleksibel. Masalah utama pada
command line adalah user harus mengingat perintah-perintah pada
command line karena tidak ada petunjuk akan perintah- perintah yang
tersedia.
b. Pilihan Menu
Menu adalah suatu set dari pilihan yang harus dipilih oleh user.
Pada layar, user memilih sebuah pilihan dengan pointer atau menekan
suatu tombol. Menu pada layar mempunyai keunggulan dikarenakan
user akanlebih mudah untuk menggunakan instruksi, tidak ada recall,
mengurangi kompleksitas interaksi, meminimalisasi pengetikan, tetapi
mempunyai kekurangan seperti memakan space layar, lambat diketahui
user.
c. Form Pengisian
Form pengisian sangat berguna untuk mengumpulkan informasi.
Saat ini struktur form mengandung beberapa pengaturan atau field
dimana user harus mengisikan informasi,atau memilih pilihan dari list
pilihan. Kelebihan dari ini adalah mempunyai format yang familiar,
sederhana, membutuhkan hanya sedikit training. Kekuranganya adalah
memakan space pada layar, membutuhkan desain yang cermat dan
effisien.
d. Manipulasi langsung
Manipulasi langsung seperti yang terdapat pada sistem grafik,
memungkinkan user untuk berinteraksi langsung dengan elemen yang
ditampilkan di layar. element tersebut (objek) menggantikan entry key
19
dari command dan menu. Pengguna berinteraksi menggunakan mouse,
joystick , ataupun keyboard. Kelebihannya antara lain mudah dipelajari,
mudah diingat, timbal balik secara langsung. Kekuranganya adalah
mempunyai kompleksitas yang besar dalam desain, membutuhkan
manipulasi window.
e. Antropomorphic
Sebuah interface anthropomorphic adalah interaksi dengan cara
yang sama seperti orang berinteraksi dengan orang lain. Hal ini
termasuk berbicara bahasa yang alami, gerakan tangan, ekspresi
muka,dan pergerakan mata. Pengembangan dari interface ini
membutuhkan sebuah pengertian dari kebiasaan manusia. Kelebihannya
adalah natural tetapi sulit untuk diimplementasikan.
20
Setiap membuat desain kita harus memiliki alasan yang kuat atau
masuk akal dan jelas mengapa menggunakan setiap elemen yang berada
dalam suatu interface yang kita buat, contoh peletakan suatu button,
pembuat harus memiliki alasan mengapa diletakkan di tempat tersebut.
Penggunaan elemen yang lebih sedikit akan lebih baik. Penggunaan
background berwarna putih dianjurkan untuk memimpin mata dan
membuat mata tidak lelah dengan aktifitas elemen yang ada pada suatu
website.
c. Consistency (Ketetapan)
Dalam membuat desain haruslah memliki konsistensi dalam
tampilan, pewarnaan, gambar, ikon, typography (model form yang
digunakan pada suatu website), teks, dll. Harus ada konsistensi baik
dalam layar maupun antar layar.
d. Alignment (Perataan)
Untuk perataan desain dapat digunakan rata kiri, kanan atau
tengah. Pada umumnya suatu teks pada website dimulai dari kiri atas
(left alignment), dimana left alignment akan mengijinkan mata untuk
menguraikan tampilan dengan lebih mudah. Selain itu dengan
menggunakan bantuan garis akan membantu dalam hal perataan.
e. Proximity
Item-item yang berkaitan harus ditampilkan bersama karena
jarak yang jauh mengimplikasikan bahwa tidak ada hubungan antara
item-item tersebut.
21
memperkuat fokus atau untuk memperkuat suatu interface. Kontras
digunakan untuk membedakan aktifitas kendali.
22
h. Pink, warna yang identik dengan wanita, menarik/cantik, gulali
i. Orange, warna yang identik dengan musim gugur, penuh kehangatan,
halloween.
j. Coklat, warna yang mengesankan hangat, identik dengan musim gugur,
kotor, bumi
k. Ungu, warna yang identik dengan kesetiaan
Secara garis besar warna dapat dikategorikan menjadi tiga kelompok
yaitu warna dingin (biru, hijau, ungu), warna panas (merah, pink,
orange, kuning), dan warna netral (hitam, putih, abu-abu, coklat).
DAFTAR PUSTAKA
Wikipedia.2015.Desain.https://id.wikipedia.org/wiki/Desain
( di akses tanggal 25 November 2017 )
23
Rachman Marangga.2012.Pengantar Interaksi Manusia dan
Komputer.https://rachmanmarangga.wordpress.com/2012/09/27/pengantar-
interaksi-manusia-dan-komputer/
( di akses tanggal 28 November 2017 )
24