DESAIN PEMODELAN GRAFIS DARI SEGI INTERAKSI MANUSIA DAN KOMPUTER

Bagaimanakah Desain pemodelan grafis dari segi interaksi manusia dan komputer??

Interaksi manusia dan komputer (bahasa Inggris: human–computer interaction, HCI) adalah disiplin ilmu yang mempelajari hubungan antara manusia dan komputer yang meliputi perancangan, evaluasi, dan implementasi antarmuka pengguna komputer agar mudah digunakan oleh manusia. 

Ilmu ini berusaha menemukan cara yang paling efisien untuk merancang pesan elektronik. Sedangkan interaksi manusia dan komputer sendiri adalah serangkaian proses, dialog dan kegiatan yang dilakukan oleh manusia untuk berinteraksi dengan komputer yang keduanya saling memberikan masukan dan umpan balik melalui sebuah antarmuka untuk memperoleh hasil akhir yang diharapkan. Sistem harus sesuai dengan kebutuhan manusia dan dirancang berorientasi kepada manusia sebagai pemakai.

Tujuan utama disusunnya berbagai cara interaksi manusia & komputer :

untuk mempermudah manusia dalam mengoperasikan komputer dan mendapatkan berbagai umpan balik yang ia perlukan selama ia bekerja pada sebuah sistem komputer. Para perancang antarmuka manusia dan komputer berharap agar sistem komputer yang dirancangnya dapat bersifat akrab dan ramah dengan penggunanya (user friendly).

Kita butuh Interaksi manusia komputer agar kita lebih cepat dalam menyelesaikan suatu pekerjaan. serta dapat membuat waktu pengerjaannya lebih cepat dan tidak membutuhkan banyak biaya dalam membuat suatu pekerjaan.

Disiplin ilmu yang terlibat dengan Interaksi manusia dan  komputer sangatlah banyak. Dan salah satunya adalah Desain Pemodelan Grafis.

Desain pemodelan grafis adalah ilmu yang sangat penting dalam hubungan interaksi. karena dengan menggunakan visual interaksi manusia dengan komputer dapat berjalan lancar. dan bagi orang yang awam lebih mudah mengerti dibandingkan dengan menggunakan text command yang harus dihafal untuk berinteraksi dengan komputer.

UNSUR DESAIN GRAFIS

Unsur pada Desain Grafis meliputi :

1. Garis (Line)

Sebuah garis adalah unsur desain yang menghubungkan antara satu titik poin dengan titik poin yang lain sehingga bisa berbentuk gambar garis lengkung (curve) atau lurus (straight). Garis adalah unsur dasar untuk membangun bentuk atau konstruksi desain. Di dalam duni a komunikasi visual seringkali kita menggunakan dotted line, solid line, dan garis putus-putus.

2. Bentuk (Shape)

Bentuk adalah segala hal yang memiliki diameter tinggi dan lebar. Bentuk dasar yang dikenal orang adalah kotak (rectangle), lingkaran (circle), dan segitiga (triangle). Pada desain komunikasi visual kita akan mempelajari betuk dasar dan bentuk turunan. 

Sementara pada kategori sifatnya, bentuk dapat dikategorikan menjadi tiga, yaitu:

(1) Huruf (Character) : yang direpresentasikan dalam bentuk visual yang dapat digunakan untuk membentuk tulisan sebagai wakil dari bahasa verbal dengan bentuk visual langsung, seperti A, B, C, dsb.

(2) Simbol (Symbol) : yang direpresentasikan dalam bentuk visual yang mewakili bentuk benda secara sederhana dan dapat dipahami secara umum sebagai simbol atau lambang untuk menggambarkan suatu bentuk benda nyata, misalnya gambar orang, bintang, matahari dalam bentuk sederhana (simbol), bukan dalam bentuk nyata (dengan detail).

(3) Bentuk Nyata (Form) : bentuk ini betul-betul mencerminkan kondisi fisik dari suatu obyek. Seperti gambar manusia secara detil, hewan atau benda lainnya.

3. Tekstur (Texture)

Tekstur adalah tampilan permukaan (corak) dari suatu benda yang dapat dinilai dengan cara dilihat atau diraba. Yang pada prakteknya, tekstur sering dikategorikan sebagai corak dari suatu permukaan benda, misalnya permukaan karpet, baju, kulit kayu, cat dinding, cat canvas, dan lain sebagainya.

4. Ruang (Space)

Ruang merupakan jarak antara suatu bentuk dengan bentuk lainnya, pada praktek desain dapat dijadikan unsur untuk memberi efek estetika desain dan dinamika desain grafis. Sebagai contoh, tanpa ruang Anda tidak akan tahu mana kata dan mana kalimat atau paragraf. Tanpa ruang Anda tidak tahu mana yang harus dilihat terlebih dahulu, kapan harus membaca dan kapan harus berhenti sebentar. Dalam bentuk fisiknya pengidentifikasian ruang digolongkan menjadi dua unsur, yaitu obyek (figure) dan latar belakang (background).

5. Ukuran (Size)

Ukuran adalah unsur lain dalam desain yang mendefinisikan besar kecilnya suatu obyek. Dengan menggunakan unsur ini Anda dapat menciptakan kontras dan penekanan (emphasis) pada obyek desain anda sehingga orang akan tahu mana yang akan dilihat atau dibaca terlebih dahulu.

6. Warna (Color)

Warna merupakan unsur penting dalam obyek desain. Karena dengan warna orang bisa menampilkan identitas, menyampaikan pesan atau membedakan sifat dari bentuk-bentuk bentuk visual secara jelas. Dalam prakteknya warna dibedakan menjadi dua: yaitu warna yang ditimbulkan karena sinar (Additive color/RGB) yang biasanya digunakan pada warna lampu, monitor, TV dan sebagainya, dan warna yang dibuat dengan unsur-unsur tinta atau cat (Substractive color/CMYK) yang biasanya digunakan dalam proses pencetakan gambar ke permukaan benda padat seperti kertas, logam, kain atau plastik.

PRINSIP DESAIN GRAFIS

Prinsip Desain Grafis meliputi :

1. Kesederhanaan

Banyak pakar desain grafis menyarankan prinsip ini dalam pekerjaan desain. Hal ini sangat logis demi kepentingan kemudahan pembaca memahami isi pesan yang disampaikan. Dalam penggunaan huruf sebuah berita misalnya. Huruf judul (headline), subjudul dan tubuh berita (body text) sebaiknya jangan menggunakan jenis font yang ornamental dan njilimet, seperti huruf blackletter yang sulit dibaca. Desainer grafis lazim juga menyebut prinsip ini sebagai KISS (Keep It Simple Stupid). Prinsip ini bisa diterapkan dengan penggunaan elemen ruang kosong (white space) dan tidak menggunakan terlalu banyak unsur-unsur aksesoris. Seperlunya saja.

2. Keseimbangan

Keseimbangan adalah keadaan atau kesamaan antara kekuatan yang saling berhadapan dan menimbulkan adanya kesan seimbang secara visual. Prinsip keseimbangan ada dua, yaitu: keseimbangan formal (simetris) dan keseimbangan informal.

Keseimbangan formal memberikan kesan sempurna, resmi, kokoh, yakin dan bergengsi. Keseimbangan formal juga menyinggung mengenai konsistensi dalam penggunaan berbagai elemen desain. Semisal wana logo. Dalam desain kartu nama desain dibuat dengan full color (F/C). Tetapi dengan pertimbangan agar desain lebih variatif dan tidak membosankan, maka pada media desain yang berbeda Anda membuat logo tersebut dengan warna duotone. Nah, pada kondisi ini, gagasan variasi desain sebaiknya tidak diperlukan. Apa jadinya kalau logo tersebut adalah logo sebuah produk barang. Konsistensi juga sangat diperlukan sebagai kesan identitas yang melekat pada sebuah merek produk. Kita tidak mau konsumen sampai lupa pada produk yang dijual. Sedangkan keseimbangan informal bermanfaat menghasilkan kesan visual yang dinamis, bebas, lepas, pop, meninggalkan sikap kaku, dan posmodernis.

Untuk menciptakan keseimbangan:

• Ulangi bentuk tertentu secara berkala, baik secara vertikal maupun horizontal.
• Pusat elemen pada halaman.
• Menempatkan beberapa visuals kecil di satu daerah untuk menyeimbangkan satu blok besar gambar atau teks.
• Gunakan satu atau dua bentuk aneh dan membuat bentuk biasa.
• Keringanan teks potong-berat dengan terang, berwarna-warni visual.
• Meninggalkan banyak spasi besar sekitar blok teks atau foto gelap.
• Offset besar, gelap foto atau ilustrasi dengan beberapa lembar teks kecil, masing-masing dikelilingi oleh banyak spasi.

3. Kesatuan

Kesatuan adalah kohesi, konsistensi, ketunggalan atau keutuhan, yang merupakan isi pokok dari komposisi. Contohnya adalah ilustrasi, garis dan teks diberi raster sehingga memberikan kesan kesatuan terhadap pesan yang dimaksud.

Untuk membuat persatuan:

• Gunakan hanya satu atau dua typestyles dan berbeda ukuran atau berat untuk kontras seluruh publikasi, presentasi, atau situs web.
• Konsisten dengan jenis font, ukuran, dan gaya untuk judul, subheads, keterangan, headers, footers, dll di seluruh publikasi, presentasi, atau situs web.
• Menggunakan palet warna yang sama di seluruh.
• Mengulang warna, bentuk, atau tekstur yang berbeda di seluruh wilayah.
• Pilih visuals yang berbagi serupa warna, tema, atau bentuk.
• Memperderetkan foto dan teks yang sama dengan grid baris.

4. Penekanan (aksentuasi)

Penekanan dimaksudkan untuk menarik perhatian pembaca, sehingga ia mau melihat dan membaca bagian desain yang dimaksud. Kalau dalam konteks desain surat kabar ini bisa dilakukan dengan memberikan kotak raster atas sebuah berita. Hal ini akan mengesankan pentingnya berita itu untuk dibaca oleh pembaca. Atau juga membesarkan ukuran huruf pada judul berita, sehingga terlihat jauh berbeda dengan berita lainnya. Penekanan juga dilakukan melalui perulangan ukuran, serta kontras antara tekstur, nada warna, garis, ruang, bentuk atau motif.

Untuk membuat penekanan:

• Gunakan rangkaian merata spaced, persegi di samping foto yang digariskan foto dengan bentuk yang tidak biasa.
• Letakkan bagian yang penting dari teks pada sudut melengkung atau sekaligus menjaga semua jenis yang lainnya di kolom lurus.
• Gunakan huruf tebal, hitam untuk judul dan jenis subheads ringan teks dan banyak lainnya untuk semua teks.
• Tempat yang besar di sebelah gambar kecil sedikit teks.
• Reverse (gunakan jenis putih) yang utama dari sebuah kotak hitam atau berwarna.
• Gunakan warna yang tidak biasa atau jenis font yang paling penting untuk informasi.
• Letakkan daftar yang ingin Anda sorot di sidebar dalam kotak berbayang.

5. Irama (repetisi)

Irama merupakan pengulangan unsur-unsur pendukung karya seni. Irama merupakan selisih antara dua wujud yang terletak pada ruang, serupa dengan interval waktu antara dua nada musik beruntun yang sama. Desain grafis mementingkan interval ruang atau kekosongan atau jarak antar obyek. Misalnya jarak antarkolom. Jarak antar teks dengan tepi kertas, jarak antar 10 foto di dalam satu halaman dan lain sebagainya.\

Untuk membuat rhythm:

• Ulangi sejumlah elemen berbentuk mirip, bahkan dengan spasi putih di antara masing-masing, untuk menciptakan sebuah ritme biasa.
• Ulangi rangkaian semakin besar elemen yang lebih besar dengan spasi putih di antara setiap ritme yang progresif.
• Alternatif gelap, huruf tebal dan ringan, tipis jenis.
• Alternatif gelap halaman (dengan banyak jenis grafik atau gelap) dengan cahaya halaman (dengan jenis lebih sedikit dan berwarna muda grafis).
• Mengulang bentuk yang sama di berbagai bidang sebuah layout.
• Ulangi elemen yang sama pada posisi yang sama pada setiap halaman yang dicetak penerbitan seperti newsletter.

6. Proporsi (Proportion)

Proporsi termasuk prinsip dasar tata rupa untuk memperoleh keserasian. Untuk memperoleh keserasian dalam sebuah karya diperlukan perbandingan 

 – perbandingan yang tepat. Pada dasarnya proporsi adalah perbandingan matematis dalam sebuah bidang. Proporsi Agung (The Golden Mean) adalah proporsi yang paling populer dan dipakai hingga saat ini dalam karya seni rupa hingga karya arsitektur. Proporsi ini menggunakan deret bilangan Fibonacci yang mempunyai perbandingan 1:1,618, sering juga dipakai 8 : 13. Konon proporsi ini adalah perbandingan yang ditemukan di benda-benda alam termasuk struktur ukuran tubuh manusia sehingga dianggap proporsi yang diturunkan oleh Tuhan sendiri. Dalam bidang desain proporsi ini dapat kita lihat dalam perbandingan ukuran kertas dan layout halaman.

Tipe-tipe Citra pada Desain Grafik

1.      Grafis Komputer 2D

Grafik komputer 2D adalah pembuatan objek gambar yang masih berbasis gambar dengan perspektif 2 titik sebagai contoh adalah:gambar teks,bangun 2D seperti segitiga,lingkaran dsb. Grafik komputer 2D kebanyakan digunakan pada aplikasi yang digunakan hanya untuk mencetak dan menggambar seperti tipografi, gambar, kartun,iklan, poster dll.

2.      Pixel Art

Pixel art adalah sebuah bentuk seni digital, yang diciptakan melalui penggunaan perangkat lunak grafik raster di mana gambar akan diedit pada tingkat pixel. Pixel art dapat ditemukan pada komputer atau game-game yang relatif tua, dan juga dapat ditemukan pada telepon genggam.

 

3.      Vector graphics

Berbeda dengan pixel, grafik vektor merupakan representasi dari gambar dengan berupa array pixel. Dimana keunggulannya adalah pada resolusi berapapun dan tingkat pembesaran apapun gambar yang dihasilkan tetap(tidak blur atau pecah)

 

4.      Grafik Komputer 3D

Grafik komputer 3D merupakan suatu grafis yang menggunakan 3 titik perspektif dengan cara matematis dalam melihat suatu objek, dimana gambar tersebut dapat dilihat secara menyeluruh dan nyata. Untuk perangkat-perangkat lunak yang digunakan untuk grafik komputer 3D ini banyak bergantung pada aloritma-algoritma.

 

5.      Animasi Komputer

Animasi Komputer adalah seni membuat gambar bergerak melalui komputer. Biasanya ini digunakan pada film-film animasi berbudget besar. Tetapi film-film non animasi juga banyak yang menggunakan teknik ini, sebut saja Lord Of The Ring, Harry Potter, dsb. 

Implementasi Desain Grafik

Penggunaan desain grafik dunia hiburan dan didunia seni banyak sekali dipakai lihat saja di layar kaca tv anda bnyak sekali film2 kartu yang menggunkan desain grafik dan iklan2 di tv juga menggunkannya. anda Dari segi keilmuan, hakekatnya desain grafis adalah salah satu bentuk dari ilmu seni rupa terapan.

Dalam prosesnya diberikan kebebasan kepada sang desainer atau perancang untuk memilih, menciptakan dan mengatur elemen-elemen rupa dasar seperti garis, warna, bidang, raut, tekstur, value serta bekerja berdasarkan prinsipprinsip dasar desain diantaranya adalah balance/keseimbangan, rhythm/irama, emphasis/penekanan dan unity/kesatuan. Desainer juga bekerja dengan didukung beberapa aspek lain seperti pemahaman dalam mengorganisasikan proses kreasi dan memiliki kemampuan dalam menyampaikan atau menangkap pesan. Pesan-pesan tersebut digarap oleh desainer dalam sebuah karya yang bertujuan untuk diproduksi atau dikomunikasikan melalui berbagai media.

Desain berbasis Image Desainer membangun image yang merupakan representasi dari gagasan pribadinya atau client bisnisnya. Image sangat kuat untuk dipercaya dan merupakan alat komunikasi yang dapat mempengaruhi, mampu menyampaikan tidak hanya informasi tetapi juga suasana hati dan emosi. Orang akan bereaksi terhadap image secara instinktif berdasar pada kepribadian mereka, asosiastif berdasarkan lingkunganya, dan experientatif akibat pengalaman sebelumnya. Image diambil dengan berbagai cara dan teknik yang disesuaikan dengan kebutuhan aplikasi dan media.

Didalam Desain berbasis Image, hal utama yang harus diperhatikan seorang desainer adalah memahami bahwa image-image yang diekspose harus membawa keseluruhan pesan, untuk itu terkadang desainer memberi sedikit teks untuk bantuan. Karena setiap image yang tampil merupakan bahasa yang harus disampaikan, maka pada sebuah proses eksekusi sebuah image, seorang desainer juga harus memahami bagaimana pentingnya memanajemen kepekaan terhadap calon penerima pesan, sehingga desainer tidak membabi buta dengan mengandalkan selera estetisnya belaka dalam menampilkan image tersebut. Bukankah sebuah gambar dapat memunculkan ribuan makna dan maksud? Maka, arah dari maksud tersebut harus dapat tersampaikan dengan image yang dieksekusi oleh desainer.

Permodelan Desain Grafik

Grafika komputer (Inggris: Computer graphics) adalah bagian dari ilmu komputeryang berkaitan dengan pembuatan dan manipulasi gambar (visual) secara digital. Bentuk sederhana dari grafika komputer adalah grafika komputer 2D yang kemudian berkembang menjadi grafika komputer 3D, pemrosesan citra (image processing),dan pengenalan pola (pattern recognition). Grafika komputer sering dikenal juga dengan istilah visualisasi data.

Bagian dari grafika komputer meliputi:

• Geometri: mempelajari cara menggambarkan permukaan bidang

• Animasi: mempelajari cara menggambarkan dan memanipulasi gerakan

• Rendering: mempelajari algoritma untuk menampilkan efek cahaya

• Citra (Imaging): mempelajari cara pengambilan dan penyuntingan gambar.

Grafik Komputer :suatu proses pembuatan, penyimpanan dan manipulasi model dan citra. Model berasal dari beberapa bidang seperti fisik, matematik, artistik dan bahkan struktur abstrak.Istilah ”Grafik Komputer”ditemukan tahun 1960 oleh William Fetter : pembentukan disain model cockpit (Boeing) dengan menggunakan pen plotter dan referensi model tubuh manusia 3 Dimensi. Pengguna mengendalikan isi, struktur dan kemunculan objek serta menampilkan citra melalui suatu komponen dasar visual feedback.

Grafis Komputer adalah grafis yang dibuat dengan menggunakan komputer lebih umumnya adalah representasi piktorial dan manipulasi data dengan komputer. Perkembangan komputer grafis telah membuat komputer lebih mudah untuk berinteraksi dan lebih baik untuk memahami dan menafsirkan berbagai jenis data. Perkembangan komputer grafis memiliki dampak yang mendalam pada banyak jenis media dan telah merevolusi permainan video animasi dan industri.

Desain sendiri biasanya identik dengan seni yang berupa arsitektur, rancangan atau penataan . Lengkapnya, desain adalah proses yang memperhatikan beberapa aspek, yakni aspek estetik juga aspek lainnya disesuaikan dengan desain apa yang akan dibuat . Proses desain pada dasarnya memperhitungkan beberapa aspek fungsi, estetik dan berbagai macam aspek lain .

Permodelan rekayasa perangkat lunak agar membentuk suatu benda-benda atau objek, membuatnya terlihat lebih hidup dan berguna .

Istilah komputer grafis mencakup hampir semua yang ada di komputer yang bukan merupakan teks atau suara. Hari ini hampir semua komputer menggunakan beberapa grafis dan pengguna mengharapkan untuk mengendalikan komputer mereka melalui ikon dan gambar, bukan hanya dengan mengetik.

Istilah Computer Graphics memiliki beberapa arti, seperti representasi dan manipulasi data piktorial oleh komputer dari berbagai teknologi yang digunakan untuk membuat dan memanipulasi data gambar-gambar tersebut, gambar yang dihasilkan, dan sub-bidang ilmu komputer yang mempelajari metode untuk mensintesis digital dan memanipulasi konten visual, lihat studi komputer grafis lebih lanjut.

Grafik komputer dan gambar yang dihasilkan komputer menyentuh banyak aspek kehidupan sehari-hari kita. Citra komputer dapat ditemukan di televisi, di koran, laporan cuaca, dan masih banyak lagi. Komputer grafis yang dibangun dengan baik dapat menyajikan grafik statistik kompleks dalam bentuk yang lebih mudah untuk memahami dan menafsirkannya. Seperti grafik yang digunakan untuk menggambarkan surat-surat, laporan, tesis, dan bahan presentasi. Berbagai alat dan fasilitas yang tersedia untuk memungkinkan pengguna untuk memvisualisasikan data mereka, dan komputer grafis yang digunakan dalam banyak disiplin ilmu.

Komponen Dasar Sistem Grafik Interaktif :

•Masukan : mouse, tablet dan stylus, peralatan force,feedback,scaner, dll

•Proses dan Penyimpanan

•Keluaran : layar, printer berbasis kertas, perekam video, non-linear editor, dll