Design Basic + Basic UI Design Tips for KMI ITS
- 1. Deden Fathurrahman DESIGN BASIC + APPLICATION
- 3. Fungsi utama desain visual (grafis) adalah sebagai media komunikasi, menyampaikan pesan.
- 4. Desain grafis 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. Seni disain grafis mencakup kemampuan kognitif dan keterampilan visual, termasuk di dalamnya tipografi, ilustrasi, fotografi, pengolahan gambar, dan tata letak.
- 5. Elemen Desain Bentuk Titik Garis Bidang Teks > tipografi Warna Gambar Fotografi Ilustrasi Tekstur & Pattern
- 6. Bentuk Bentuk adalah komposisi dari titik, garis, dan bidang Komposisi tersebut dapat menjadi elemen desain, namun dengan sedemikian rupa dapat menjadi gambar ataupun ilustrasi
- 10. Teks | tipografi Tipografi adalah ilmu yang mempelajari tentang tata letak, karakter dan penggunaan huruf pada suatu desain. Setiap jenis huruf memiliki karakter yang berbeda-beda untuk dapat mempengaruhi pesan yang hendak disampaikan Hal yang harus diperhatikan Legibility Readability Clarity Visibility Jenis Huruf Serif Sans Serif Dekoratif
- 12. Warna warna memiliki asosiasi yang sangat kuat dan dapat memberi dampak psikologis dan fisiologis pada tubuh manusia, dan warna memiliki pengaruh emosional kepada yang melihatnya. (mood)
- 15. Gambar Gambar bisa terdiri dari Fotografi Ilustrasi Tekstur / Pattern (dekoratif) Olahan Digital Penggunaan gambar disesuaikan dengan kebutuhan
- 16. Ilustrasi Bitmap
- 17. Ilustrasi Bitmap
- 18. Ilustrasi Vektor
- 19. Ilustrasi
- 20. Texture
- 21. Olah Digital
- 22. Balance | Harmony | Unity | Sequence |Emphasize | Contrast Prinsip Dasar
- 23. Balance Balance | Keseimbangan Simetris > statis Asimetris > dinamis
- 26. Harmony Harmony | Keselarasan Berhubungan dengan keteraturan antar elemen, dalam mencapai keserasian seluruh elemen desain
- 28. Unity Unity | Kesatuan Kesatuan antar tiap elemen, dan juga dengan pesan yang ingin dikomunikasikan
- 30. Sequence Sequence | berurutan, beritme. Membantu pembaca dalam mengurutkan pandangan matanya sesuai dengan yang diinginkan sehingga pembaca tidak mengalami kesulitan dalam menangkap pesan.
- 32. Emphasize Empasis | memberikan penekanan Ukuran / proporsi antar objek Warna yang kontras Peletakan/ posisi objek
- 34. Contrast Contrast | Pengaturan kontras antar elemen
- 36. Gallery
- 45. USER INTERFACE Elemen Window Beberapa window bisa menampilkan informasi-informasi berbeda sekaligus pada layar Icon Mewakili informasi yang berbeda seperti item, icon untuk file, icon folder atau icon untuk program tertentu Menu Menawarkan perintah-perintah yang disusun dalam menu tanpa harus mengetik Pointing Alat penunjuk seperti mouse untuk memilih pilihan pada layar Graphic Gambar yang bisa dicampur dengan teks pada display yang sama untuk menyajikan informasi
- 46. KONSISTENSI < UNITY Konsistensi dilakukan pada urutan tindakan, perintah, dan istilah yang digunakan pada prompt, menu, serta layar bantuan.
- 47. Petualangan Mitfas Finalis Gemastik 2010
- 56. Simple
- 57. Kiddie
- 58. Kiddie
- 61. Flat
- 62. Flat
- 63. Realism
- 64. Realism
- 66. Case Studies
- 67. Case Studies
- 68. Case Studies
- 69. Case Studies
- 70. Tips Kenali target audiens/pengguna. Start from the concept. Keterbatasan menciptakan kreativitas. Eliminasikan ide- ide yang tidak berhubungan dengan merancang konsep. Gunakan bahasa manusia, dan bukan mesin. (intuitive-experience)