Psikologi Desain: Membentuk Gambar Online Anda

Kita membahas pentingnya warna secara menyeluruh dalam dua bagian sebelumnya dari seri psikologi desain kami. Pilihan warna, bagaimanapun, hanyalah salah satu bagian dari perjuangan melawan desain yang buruk.

Apakah Anda sedang membuat pola latar belakang untuk desain web baru atau Anda memikirkan tentang kemasan produk baru, pada akhirnya Anda harus meletakkan pensil di atas kertas dan mulai membuat sketsa. Apa pun bentuk yang Anda mulai bentuk, itu akan memiliki efek yang kuat pada pemirsa Anda.

Baca terus untuk mengetahui lebih lanjut tentang asosiasi umum yang akan dibuat pelanggan Anda antara bentuk yang Anda pilih dan apa yang mereka katakan tentang merek Anda secara keseluruhan. Plus, lihat beberapa contoh dunia nyata tentang bagaimana bentuk ini telah digunakan dalam semua jenis desain!

• Garis
• Lingkaran dan Oval
• segitiga
• segi empat
• Poligon
• Bentuk abstrak

Garis Lurus dan Melengkung

Ketika datang ke pekerjaan garis, Anda benar-benar harus menarik garis antara sudut dan montok. Garis mungkin merupakan bentuk dasar yang melahirkan semua karya seni, tetapi logo dan desain web yang sangat bergantung pada garis sama sekali tidak sederhana.

Biasanya, manusia memiliki preferensi untuk garis lengkung daripada garis lurus. Ini dapat dikaitkan dengan neurofisiologi sistem visual. Bahkan bayi yang matanya belum sepenuhnya terbentuk akan memfokuskan perhatiannya lebih lama pada bentuk melengkung daripada garis tajam dan bersudut.

Namun, kurva tidak serta merta meningkatkan jumlah waktu pengguna akan memfokuskan perhatian mereka pada desain Anda. Faktanya, sudut tajam lebih cenderung menarik perhatian pengguna Anda dengan cepat. Dimana kurva berkonotasi kelembutan dan kompleksitas, garis tajam dan sudut berkonotasi keseriusan dan kesederhanaan.

Penelitian telah menunjukkan bahwa objek bersudut dapat memicu rasa terancam. Ketajaman bentuk telah terbukti meningkatkan aktivitas di amigdala, yaitu area otak yang memproses rasa takut. Oleh karena itu, sudut yang tajam sering menuntut perhatian audiens Anda dan menarik perhatian lebih cepat daripada sudut melengkung.

Anda dapat menggunakan pola respons alami manusia ini untuk membuat desain yang membuat audiens Anda merasakan sesuatu. Untuk bersenang-senang, merek ringan, garis melengkung dapat membantu Anda memecah blok teks di situs dan menciptakan rasa imajinasi. Namun, untuk persona merek yang lebih serius, sudut tajam dan garis lurus akan membantu membangkitkan rasa gravitasi.

Studio kreatif The Inlay menggunakan garis lurus dan desain minimalis untuk menarik perhatian Anda saat menggulir halaman, tetapi menghindari penggunaan sudut tajam secara berlebihan yang dapat memicu respons negatif.

Namun, perusahaan konsultan teknologi, Affinity, menggunakan banyak bahasa berorientasi hubungan di seluruh situs web mereka. Logo panah bulat dan bentuk melengkung di seluruh desain terasa jauh lebih mudah didekati daripada citra tradisional dan kaku yang digunakan di ruang teknologi.

Lingkaran dan Oval

Jika Anda menyebut seseorang kotak, Anda mungkin menyindir bahwa mereka membosankan. Sebaliknya, berarti lingkaran berkonotasi dengan kesenangan, kemudaan, dan mentalitas yang riang. Masuk akal karena perhatian bayi telah terbukti bertahan lebih lama untuk garis lengkung, mereka juga cenderung lebih memilih mainan melingkar.

Keterbukaan dan kebersamaan muncul di pikiran saat pemirsa melihat lingkaran. Bentuk bulat juga dapat berkonotasi dengan perasaan kebersamaan atau perlindungan — seperti merasa aman di dalam gelembung Anda sendiri atau bahkan pelukan yang nyaman. Karakteristik lain dari lingkaran dapat mencakup persahabatan, kehangatan, feminitas, dan kelahiran kembali (pikirkan: lingkaran kehidupan).

Dari perspektif penamaan, bel pintu Ring telah menyentuh indra penggunanya. Secara auditori, Anda dapat membayangkan "cincin" bel pintu sementara secara visual, "cincin" yang dibayangkan terkait dengan logo mereka dan cara perangkat keras fisik dirancang.

The Circle, acara kompetisi realitas Netflix, adalah tempat lain di mana branding melingkar paling masuk akal. Premisnya adalah sekelompok orang yang mungkin atau mungkin tidak mengatakan kebenaran tentang identitas mereka mencoba untuk mendapatkan popularitas di antara rekan-rekan mereka hanya melalui platform media sosial yang disebut The Circle. Objektif? Tetap di dalam komunitas—tetap di The Circle.

segitiga

Akselerasi, gerak, dan keseimbangan, segitiga dengan mudah menggambarkan aktivitas. Bentuknya energik dan kuat yang dapat membangkitkan serangkaian emosi mulai dari kegembiraan hingga kehati-hatian.

Segitiga memiliki dampak, dan cara pengarahannya sangat penting, karena arah akan mengubah maknanya di benak konsumen Anda. Misalnya, segitiga yang mengarah ke atas dapat menunjukkan kekuatan, tetapi ketika diputar sedikit miring, dapat menunjukkan ketidakstabilan. Tetapi banyak segitiga di semua arah yang berbeda dapat menunjukkan hiburan atau kegembiraan — seperti konfeti!

Tombol putar pada layanan streaming video atau musik favorit Anda kemungkinan besar hanya berupa segitiga yang mengarah ke kanan. Itu menyerupai panah yang menunjukkan gerakan maju, berbeda dengan dua garis lurus yang menunjukkan jeda ("putusan" literal antara dua garis lurus).

HGTV juga menggunakan desain segitiga dengan cara yang cerdas. Segitiga sama kaki berada di bagian atas tanda kata mereka, cara yang jelas namun sederhana untuk mengilustrasikan atap rumah. Huruf “V” di ujung lain logo menjadi penyeimbang yang bagus karena mengarah ke bawah.

segi empat

Segiempat termasuk bentuk empat sisi. Kotak dan persegi panjang adalah contoh yang paling umum, tetapi trapesium, wajik, dan beberapa lainnya juga disertakan di sini. Kotak dan persegi panjang sering kali merupakan simbol stabilitas dan kemantapan, kesesuaian, atau keterusterangan. Sudut kanan mereka secara visual menunjukkan rasionalitas, keteraturan, dan struktur.

Kotak dan persegi panjang sering digunakan oleh merek yang ingin tampil membumi atau pragmatis. Dari National Geographic hingga LinkedIn hingga Domino, persegi dan persegi panjang adalah hal yang umum—terutama untuk logo—di berbagai industri.

Jenis segiempat lainnya juga akan menyampaikan perasaan keteraturan tersebut, tetapi dengan sentuhan visual kontemporer yang lebih avant-garde. Berlian dapat digunakan untuk menyampaikan produk mewah atau kelas atas karena asosiasi bawah sadar kita antara bentuk dan batu permata. Segi empat seperti layang-layang dan belah ketupat sangat bagus untuk mengisyaratkan tingkat stabilitas tanpa menggunakan pola yang terlalu sering digunakan.

Perancang web yang berbasis di Australia Mokthar Saghafi menggunakan bentuk jajaran genjang untuk pola geometris situs webnya. Sosok bersisi empat disusun dengan rapi, mengisyaratkan stabilitas yang biasanya dikonotasikan dengan bentuk bersisi empat. Namun, mengaturnya sedikit tidak teratur sebagai belah ketupat alih-alih persegi panjang yang sebenarnya, menambah lapisan daya tarik visual lainnya.

Meskipun Lego mungkin tidak terlihat membumi atau menyesuaikan diri, mereka pasti stabil—bagaimana lagi Anda akan membangun dengan mereka? Logo persegi mereka juga merupakan callback visual untuk produk mereka. Ini terlihat sangat mirip dengan bata Lego persegi dengan empat tiang.

Pentagons, Hexagons, dan Octagons

Dalam matematika dan desain, kumpulan bentuk ini dikenal sebagai "poligon". Poligon adalah istilah umum yang digunakan untuk mendeskripsikan bentuk geometris 2D apa pun, tetapi biasanya digunakan untuk yang memiliki 5 sisi atau lebih.

Di alam, bentuk-bentuk ini ditemukan di mana-mana mulai dari sarang lebah hingga pola cangkang hingga kristal dan formasi batuan. Namun, dalam desain web, mereka lebih jarang digunakan. Ini bisa menjadi hal yang baik untuk klien Anda, karena ini akan membantu membedakan Anda dari tren desain yang lebih umum!

Kompleks dan futuristik, poligon sering digunakan untuk menciptakan aura modern kontemporer yang masih terstruktur dengan baik. Namun, poligon tertentu umumnya digunakan dalam industri ceruk. Misalnya, perusahaan manufaktur dan perbaikan mobil dan mesin sering menggunakan segi enam dan segi delapan dalam desain karena menyerupai kepala baut.

Tata letak heksagonal yang digunakan oleh biro desain web Inggris Built By Buffalo adalah cara yang bagus untuk menampilkan banyak contoh karya mereka di muka tanpa membebani beranda mereka. Ini kemudian digunakan di seluruh situs web untuk memamerkan foto tim, memamerkan foto kantor yang menyenangkan, dan menyebutkan informasi penting.

Pentagon adalah salah satu bangunan yang paling dikenal di dunia, dan dinamai sesuai dengan struktur lima sisinya. Contoh utama penggunaan poligon untuk desain arsitektural, bangunan itu sendiri menyampaikan ketabahan dan stabilitas

Bentuk Abstrak

Ada beberapa bentuk geometris dan abstrak lainnya yang biasa digunakan di web dan desain produk, promosi, dan upaya branding. Mari kita ikhtisar singkat dari beberapa bentuk populer dan artinya.

Gumpalan

Gumpalan sering kali merupakan bentuk yang dianggap lucu atau konyol. "Efek bouba/kiki" yang terkenal telah membuktikan bahwa individu lintas budaya dan sistem penulisan akan mengaitkan kata "bouba" yang tidak masuk akal dengan bentuk gumpalan, sementara "kiki" diasosiasikan dengan bentuk abstrak runcing.  

Saat Anda memilih untuk menggunakan bentuk abstrak yang tajam dengan ujung runcing, Anda akan menarik perhatian pemirsa dengan cepat. Namun, dengan bentuk yang lebih bulat, Anda akan membuatnya terasa lebih nyaman dan menyenangkan.

Studio desain WordPress khusus yang berbasis di Brooklyn, Buzzworthy, menggunakan banyak bentuk gumpalan dan animasi transisi bulat untuk menampilkan gayanya yang asyik dan funky.

Salib

Sering digunakan untuk menampilkan spiritualitas dan penyembuhan, koneksi, atau keseimbangan, salib selalu muncul dalam desain web. Ini adalah cara yang paling umum secara visual untuk mengkonotasikan pertemuan atau hubungan antara dua hal. Penggunaan umum lainnya untuk tanda silang dalam desain adalah sebagai tanda "plus", yang menunjukkan bahwa Anda dapat menambahkan sesuatu ke troli atau memperluas untuk informasi lebih lanjut.

Dalam logo, salib biasanya disediakan untuk organisasi keagamaan karena ikatan agama mereka yang kuat, tetapi penggunaan bentuk yang lebih agnostik juga berhasil.

Palang Merah Amerika adalah salah satu organisasi paling terkenal yang memanfaatkan citra silang. Pekerjaan mereka berada di persimpangan individu yang membutuhkan bantuan dan individu yang dapat membantu selama atau setelah bencana. Logo Palang Merah menempatkan mereka di persimpangan dua hal tersebut, sekaligus secara visual menyinggung penyembuhan dan kesehatan.

Spiral

Spiral berkonotasi dengan gerakan dan perkembangan. Bentuk spiral dan lingkaran yang membulat sering menggambarkan kesempurnaan, keindahan, dan evolusi. Jika spiral Anda lebih runcing, seperti gerakan zig-zag, itu lebih cenderung menyampaikan poros, perubahan, atau arah baru yang diambil oleh suatu produk, perusahaan, atau layanan.

Arah spiral Anda juga akan banyak berhubungan dengan persepsinya—terutama jika Anda berencana untuk menganimasikannya. Hal terakhir yang Anda inginkan adalah mencoba menyampaikan perkembangan, pertumbuhan, atau kreativitas dan akhirnya mengirim pengguna Anda ke spiral yang benar-benar menurun. Seperti kebanyakan hal, sampaikan gerakan positif dengan membuat spiral Anda bergerak ke atas dan ke kanan jika memungkinkan.

Rally, studio produk digital dari Salt Lake City, UT, menggunakan spiral sederhana dengan latar belakang putih untuk keseluruhan situs mereka. Perubahan warna dan gerakan spiral yang dinamis membuat pemirsa tertarik secara visual dan menciptakan pengalaman pengguna yang kohesif.

Bentuk Organik

Bentuk organik termasuk daun, cabang, akar, gelombang, bintang, awan, dan banyak lagi. Di mana bentuk geometris dapat digunakan bersama untuk membuat gambar (contoh: persegi dengan segitiga di atasnya menjadi rumah sederhana), bentuk organik biasanya berdiri sendiri sebagai gambar tersendiri.

Bentuk-bentuk ini biasanya tidak teratur atau asimetris (tetapi tidak selalu) dan mereka akan memiliki hubungan dengan alam dalam beberapa cara. Gagasan "awan" adalah penggunaan citra organik yang sempurna.

Gagasan penyimpanan "awan" mengikat sesuatu yang sangat memabukkan dan teknis — "lokasi" tidak berwujud yang menyimpan informasi — dan mengikatnya ke alam, membuatnya lebih mudah didekati oleh pemula teknologi. SoundCloud, misalnya, adalah situs berbagi musik tempat pengguna dapat mengunggah file audio dan membaginya dengan komunitas pecinta musik yang berkembang di seluruh dunia.

Pikiran di Balik Desain

Seperti biasa, ini bukanlah aturan yang keras dan cepat. Gunakan berbagai bentuk, bobot garis, dan perataan dalam desain Anda untuk menciptakan minat visual. Menggunakan beberapa elemen bersama-sama akan memungkinkan Anda menceritakan sebuah kisah yang dapat dilihat dan dirasakan oleh pembaca Anda dengan mata dan perasaan mereka.

Pusat sumber daya WP Engine adalah sumber informasi Anda tentang semua hal tentang desain, dan seri Psikologi Desain kami adalah tentang penggunaan elemen dasar desain untuk menarik pelanggan dengan branding yang terencana dengan baik.

Bacalah bagian satu dan dua untuk menyelami lebih dalam arti warna dan cara menggunakannya dalam penceritaan visual Anda. Kemudian, perhatikan bagian keempat yang akan membahas pentingnya jenis huruf, penempatan konten, dan pilihan kata Anda.