Brent Fox Sugiyanto Basic Design Principles Basic Design
![Brent Fox - Sugiyanto Basic Design Principles Brent Fox - Sugiyanto Basic Design Principles](https://slidetodoc.com/presentation_image_h2/8ffd7cfe6fe0577faf9cfbafd8492cc7/image-1.jpg)
Brent Fox - Sugiyanto Basic Design Principles
![Basic Design Principles Back to Basic �Memperlakukan gambar dan teks sebagai elemen desain �Warna Basic Design Principles Back to Basic �Memperlakukan gambar dan teks sebagai elemen desain �Warna](http://slidetodoc.com/presentation_image_h2/8ffd7cfe6fe0577faf9cfbafd8492cc7/image-2.jpg)
Basic Design Principles Back to Basic �Memperlakukan gambar dan teks sebagai elemen desain �Warna bisa menjadi alat desain yang kuat �Warna dikaitkan dengan emosi �Warna harmonis terlihat baik bersama-sama, mecakup warna yang mirip satu sama lain �Warna komplementer dua warna berlawanan satu sama lain dalam roda warna
![Basic Design Principles �Warna harmonis didapatkan dg cara meletakan segitiga, persegi atau persegi panjang Basic Design Principles �Warna harmonis didapatkan dg cara meletakan segitiga, persegi atau persegi panjang](http://slidetodoc.com/presentation_image_h2/8ffd7cfe6fe0577faf9cfbafd8492cc7/image-3.jpg)
Basic Design Principles �Warna harmonis didapatkan dg cara meletakan segitiga, persegi atau persegi panjang dalam roda warna �Jika dicampurkan abu-abu netral �Warna preference terikat fungsi mata, subyektif
![Basic Design Principles �Warna memiliki kekuatan visual antar satu dengan yang lain �Kuning, merah Basic Design Principles �Warna memiliki kekuatan visual antar satu dengan yang lain �Kuning, merah](http://slidetodoc.com/presentation_image_h2/8ffd7cfe6fe0577faf9cfbafd8492cc7/image-4.jpg)
Basic Design Principles �Warna memiliki kekuatan visual antar satu dengan yang lain �Kuning, merah dan orang lebih kuat dari warna pada sisi yg berlawanan Warna kuning lebih kuat Warna seimbang
![Basic Design Principles �Warna Hangat : kuning, merah, orange bahagia, gembira, dll �Warna dingin Basic Design Principles �Warna Hangat : kuning, merah, orange bahagia, gembira, dll �Warna dingin](http://slidetodoc.com/presentation_image_h2/8ffd7cfe6fe0577faf9cfbafd8492cc7/image-5.jpg)
Basic Design Principles �Warna Hangat : kuning, merah, orange bahagia, gembira, dll �Warna dingin : purple, biru, hijau tenang Dingin, sangat tenang Hangat, ceria
![Basic Design Principles �Warna pada monitor dan TV RGB �Intensitas tinggi putih, rendah hitam Basic Design Principles �Warna pada monitor dan TV RGB �Intensitas tinggi putih, rendah hitam](http://slidetodoc.com/presentation_image_h2/8ffd7cfe6fe0577faf9cfbafd8492cc7/image-6.jpg)
Basic Design Principles �Warna pada monitor dan TV RGB �Intensitas tinggi putih, rendah hitam �Warna Digital : RGB, CMYK, HSB, Pantone �Terdapat warna cahaya yang tidak dapat diproduksi dalam pencetakan
![Basic Design Principles �CMYK warna cetak �Mencampur warna cmyk mendapatkan warna lebih gelap �Pada Basic Design Principles �CMYK warna cetak �Mencampur warna cmyk mendapatkan warna lebih gelap �Pada](http://slidetodoc.com/presentation_image_h2/8ffd7cfe6fe0577faf9cfbafd8492cc7/image-7.jpg)
Basic Design Principles �CMYK warna cetak �Mencampur warna cmyk mendapatkan warna lebih gelap �Pada hasil cetak terdapat dot pola �Kemampuan hasil cetak ditentukan nilai dpi
![Basic Design Principles �HSB Hue Saturation Brightness �Hue warna merah ke biru �Saturation kekuatan Basic Design Principles �HSB Hue Saturation Brightness �Hue warna merah ke biru �Saturation kekuatan](http://slidetodoc.com/presentation_image_h2/8ffd7cfe6fe0577faf9cfbafd8492cc7/image-8.jpg)
Basic Design Principles �HSB Hue Saturation Brightness �Hue warna merah ke biru �Saturation kekuatan warna, rendah Abu-abu, tinggi full color �Brightness rendah hitam, tinggi putih
![Basic Design Principles Organisasi Visual �Elemen merata dan selaras �Jarak visual tidak selalu sama Basic Design Principles Organisasi Visual �Elemen merata dan selaras �Jarak visual tidak selalu sama](http://slidetodoc.com/presentation_image_h2/8ffd7cfe6fe0577faf9cfbafd8492cc7/image-9.jpg)
Basic Design Principles Organisasi Visual �Elemen merata dan selaras �Jarak visual tidak selalu sama dengan jarak fisik �Obyek lingkaran lebih dekat dengan obyek persegi
![Basic Design Principles Kesatuan dan Variasi �Kesatuan mengulang elemen visual : warna, bentuk, ukuran Basic Design Principles Kesatuan dan Variasi �Kesatuan mengulang elemen visual : warna, bentuk, ukuran](http://slidetodoc.com/presentation_image_h2/8ffd7cfe6fe0577faf9cfbafd8492cc7/image-10.jpg)
Basic Design Principles Kesatuan dan Variasi �Kesatuan mengulang elemen visual : warna, bentuk, ukuran �Warna Gunakan warna yang konsisten diseluruh interface �Bentuk lingkaran, gunakan bentuk melengkung pada seluruh desain �Variasi Untuk menciptakan minat visual �Misal : beda ukuran, warna �Bentuk persegi, mengatur sudut yang berbeda
![Basic Design Principles Ruang Negatif �Ruang negatif ruang kosong didaerah sekitar obyek, bentuk latar Basic Design Principles Ruang Negatif �Ruang negatif ruang kosong didaerah sekitar obyek, bentuk latar](http://slidetodoc.com/presentation_image_h2/8ffd7cfe6fe0577faf9cfbafd8492cc7/image-11.jpg)
Basic Design Principles Ruang Negatif �Ruang negatif ruang kosong didaerah sekitar obyek, bentuk latar belakang Gerakan �Gambar statis-tanpa animasi-bisa menuturkan perasaan gerak �Lebih banyak ruang visual dan obyek miring memberikan kekuatan rasa gerak (kecepatan)
![Basic Design Principles �Gerak stabil berasal dari garis yang vertikal atau horisontal. Gerakan Mata Basic Design Principles �Gerak stabil berasal dari garis yang vertikal atau horisontal. Gerakan Mata](http://slidetodoc.com/presentation_image_h2/8ffd7cfe6fe0577faf9cfbafd8492cc7/image-12.jpg)
Basic Design Principles �Gerak stabil berasal dari garis yang vertikal atau horisontal. Gerakan Mata �Mengacu pada urutan tampilan image
![Basic Design Principles Balance dan Weight �Bentuk dan obyek dalam setiap gambar memiliki berat Basic Design Principles Balance dan Weight �Bentuk dan obyek dalam setiap gambar memiliki berat](http://slidetodoc.com/presentation_image_h2/8ffd7cfe6fe0577faf9cfbafd8492cc7/image-13.jpg)
Basic Design Principles Balance dan Weight �Bentuk dan obyek dalam setiap gambar memiliki berat visual �Perhatikan tata letak keseluruhan dan kontrol berat visual didistribusikan
![Basic Design Principles �Berat visual dipengaruhi : warna, ukuran dan bentuk obyek �Keseimbangan formal Basic Design Principles �Berat visual dipengaruhi : warna, ukuran dan bentuk obyek �Keseimbangan formal](http://slidetodoc.com/presentation_image_h2/8ffd7cfe6fe0577faf9cfbafd8492cc7/image-14.jpg)
Basic Design Principles �Berat visual dipengaruhi : warna, ukuran dan bentuk obyek �Keseimbangan formal (simetris) menarik garis bawah ke tengah layar, mirrorred object, tidak perlu sama, serupa dalam ukuran, bentuk dan warna �Keseimbangan informal (asimetris) jika membagi layar, besar item tidak sama, ukuran bukan satunya atribut untuk keseimbangan desain. �Perlu perencanaan dan ketrampilan, lebih menarik secara visual
![Basic Design Principles Bilangan Ganjil �Jumlah obyek yang ganjil lebih menarik, karena tidak memiliki Basic Design Principles Bilangan Ganjil �Jumlah obyek yang ganjil lebih menarik, karena tidak memiliki](http://slidetodoc.com/presentation_image_h2/8ffd7cfe6fe0577faf9cfbafd8492cc7/image-15.jpg)
Basic Design Principles Bilangan Ganjil �Jumlah obyek yang ganjil lebih menarik, karena tidak memiliki obyek pusat �Jumlah 3 -5 obyek lebih menarik secara visual
![Basic Design Principles Pembagian Gambar �Pembagian merata, atau 2/3 dari tampilan Perpotongan Obyek �Tidak Basic Design Principles Pembagian Gambar �Pembagian merata, atau 2/3 dari tampilan Perpotongan Obyek �Tidak](http://slidetodoc.com/presentation_image_h2/8ffd7cfe6fe0577faf9cfbafd8492cc7/image-16.jpg)
Basic Design Principles Pembagian Gambar �Pembagian merata, atau 2/3 dari tampilan Perpotongan Obyek �Tidak tampak terjadi kesalahan �Perhatikan alignment
- Slides: 16