Bagaimana desainer memilih bentuk dalam desain?


9

Sering kali, saat menjelajahi situs-situs seperti Dribbble, ada situs yang menggunakan bentuk (lihat contoh ini ). Maaf karena naif, tetapi apakah ada alasan di balik memilih bentuk tertentu atau hanya karena tren? Bagaimana pengaruhnya terhadap pengalaman pengguna?


Beberapa tempat menarik. Saya menggunakan lingkaran banyak karena mereka menciptakan rasa kelengkapan - salah satu simbol paling awal untuk ALLAH adalah lingkaran di atas segitiga sama sisi. Sebagai pola mereka bisa seragam menciptakan rasa ketertiban atau acak dan menyenangkan. Lihatlah Jamie Reid dan gerakan punk Inggris - ia menggunakan tepi kasar dan bentuk sumbang untuk menekankan pemberontakan dan ketidakpuasan politik. Dan berhati-hatilah dengan referensi Masonik seperti piramida, pentagram, dan mata tunggal - mereka ada dan digunakan untuk pengakuan pengaruh: goo.gl/4L7XHP
Applefanboy

Jawaban:


15

Sebenarnya mungkin ada banyak pemikiran dimasukkan ke dalam penggunaan seperti itu, jauh di luar preferensi pribadi atau arahan klien.


Gaya

  • Jika Anda tahu Anda ingin "merasa" lebih ramah , longgar maka Anda akan pergi dengan bentuk yang lebih bulat.
  • Jika Anda ingin penampilan yang lebih korporat, serius , Anda akan condong ke sudut, segitiga, dan bentuk garis yang umumnya keras.

Penempatan

Penempatan dan posisi dapat disortir melalui psikologi gerakan mata melintasi suatu desain, atau hierarki visual dalam suatu desain.

  • Jika Anda menginginkan suasana hati yang bahagia dan gembira, arahkan mata ke atas dan ke kanan ...
  • Jika Anda ingin suasana hati yang lebih serius dan tidak bahagia maka arahkan mata ke bawah dan ke kiri.

Pilihan-pilihan desain semacam itu dapat menjadi faktor di mana bentuk-bentuk itu ditempatkan.

Sama halnya dengan warna akan mengubah persepsi desain, demikian juga penempatan dan penggunaan "bentuk" elemen ini.


Keseimbangan

Seringkali elemen grafis umum dapat menjadi alat yang hebat untuk meningkatkan keseimbangan keseluruhan desain.

Melihat halaman tanpa bentuk menciptakan bagian statis, non-dinamis, dengan sedikit gerakan mata. Yang kemudian agak tidak seimbang karena posisi grafik grafik besar dibandingkan dengan jenis blok di sebelahnya (margin halaman terasa tidak seimbang).

masukkan deskripsi gambar di sini

Untuk membuat penampilan "ramah" sedikit lebih banyak, lemparkan beberapa bentuk bundar dan gunakan untuk mengimbangi ketidakseimbangan margin di bagian atas tata letak. Ini juga memungkinkan grafik grafik menjadi lebih besar tanpa secara visual tampak berukuran "salah". Jika itu desain saya, saya mungkin bermain dari kurva di "2" dan "3" karena mereka ada kurva yang menonjol - mencoba untuk meniru atau mengulangi busur itu untuk bentuk kanan atas. (Pengulangan dapat menumbuhkan kesinambungan dan kohesi dalam suatu desain.)

masukkan deskripsi gambar di sini

Namun, sekarang potongan itu sangat tidak seimbang. Jadi, dengan menambahkan bentuk tambahan untuk mengimbangi sudut kanan atas, banyak dilakukan untuk menyeimbangkan keseluruhan bagian. Mengingat gerakan atas-kanan lebih disukai, kurva bentuk kiri mungkin sepenuhnya disengaja untuk membuat kombinasi hampir mirip panah dari bentuk hijau. Selain itu, gradien pada bentuk hijau lebih lanjut mempromosikan gerakan ke atas yang benar.

masukkan deskripsi gambar di sini

Jadi perancang potongan itu adalah ....

  • menggunakan bentuk bundar agar lebih mengundang secara keseluruhan.
  • mengarahkan mata ke atas dan ke kanan untuk mempromosikan perasaan yang baik ...
  • gunakan bentuk tambahan untuk menciptakan keseimbangan keseluruhan dalam desain sambil mempromosikan gerakan mata.

Tambahkan angka kontras tinggi (merah) di atas yang menghadap ke kiri ...

Jadi ... bacaan bahasa Inggris dibelakang ke kanan, atas ke bawah ... mata melacak ke kanan dan ke bawah saat membaca. Tapi kemudian secara alami ditarik ke kanan atas melalui bentuk .. maka angka merah secara halus mengarahkan mata kembali ke kiri untuk mulai membaca lagi ... sehingga mata benar-benar diarahkan dalam tata letak itu dengan baik dalam upaya untuk memaksimalkan waktu seseorang menghabiskan waktu melihat halaman.

Keputusan penggunaan dan penempatan semacam ini datang dengan pengalaman dan eksplorasi.

Tampaknya elemen acak mungkin tidak acak sama sekali ... mereka dapat melayani tujuan penting bahkan jika pembaca / pemirsa tidak tahu persis apa tujuannya.


5

Ini mungkin akan dipalu tertutup tetapi secara singkat; bentuk dasar, lingkaran, kotak, dan persegi panjang sangat berharga sebagai elemen dasar desain.

Bentuk dan kurva dapat memberikan perasaan dan emosi untuk desain. Isyarat keriting terasa sangat berbeda dari sudut kanan.

Sebuah lingkaran atau gumpalan sebagai motif desain menunjukkan harmoni dengan cara yang paling sederhana. Namun ada tren desain yang kuat terhadap kisi dan struktur yang kompleks.

Bergantian, dan sebagai tanggapan, ada kecenderungan kuat menuju kesederhanaan dan bentuk-bentuk alami yang mendasar.

Di tahun 90-an dikatakan bahwa mereka menyerah grid untuk gumpalan tetapi sekarang kita melihat hibrida.

Karena layar kami berbentuk persegi panjang, kurva dan lingkaran di layar membuat dialog dinamis antar bentuk.


4

Ini sangat berdasarkan pendapat tetapi:

  • sering kali 'bentuk' ini berasal dari logo aktual dan / atau merupakan bagian dari sistem branding. misalnya. Sistem belah ketupat Vodafone
  • lain kali mereka bisa menjadi elemen yang sedang tren
  • lain kali itu adalah klien yang tidak bisa membeli sesuatu yang terlalu 'polos' dan mereka merasa mereka harus mendapatkan sesuatu yang lebih 'kreatif', sehingga desainer perlu membuat hal-hal ini hanya untuk mengisi ruang putih

Pada poin ke-3 Anda: hari ini saya membahas desain sampul buku dengan staf magang kami - pengaturan "Judul, penulis, gambar" dasar Anda. Saya bertanya apakah ada "ruang atau alasan" untuk elemen grafis, tetapi karena ada hubungan spasial yang baik antara elemen, kami sepakat dengan "tidak, itu tidak akan menambah apa pun pada desain". Tapi semoga klien tidak "takut" dengan ruang kosong!
usr2564301

Poin ke-3 itu sangat benar.
AndrewH
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.