Minggu ke 6

Design atau desain bermula dari gambar teknik arsitektur (gambar potong untuk bangunan) serta di awal perkembangan, istilah desain awalnya masih berbaur dengan seni dan kriya. Di mana, pada dasarnya seni adalah suatu pola pikir untuk membentuk ekpresi murni yang cenderung fokus pada nilai estetis dan pemaknaan secara privasi. Sedangkan desain memiliki pengertian sebagai suatu pemikiran baru atas fundamental seni dengan tidak hanya menitik-beratkan pada nilai estetik, namun juga aspek fungsi dan latar industri secara massa, yang memang pada realitanya pengertian desain tidak hanya digunakan dalam dunia seni rupa saja, namun juga dalam bidang teknologi, rekayasa, dll.

A. Prinsip Design 

Desain antarmuka yang baik berdasarkan pada user yang dinamakan User-Centered Design (UCD). UCD adalah filosofi perancangan yang menempatkan pengguna sebagai pusat dari proses pengembangan system. Saat ini pendekatan UCD telah didukung berbagai teknik, metode, tools, prosedur, dan proses yang membantu perancangan system interaktif yang lebih berpusat pada pengguna. Pengguna tidak hanya member komentar tentang ide perancangan. Mereka harus secara intensif dilibatkan dalam semua aspek, termasuk bagaimana implementasi system yang baru akan mempengaruhi pekerjaannya. Pengguna juga dilibatkan dalam pengujian awal, evaluasi serta perancangan secara interatif. Eason (1992) menggambarkan empat langkah kunci dalam pengembangan yaitu:

·         Perencanaan

·         Perancangan

·         Implementasi

·         Pengelolaan Sistem

Gambar Metode UCD

Pada gambar diatas terdapat empat pendekatan dalam pengembangan system yaitu:

1.      Soft System Methodology (SSM), berfokus pada perencanaan.

2.      Open System Task Analysis (OSTA), berfokus pada langkah awal perencanaan.

3.      Multiview, metodologi yang lengkap mulai dari perencanaan sampai dengan implementasi.

           4.   Star Life Cycle, berfokus pada perancangan

          Prinsip – Prinsip Desain adalah sebagai berikut:

      a). Keselarasan (Harmoni)

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. Keselarasan (harmoni) bertindak sebagai faktor pengaman untuk mencapai keserasian seluruh rancangan penyajian.

b). Kesebandingan (Proporsi)

Kesebandingan (proporsi) merupakan hubungan perbandingan antara bagian dengan bagian lain atau bagian dengan elemen keseluruhan.

Kesebandingan dapat dijangkau dengan menunjukkan hubungan antara:

1. Suatu elemen dengan elemen yang lain,

2. Elemen bidang/ ruang dengan dimensi bidang/ruangnya,

3. Dimensi bidang/ruang itu sendiri.

Dalam grafis komunikasi, semua unsur berperan menentukan proporsi, seperti hadirnya warna cerah yang diletakkan pada bidang/ruang sempit atau kecil.

c). Irama (Ritme)

Irama (ritme) dapat kita rasakan. Ritme terjadi karena adanya pengulangan pada bidang/ruang yang menyebabkan kita dapat merasakan adanya perakan, getaran, atau perpindahan dari unsur satu ke unsur lain. Gerak dan pengulangan tersebut mengajak mata mengikuti arah gerakan yang terjadi pada sebuah karya.

d). Keseimbangan (Balance)

Tujuan utama sebuah karya diskomvis adalah menarik dilihat. Disain komunikasi visual  sebagai media komunikasi yang bertujuan untuk mentransfer informasi secara jelas sekaligus estetis memerlukan keadaan keseimbangan pada unsur-unsur yang ada di dalamnya.

         Bentuk keseimbangan yang sederhana adalah keseimbangan simetris yang terkesan resmi atau formal, sedangkan keseimbangan asimetris terkesan informal dan lebih dinamis.

      Keseimbangan dipengaruhi berbagai faktor, antara lain faktor tempat posisi suatu elemen, perpaduan antar elemen, besar kecilnya elemen, dan kehadiran lemen pada luasnya bidang.

                  Keseimbangan akan terjadi bila elemen-elemen ditempatkan dan disusun dengan rasa serasi atau sepadan. Dengan kata lain bila bobot elemen-elemen itu setelah disusun memberi kesan mantap dan tepat pada tempatnya.

e). Penekanan (Emphasis)

Dalam setiap bentuk komunikasi ada beberapa bahan atau gagasan yang lebih perlu ditampilkan dari pada yang lain. Tujuan utama dalam pemberian penekanan (emphasis) adalah untuk mengarahkan pandangan pembaca pada suatu yang ditonjolkan. Emphasis dapat dicapai misalnya mengganti ukuran, bentuk, irama dan arah dari unsur-unsur karya desain.

B. Ide Dalam Membuat Design

            Dalam membuat desain baik itu desain logo ataupun desain lainnya, yang sangat penting dalam mengerjakan desain idea tau imajinasi. Meniru suatu desain lebih mudah dari pada membuat suatu ide yang baru. Karena itu seorang didesainer dituntut untuk kreatif dalam membuat suatu desain. Ide dengan berbagai macam cara kemunculannya, sesungguhnya berasal dari dalam diri kita sendiri. Seluruh hidup kita dipenuhi dengan ide dan potensi lahirnya ide baru. Setiap hari kita ber-imajinasi, bermimpi, berpikir, berumpama, membuat keputusan, melamun, dan banyak aktifitas-aktifitas yang membawa kita untuk menemukan ide tanpa kita sadari. 
            Salah satu sumber ide adalah imajinasi. Imajinasi, menurut Jack Stoops dan Jerry Samuelson, adalah kekuatan dari dalam diri kita yang memperbolehkan kita untuk mengalami apa yang telah kita alami, apa yang akan kita alami, dan apa yang tidak akan kita alami; imajinasi dapat menembus batasan ruang, waktu dan realitas. Imajinasi dapat membawa kita ke alam fantasi melalui dunia mimpi, yang sebenarnya adalah cermin dari keinginan dan pemikiran kita yang paling dalam. Kita tidak harus tidur dan bermimpi terlebih dahulu untuk dapat memperoleh imajinasi, tetapi kita juga dapat berimajinasi dalam dunia sadar. Imajinasi sangatlah penting bagi seorang seniman, baik seni murni maupun seni terapan, karena imajinasi tidak semata-mata gambaran yang hanya berupa illusi, namun imajinasi dapat membuahkan ide di dalam pikiran kita. 

Strategy yang membantu kita bermain-main dengan daya imajinasi kita untuk memancing ide-ide baru melalui pembentukan bentuk baru, yaitu :
1. Seleksi
    Proses pensortiran dimana kita menfokuskan pandangan kita ke satu bentuk tertentu untuk diobsevasi. Observasi meliputi perhatian detail terhadap bentuk, warna, cahaya, bahan, bagian-bagian daripada benda tersebut. Dengan observasi yang baik kita dapat menemukan bentuk-bentuk baru yang terdapat pada benda tersebut. 

2. Alteration (perubahan)
    Perubahan yang dilakukan pada sebuah benda sehingga tercipta sebuah benda yang baru. Penggabungan dua elemen yang berbeda, dapat menciptakan suatu bentuk baru. Apel dan resleting adalah dua elemen yang berbeda, penggabungan keduanya dan alterasi dari bentuk apel menghasilkan suatu bentuk baru yang mempunyai nilai dan arti baru.

3. Abstraksi
    Pensederhanaan bentuk sehingga tercipta bentuk yang baru. 

4. Spontanitas
    Pencatatan semua ide yang terlintas ke dalam bentuk visual, atau dapat juga disebut dengan brainstorming. Dengan demikian tanpa kita sadari kita juga membuat alterasi ide yang satu menjadi ide baru dan mengem¬bangkannya terus sehingga me¬nemukan ide yang terbaik. 

    Setiap desainer mempunyai cara yang unik dalam mencari inspirasi untuk menemukan ide-ide yang dapat dia gunakan. Ada yang menyendiri dan melamun, ada yang langsung memulai dengan sketsa, ada yang secara spontan, dan lain sebagainya. Persamaannya terletak bahwa dalam mencari inspirasi, setiap orang berbicara dengan bagian terdalam dari dirinya masing-masing. 
     Robert McKim, penulis buku Experiences in Visual Thinking, mengusulkan tiga hal yang dapat membantu kita untuk membuka jendela keatifitas dan mengeluarkan ide-ide dari perpustakaan diri kita, yaitu ketenangan, perhatian yang santai, dan kemauan untuk melihat. 
     Karena desain adalah bagian dari seni, maka peran aktif otak bagian kanan sangatlah dibutuhkan. Selain itu, desain adalah seni terapan yang harus dapat berkomunikasi dan dimengerti oleh orang lain, berarti desain tidak terlepas dari unsur rasional. Sebuah logo, selain harus dapat mencerminkan sifat dari perusahaan, juga harus mempunyai nilai keindahan. Dengan demikian ke-aktifnya otak kiri dan otak kanan secara bersamaan dibutuhkan untuk dapat menggali ide-ide dari perpustakaan diri kita dengan maksimal. 
     Mungkin anda pernah mengalami dalam membuat suatu desain spertinya ide-ide tersebut bersembunyi. Oleh sebab itu seperti telah dikatakan di atas bahwa diperlukan ketenangan, perhatian yang santai dan kemauan untuk melihat, ketegangan dapat berakibatnya tertutupnya jendela kreativitas yang menghambat jalannya ide untuk keluar. Dengan bantuan cara seperti brainstorming, melamun, alterasi dan sebagainya tersebut dapat merubah suasana tegang menjadi suasana santai tetapi perhatian fokus pada eksplorasi ide-ide dari dalam diri kita.

   C. Tantangan Dalam membuat Design

      Inovasi adalah tentang memiliki ide dan mengembangkannya. Ini tidak mudah, tetapi perusahaan saat ini berusaha keras untuk mengatasi tantangan ini dengan menekan ke dalam komunitas online untuk melakukan outsourcing atau lebih tepatnya kerumunan sumber pekerjaan mereka. Crowdsourcing memiliki beragam aplikasi dan tantangan grafis web adalah salah satu dari mereka. Berikut adalah beberapa alasan mengapa bisnis Anda perlu crowdsource dan bagaimana hal itu akan mempengaruhi Bisnis.
      Anda mendapatkan beberapa contoh desain ilustratif – Crowdsourcing adalah tentang outsourcing pekerjaan untuk para Desainer berwajah & tak bernama yang bekerja pada online web desain proyek untuk memamerkan karya mereka. Hal ini akan memberikan nomor organisasi Anda pilihan desain untuk memilih dari. Terjangkau – Crowdsourcing telah menyebabkan terciptanya beberapa terjangkau halaman web desain, dengan kreativitas yang menakjubkan. Seorang perancang web profesional umumnya biaya lebih untuk / nya layanan bila dibandingkan dengan freelancer yang mengambil bagian dalam tantangan desain. Hal ini karena biaya tetap mempekerjakan profesional desain grafis desainer dikonversi ke biaya variabel sehingga membuat modal yang tersedia untuk investasi lebih lanjut.
          Identifikasi Bakat Segar – Peluncuran tantangan desain online membantu perusahaan untuk menggali bakat baru dan menarik dalam ide-ide segar. Meningkatkan efisiensi – Dengan outsourcing tugas mereka untuk orang luar, perusahaan dapat berkonsentrasi pada fungsi inti mereka, yang mengarah ke peningkatan efisiensi. Mengurangi Biaya – Crowdsourcing merupakan aset tenaga kerja besar yang dapat diterapkan untuk bisnis perusahaan berencana untuk memotong biaya produksi & operasional dan untuk meningkatkan efisiensi. Menyediakan tingkat lapangan bermain untuk startups – Baru diluncurkan bisnis memiliki anggaran terbatas, sehingga mustahil atau mereka untuk menyewa desainer web profesional. Mengambil bagian dalam tantangan desain adalah satu-satunya pilihan untuk startups tersebut untuk mendapatkan desain halaman web terjangkau untuk bisnis mereka. Mulai proyek cepat – Crowdsourcing menyediakan Anda dengan sumber daya yang cukup untuk menangani proyek web online Anda mendesain tanpa penundaan. Menangani proyek-proyek tersebut di-rumah dapat mengambil bulan, di mana Anda harus menyewa desainer hak desain grafis, melatih mereka dll.

D. Contoh Design Dalam Kehidupan Sehari – Hari

1. Gambar
2. Animasi
3. Kartun
4. Lucu 

         Dengan melakukan beberapa gambar melalui komputer contohnya untuk kalangan anak muda masa kini banyak yang membuat desainer muda yang mempunyai segudang bakat.. saya ambil satu contoh yaitu kaka saya sendiri adalah desainer muda sering sekali mendapatkan klien untuk membuat baju. Dan memberi saran yang uptudate pada kliennya. Lewat tangan kreativnya dia membuat design yang indah, unik dan membuat ciri khas pada baju itu sendiri. Dan ini adalah beberapa karya yang didesain sendiri dan dibuat oleh kakak saya.

   E. Jenis – Jenis Design Grafis

       1. Drafter

                  Desainer khusus untuk membuat arsitektur dan rancang bangun yang simetris dan digunakan untuk keperluan pembuatan sesuatu yang memerlukan ketelitian tinggi dan rancangan. Membutuhkan orang orang yang ahli di software (Autocad, Archicad, 3d revit architecture). Sangat dibutuhkan di dunia arsitektur dan industri.

2. Editor

Desainer khusus untuk membuat kover, sampul, banner, dsb. Dan juga membuat karya karya desain grafis misalnya: brosur, kartu nama, pin, logo, poster, dsb. Yang memerlukan sentuhan pandangan dan software yang harus dikuasai adalah : Corel draw,Adobe Photoshop,Freehand,Illustrator. Sangat dibutuhkan di dunia periklanan dan publikasi.

       3. Layouter

Desianer khusus untuk membuat tatanan layout sebuah majalah atau koran atau publikasi yang lainya dan diharuskan mempunyai feel untuk tata letak agar enak dilihat. Sedangkan aplikasi yang harus dikuasai adalah Adobe Page Maker, MS.Publisher, Adobe In Design. Sangat dibutuhkan dipercetakan dan industri koran/buku/majalah.

       4. Art Director 

           Desainer khusus unuk membuat karya karya seni dari komputer yang bisa digunakan untuk visual effects ataupun hanya untuk hiasan saja. Membutuhkan kreativitas tinggi untuk membuat karya agung yang akan dibuat. Sedangkan software yang harus dikuasai adalah : Corel draw, Photoshop, Photo paint, Art creator. Sangat dibutuhkan di dunia perfilman, seniman visualisator, foto editing effects.

       5. Fotografer 

           Desianer khusus yang selain melakukan pengeditan foto juga merangkap sebagai fotografer, harus memiliki talenta khas fotografer serta mampu mengedit foto sesuai event atau yang perfect. Membutuhkan intelegensi tinggi kreativitas tinggi dan harus menguasai adobe photoshop,ieworks,photo studio. Sangat dibutuhkan didunia fotografi, foto editor, wartawan, dsb.

6. Animator 

Desainer khusus bekerja pada bidang motion graphic, iklan atau film fantasi. Harus memiliki daya tahan tinggi, pengetahuan yang cukup tinggi , pengalaman dan harus menguasai Macromedia Flash, Adobe Flash, After Effects, 3d Maya, Gif Animator dan Corel Rave. Dibutuhkan di dunia advertising, perfilman, pertelevisian.

7. Visualisator

Desainer khusus untuk memberikan gambaran sebuah produk atau karya dalam bentuk real / 3d dan harus memiliki kemampuan otak kanan yang cukup tinggi serta harus menguasai 3d Max, Autocad, Swift 3d, Digital Clay. Sangat dibutuhkan di dunia visualisasi produk dan presentasi produk.

  8.Video Editor

Desainer khusus untuk mengedit video atau film dan juga merangkap sebagai video shooter, harus memiliki imajinasi tinggi dan harus menguasai Adobe After Effects, 3d Maya, Adobe Premiere, Ulead Video Studio, Sony Vegas, Pinneacle. Sangat dibutuhkan di dunia perfilman dan industri musik.

  9. Integrated Desainer

           Desainer khusus yang membutuhkan integrasi dengan programmer misalnya pembuatan game, cd interaktif, web
desain, dsb. Sedangakan anda harus menguasai hampir semua elemen desain. Sangat dibutuhkan di industri informatika

F. Design Grafik

Desain grafik adalah suatu bentuk komunikasi visual yang menggunakan gambar untuk menyampaikan informasi atau pesan seefektif mungkin.Dalam disain grafis, teks juga dianggap gambar karena merupakan hasil abstraksi simbol-simbol yang bisa dibunyikan.disain grafis diterapkan dalam disain komunikasi dan fine art. Seperti jenis disain lainnya, disain grafis dapat merujuk kepada proses pembuatan, metoda merancang, produk yang dihasilkan (rancangan), atau pun disiplin ilmu yang digunakan (disain). Seni disain grafis mencakup kemampuan kognitif dan keterampilan visual, termasuk di dalamnya tipografi, ilustrasi, fotografi, pengolahan gambar, dan tata letak.

Bagian dari interface yang terlihat dan menimbulkan cita rasa yaitu:

a). Sesuatu yang seseorang lihat pertama kali, dan menimbulkan kesan serta mempengaruhi tingkat emosi (mood)

b). Salah satu bentuk seni lukis (gambar) terapan yang memberikan kebebasan kepada sang desainer (perancang) untuk memilih, menciptakan, atau mengatur elemen rupa seperti ilustrasi, foto, tulisan, dan garis di atas suatu permukaan dengan tujuan untuk diproduksi dan dikomunikasikan sebagai sebuah pesan. Gambar maupun tanda yang digunakan bisa berupa tipografi atau media lainnya seperti gambar atau fotografi.Desain grafis umumnya diterapkan dalam dunia periklanan, packaging, perfilman, dan lain-lain.

Filosofi Desain

· Elemen visual ekonomi

· Tidak berlebihan

· Jelas dan terorganizir dengan baik

G. Prinsip Design Grafik

1.      Kesederhanaan 

            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.

H. Pembuatan User

Agar desain yang kita hasilkan menarik mata ada beberapa unsur yang harus dipelajari yaitu unsur dalam desain grafis. Semua unsur tersebut tidak harus dimasukkan sekaligus dalam sebuah karya desain karena ada sebagian desain yang menuntut salah satu dari unsur tersebut harus diprioritaskan jadi ada penekanan-penekanan dalam setiap unsur.

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).

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. 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.

Sumber: http://id.wikipedia.org/wiki/Desain, Buku Interaksi Manusia dan Komputer Penerbit GUNADARMA

Minggu ke-5

         1.  Pendahuluan

GUI atau kepanjangan dari Graphical User Interface merupakan salah satu model interaksi antara manusia dan computer. Selain GUI, ada juga model yang lain seperti Character User Interface(CUI) yang sering kita kenal dengan command line. Dari sisi kenyamanan (attitude), kedua model ini memiliki fungsinya masing-masing. Fungsi CUI biasanya adalah administrator system berbasis system operasi LINUX. Bagi mereka, CUI dirasakan lebih nyaman dibandingkan dengan GUI, bahkan setelah GUI pada LINUX berkembang dengan pesat, mereka tetap bertahan untuk menggunakan CUI. Pengguna GUI biasanya adalah mereka yang sudah terbiasa dengan system operasi Windows. Graphical User Interface, merupakan perangkat pertama untuk mengendalikan fungsi-fungsi suatu software, dan membuat pengguna mudah untuk memahami bagaimana menggunakan software tersebut. Kita dapat mengasumsikan bahwa GUI merupakan sebagai bagian dari suatu software yang pertama kali ditangkap mata (secara interface). Dimana suatu software akan kelihatan bagus, jika GUI tersebut tampak menarik.

         2.  Apa itu GUI?

GUI (Graphical User Interface) adalah jenis antarmuka pengguna yang menggunakan metoda interaksi pada piranti elektronik secara grafis (bukan perintah teks) antara pengguna dan komputer. GUI menjadi salah satu faktor kemudahan dalam penggunaan komputer, piranti bergerak seperti pemutar MP3, pemutar media portabel atau piranti permainan, peralatan rumah tangga, dan peralatan kantor. GUI menggambarkan informasi dan perintah yang tersedia untuk pengguna menggunakan ikon grafis/menu grafis. Menu grafis ini maksudnya terdapat tampilan yang lebih ditekankan untuk membuat sistem operasi yang user-friendly agar para pengguna lebih nyaman menggunakan komputer. Menu grafis itu ya seperti ada grafis-grafis atau gambar-gambar dan tampilan yang tujuannya untuk memudahkan para pengguna menggunakan sistem operasi. Contoh: Microsoft Windows, MacOS dan Xwin menggunakan jenis GUI yang berbeda.

gambar: KDE pada Mandriva

      Contoh sistem operasi yang menggunakan GUI adalah Linux dengan distro Mandriva menggunakan Desktop Environment KDE, dan juga sistem operasi Windows 7 Ultimate yang menggunakan GUI-nya sendiri.

3.    Kelebihan dan kekurangan dari GUI

·         Kelebihan GUI :
1. Desain Grafis lebih menarik.
2. GUI memungkinkan user untuk berinteraksi dengan komputer secara lebih baik.
3. Memudahkan pengguna.
4. Menarik minat pengguna.
5. Resolusi gambar yang tinggi.

·         Kekurangan GUI :
1. Memakan memori yang sangat besar.
2. Bergantung pada perangkat keras.
3. Membutuhkan banyak tempat pada layar komputer.
4. Tidak fleksibel.

4.    Pengembangan aplikasi dengan GUI

Pada saat ini tengah dikembangkan sebuah solusi baru untuk membantu pembangunan aplikasi GUI menggunakan PHP. Solusi baru tersebut adalah Klorofil Platform. Klorofil Platform dibangun oleh suatu komunitas yang bernama Klorofil Collaboration Project atau dikenal juga dengan nama Klorofil. Di dalam Klorofil Platform terdapat sebuah GUI framework yang bernama gambArt. GUI framework inilah yang dapat kita gunakan untuk membangun aplikasi GUI menggunakan PHP.

Sumber : http://id.wikipedia.org/wiki/Antarmuka_pengguna, Buku Interaksi Manusia dan Komputer Penerbit GUNADARMA.

Minggu ke-4

1. Pendahuluan

Penerapan system informasiberbasis computer seringkali tidak berhasil mencapai tujuan utamanya,  yaitu mempermudah pengguna dalam menjalankan tugasnya. Tidak berhasil dapat berarti tidak mampu memenuhi kebutuhan pengguna, baik dari segi kinerja,  kemudahan ataupun dari segi keamanan. Kegagalan tersebut dapat terjadi karena berbagai faktor, diantaranya adalah karena tidak adanya panduan atau standar yang dijadikan acuan dalam mengembangkan perangkat lunak sehingga pengguna mendapatkan produk yang sulit digunakan.

Salah satu aspek yang perlu diperhatikan untuk meningkatkan kemudahan penggunaan aplikasi adalah antarmuka aplikasi dengan pengguna. Adanya standar antarmuka diharapkan dapat meningkatkan kemudahan penggunaan aplikasi, karena pengguna akan terbiasa dengan antarmuka yang seragam.

Dari tahun ketahun, tekhnologi berkembang sangat pesat, terutama dibidang informatika. Dengan perkembangan tekhnologi tersebut , manusia semakin dipermudah dalam pekerjaanya. Salah satu dampak dari perkembangan tersebut adalah hubungan antara manusia dan komputer atau yang sering disebut HCI ( Human Computer Interface ). 

Atas dasar tersebutlah menjadi hal yang sangat penting bagi seorang analis atau perancang sebuah software pada saat akan menciptakan sebuah software harus memperhatikan kaidah – kaidah atau prinsip – prinsip dalam penyusunan  rancangan sebuah interface tersebut,  tentunya  yang User Friendly dan User Oriented. Hal ini dikarenakan perkembangan tekhnologi dan persaingan bisnis yang sangat pesat serta tuntutan user yang menghendaki berbagai kenyamanan dan kemudahan dalam menggunakan sebuah aplikasi.

User interface adalah cara program dan user berkomunikasi. Istilah user interface atau interface kadang-kadang digunakan sebagai penggati istilah HCI (Human Computer Interaction). HCI (Human Computer Interface) adalah semua aspek dari interaksi pengguna dan computer, tidak hanya hardware. Semuanya yang terlhat dilayar, membaca dalam dokumentasi dan dimanipulasi dengan keyboard (atau mouse) merupaka bagian dari user interface.

2. Tujuan Interface User

Mengkomunikasikan fitur-fitur sistem yang tersedia agar user mengerti dan dapat menggunakan sistem tersebut. Dalam hal ini penggunaan bahasa amat efektif untuk membantu pengertian, karena bahasa merupakan alat tertua (barangkali kedua tertua setelah gesture) yang dipakai orang untuk berkomunikasi sehari-harinya. Praktis, semua pengguna komputer dan Internet (kecuali mungkin anak kecil yang memakai komputer untuk belajar membaca) dapat mengerti tulisan. Interface ada dua jenis, yaitu :

-Graphical Interface : Menggunakan unsur-unsur multimedia (seperti gambar, suara, video) untuk berinteraksi dengan pengguna.

-Text-Based : Menggunakan syntax/rumus yang sudah ditentukan untuk memberikan perintah.

Meski pada umumnya panduan interface menyarankan agar ikon tidak diberi tulisan supaya tetap mandiri dari bahasa, namun elemen interface lain seperti teks pada tombol, caption window, atau teks-teks singkat di sebelah kotak input dan tombol pilihan semua menggunakan bahasa. Tanpa bahasa pun kadang ikon bisa tidak jelas maknanya, sebab tidak semua lambang ikon bisa bersifat universal.

 Meskipun penting, namun sayangnya kadang penggunaan bahasa, seperti pemilihan istilah, sering sekali dianggap kurang begitu penting. Terlebih dari itu dalam dunia desain situs Web yang serba grafis, bahasa sering menjadi sesuatu yang nomor dua ketimbang elemen-elemen interface lainnya. Dan ini karakteristik user dan kosep user interface.

3. Perbandingan Interface

Secara kasat mata sudah jelas bahwa website ini  sudah tidak menarik dan tidak enak dimata.Bagaimana user bisa berlama-lama memanjakan dirinya dengan info-info yang tersedia di website tersebut dengan desain dan interface seperti diatas yang pasti orang pusing melihatnya.

1.      Interface website yang kurang  baik ada 4 point yaitu:

·         Content

   Merupakan salah satu yang sangat penting dan harus ada dalam sebuah website.Content adalah isi dan inti dari suatu website. Dapat dilihat diatas dimana content tersebut  tidak jelas,maksudnya seseorang  tidak akan tau/sulit untuk membedakan dimana yang merupakan content dan yang bukan,seperti  iklan,category,link, dsb.

·         Coloring

    Pewarnaan juga sangat mendukung dalam pengembangan sebuah website,dengan tujuan agar interface tidak membosankan ,dengan warna yang slalu monton hitam putih. Sedangkan pewarnaan diatas kurang baik. Website diatas memang sudah menggunakan warna diluar hitam putih,namun sangat tidak sinkron,terlalu banyak warna-warna yang tidak match,tapi mungkin menurut si pembuat website tersebut itu menarik. Kalau boleh komentar sedikit, website ini bisa diibaratkan buku gambar yang dipakai untuk menggambar seorang anak-anak yang sedang belajar menggambar/mewarnai,jadi ya seperti itu hasilnya acak kadul.

·         Desain

    Ini  lebih parah lagi,dimana tidak memiliki struktur desain yang baik . Lihat contoh diatas misalnya ,seseorang yang berkunjung pasti akan tidak enak melihat desain website tersebut dan mungkin juga akan bingung.Tidak jelas dimana yang footer,header,sidebar dan contentnya. Selanjutnya gambar background yang acak-acakan yang sangat mengganggu pemandangan.

·         Text

    Untuk tulisan jelas kurang baik,terlalu banyak jenis font yang cukup mengganggu dan penempatan yang kurang baik karena tidak didukung oleh desain yang baik pula.

Sebaiknya dalam penggunaan font untuk sebuah website memakai font yang umum dipakai dan mudah dan enak dibaca semua orang,jangan cuma enak  dilihat dari diri sendiri tapi orang tidak.

Dilihat sepintas saja sudah jelas  bahwa interfacenya sangat bagus dan terstruktur, berbeda dengan website satunya yang tidak teratur dan acak-acakan. Mungkin yang membedakan adalah didesain oleh orang yang ahli dalam bidangnya.

 2. Interface website yang baik ada 4 point yaitu:

• Content

   Sangat terlihat sekali perbedaan  dengan website yang sebelumnya dijelaskan diatas. Pada website ini terlihat jelas content yang bagus,jelas dan tidak membingungkan user. Mungkin dengan content yang seperti ini user akan lebih berlama-lama nongkrong di website kita untuk memanjakan mata dan otak dengan isi-isi yang ada dan bermanfaat.

•   Coloring

   Pewaranaan sudah cukup baik,dimana  tidak terlalu banyak warna yang mencolok dan membuat pusing. Mungkin karena ini merupakan website formal  jadi penggunaan warnanya tidak terlalu banyak.

• Desain

   Pada website ini jelas terlihat memiliki  rancangan desain yang sangat baik,sesuai dengan aturan dalam pembangunan interface sebuah web. Terlihat jelas mana yang content dan mana yang bukan,dan menggunakan background yang sederhana ,bukan gambar yang  justru akan membuat web tampak aneh. Dengan tampilan interface seperti ini ,jadi seseorang tidak akan pusing/bingung lagi untuk mencari apa yang ingin dicari diweb tersebut.

•  Text

    Dalam penggunaan text dapat dibilang baik,karena tidak terlalu banyak penggunaan jenis  font yang aneh-aneh, dan hanya menggunakan beberapa jenis font yang umum sering digunakan, serta mudah untuk dibaca semua orang.

         

            Dari perbandingan  diatas mungkin kita menjadi sedikit  tahu seperti apa dan bagaimana interface yang baik. Untuk membuat suatu interface yang baik dalam suatu website kita harus memperhatikan beberapa hal penting :

1. Harus memahami konsep dasar dari interaksi manusia dan computer.

2. Harus  mendesain interaksi dan proses.

3. Terdapat notasi,dialog dan desain dalam interface.

4. Model-model dari system.

5. Pendukung implementasi interface.

4. Tipe-tipe Interface

          Interface merupakan salah satu bagian yang terpenting dari sistem. Interface sendiri adalah sistem yang dirancang untuk mengolah input dan output dari data. Seperti contohnya interface dibuat untuk pembentukan output laporan yang dapat dipreview, diprint, export/import (excel, word, barcode, text dll ). 

Interface ada dua jenis, yaitu :

1. Graphical User Interface (GUI) : Menggunakan unsur-unsur multimedia (seperti gambar, suara, video) untuk    

   berinteraksi dengan pengguna.

2. Text-Based : Menggunakan syntax/rumus yang sudah ditentukan untuk memberikan perintah.

5. Tipe-tipe Interaksi

Ada 5 tipe utama interaksi untuk user interaction yaitu:

•     Direct manipulation – pengoperasian secara langsung : interaksi langsung dengan objek pada layar. Misalnya delete file dengan memasukkannya ke trash. Contoh: Video games. Kelebihan :  Waktu pembelajaran user sangat singkat, feedback langsung diberikan pada tiap aksi sehingga kesalahan terdeteksi dan diperbaiki dengan cepat. Kekurangan :  Interface tipe ini rumit dan memerlukan banyak fasilitas pada sistem komputer, cocok untuk penggambaran secara visual untuk satu operasi atau objek. 
•   Menu selection – pilihan berbentuk menu :  Memilih perintah dari daftar yang disediakan. Misalnya saat click kanan dan memilih aksi yang dikehendaki. Kelebihan : User tidak perlu ingat nama perintah. Pengetikan minimal. Kesalahan rendah. Kekurangan : Tidak ada logika AND atau OR. Perlu ada struktur menu jika banyak pilihan. Menu dianggap lambat oleh expert user dibanding command language.

•  Form fill-in – pengisian form : Mengisi area-area pada form. Contoh : Stock control. Kelebihan : Masukan data yang sederhana. Mudah dipelajari Kekurangan : Memerlukan banyak tempat di layar. Harus menyesuaikan dengan form manual dan kebiasaan user.
•  Command language – perintah tertulis : Menuliskan perintah yang sudah ditentukan pada program. Contoh: operating system. Kelebihan : Perintah diketikan langsung pada system. Misal UNIX, DOS command. Bisa diterapkan pada terminal yang murah.Kombinasi perintah bisa dilakukan. Misal copy file dan rename nama file. Kekurangan : Perintah harus dipelajari dan diingat cara penggunaannya, tidak cocok untuk user biasa. Kesalahan pakai perintah sering terjadi. Perlu ada sistem pemulihan kesalahan.Kemampuan mengetik perlu.

•  Natural language – perintah dengan bahasa alami : Menggunakan bahasa alami untuk mendapatkan hasil. Contoh: search engine di Internet. Kelebihan: Perintah dalam bentuk bahasa alami, dengan kosa kata yang terbatas (singkat), misalnya kata kunci yang kita tentukan untuk dicari oleh search engine. Ada kebebasan menggunakan kata-kata. Kekurangan: Tidak semua sistem cocok gunakan ini. Jika digunakan maka akan memerlukan banyak pengetikan.

Sumber : http://id.wikipedia.org/wiki/Antarmuka_pengguna, Buku Interaksi Manusia dan Komputer Penerbit GUNADARMA.