Cara membuat aliran dan ritme melalui komposisi


11

Komposisi adalah alat yang hebat untuk menciptakan aliran atau irama visual untuk memandu mata pemirsa dan membimbing mereka melalui konten Anda. Berpikir tentang cara Anda ingin pengguna berinteraksi dengan konten Anda adalah penting — Anda mungkin ingin pengguna membaca teks yang meyakinkan mereka untuk membeli produk Anda sebelum mereka melihat tombol "Beli Sekarang", misalnya.

Beberapa elemen jelas yang membantu menciptakan aliran visual termasuk panah, garis, dan perspektif. Bobot, posisi, jarak, dan warna juga dapat digunakan untuk menciptakan aliran dan ritme visual.

Pertimbangan apa yang harus dibuat dan teknik spesifik apa yang dapat digunakan saat membuat aliran visual & ritme dalam desain?


Beberapa contoh:

Jari Pulp

m1-Desain

Festival Kesepakatan Baru

masukkan deskripsi gambar di sini

masukkan deskripsi gambar di sini

masukkan deskripsi gambar di sini




1
Tidak melihat pertanyaan pertama — tetapi pertanyaan itu adalah mengapa pertanyaan ini adalah caranya .
Cai

Jawaban:


7

Jawaban atas pertanyaan ini bisa berupa tesis master, jadi tolong pertimbangkan jawaban saya sebagai pendapat lebih dari jawaban teknis.

Desain, ketika dilengkapi dengan iklan, poster, sampul buku, dll., Adalah pesan langsung yang dibungkus dalam komposisi desain. Elemen umum antara semua komposisi adalah tipografi, bahasa visual, bahasa tulisan suci dan arahnya. Ketika berbicara tentang bahasa tipografi, kita berbicara secara diam-diam tentang "arah", dan arah memberi kita "momen". Kami berasumsi dalam desain tipografi apa pun bahwa mata akan bergerak dari kiri ke kanan dan dari atas ke bawah. Ini adalah momen mata dasar untuk komposisi tipografi visual dan beberapa menyebutnya "Pola Baca".

Jadi kita sudah memiliki permulaan dalam komposisi kita berdasarkan "Pola Baca" di mana para penonton mengikutinya secara alami. Teks dan beberapa gambar akan menuntun kita mulai dari paling atas / kiri dan berakhir di bawah / kanan. Selanjutnya dalam jawaban ini saya akan menyebutnya aturan TL / RB atau Basic Reading Pattern, seolah-olah saya sedang membaca kolom surat kabar. Ini adalah arah yang sangat mendasar.

Komposisi dengan beberapa gaya, warna, dan elemen desain visual apa pun dapat melanggar aturan, seperti bobot font, warna, gaya, menggunakan panah, proporsi, dll. Semua komposisi yang Anda sebutkan adalah pelanggar aturan, tetapi masing-masing dimulai dari aturan. Yang saya maksud dengan itu adalah ketika kita bermaksud untuk melanggar aturan TL / RB (pola membaca dasar) dengan beberapa gaya, kita sebenarnya menciptakan "kalimat" kecil di seluruh pesan yang ingin kita sampaikan kepada pemirsa. Dengan kata lain, kami memulai komposisi kami dari posisi mana pun dalam desain dan memberikan pemirsa perjalanan mereka sendiri dan pengalaman memahami seluruh pesan kami sesuai dengan komposisi kami dan berdasarkan "budaya" pemirsa.

Ketika kami memutuskan untuk menarik perhatian pengguna dan mengarahkannya kembali seperti yang kami inginkan melalui desain kami, kami sebenarnya menyusun bahasa visual yang berbicara kepada hati nurani pemirsa dan memberi mereka cukup waktu untuk menyerap sisa pesan kami menggunakan TL / dasar dan standar. Aturan BPR dan berdasarkan budaya mereka.

Sulit untuk mengatakan di mana pengguna akan memulai perjalanan mereka dalam desain saya, tapi saya bisa memimpinnya dengan beberapa gaya yang menarik. Ini tidak mudah karena saya berbicara kepadanya dengan bahasa visual dan berasumsi dia dapat memahami apa yang ingin saya katakan dengan desain saya, pesan apa, di mana harus memulai dan di mana harus mengakhiri, dan bagaimana memahami desain saya. Bahasa ini bukan bahasa tulisan suci langsung, artinya itu bukan bahasa umum yang dapat dipahami secara langsung. Itu sebabnya kami menyebutnya "filosofi desain". Ini mungkin mencerminkan bahasa visual yang umum, atau mungkin tidak, tergantung pada budaya perancang dan pemirsa.

Saya tidak berbicara kepada pengguna melalui desain saya hanya dengan bahasa visual saya, tetapi saya berbicara bahasa visual yang pengguna dapat dipahami sesuai dengan budaya pengguna juga. Desain saya dan budayanya harus bertemu bersama dalam kesan pertama.

Ini adalah konsep saya dan saya bisa berbicara lebih banyak, tetapi seperti yang saya katakan itu bisa menjadi tesis master.


Anda dapat memeriksa jawaban ini untuk informasi lebih lanjut ux.stackexchange.com/questions/81189/...
hsawires

6

Pola 'F'

Ada efek terkenal dari pola 'F' , di mana pembaca akan memindai halaman dari atas ke bawah dan kiri ke kanan, lebih memperhatikan kiri daripada kanan, kira-kira dalam bentuk 'F'. Ini didukung oleh penelitian dan sejumlah studi ilmiah.

Ini terutama berlaku untuk halaman-halaman berat teks, dengan elemen grafis minimal. Segera setelah Anda menghapus potongan besar teks tubuh dan menambahkan elemen fokus, pola menghilang. Namun itu adalah sesuatu yang perlu diingat.

Teknik untuk Membuat Aliran

Aliran dan gerakan dalam desain Anda adalah sesuatu yang perlu diingat sepanjang seluruh proses. Pertama, Anda perlu memahami apa yang ingin Anda capai — Punya jalur pergerakan yang jelas melalui desain dalam pikiran sepanjang waktu dan mulailah dengan mengelompokkan elemen-elemen terkait dan menciptakan hierarki informasi visual yang berbeda. Anda kemudian dapat menggunakan isyarat visual untuk mengarahkan aliran melalui desain. Beberapa elemen yang biasa digunakan sebagai isyarat visual termasuk garis, bentuk, panah, skala, perspektif, dan citra.

Garis & Bentuk

Garis dapat digunakan untuk mengarahkan gerakan dalam sejumlah cara. Garis-garis yang tegak lurus dengan arah gerakan akan bertindak sebagai penghalang, mengubah arah atau menghentikan gerakan bersama-sama. Garis dan bentuk searah atau gerakan dapat menciptakan gerakan dan aliran.

Bandingkan tata letak ini, dengan penggunaan garis yang berbeda:

Garis

Bentuk yang lebih kompleks juga dapat digunakan untuk mengarahkan aliran:

Bentuk

Panah menyiratkan gerakan dan mata Anda secara alami akan mengikuti arah panah, jadi masuk akal untuk mengarahkan panah ke tempat Anda ingin seseorang melihat. Bandingkan panah-panah ini, dengan menunjuk dari sana ke arah konten:

Panah menunjuk

Panah menunjuk ke

Berat Visual & Hierarki

Elemen yang lebih besar secara alami akan menarik perhatian. Penggunaan ukuran dan skala adalah bagian penting dalam menciptakan hierarki visual yang akan memandu mata melalui desain. Mengelompokkan elemen terkait dan membuat bobot visual yang dirasakan menggunakan font, bobot, dan warna yang kontras membantu memprioritaskan informasi yang paling penting.

masukkan deskripsi gambar di sini

Perspektif

Perspektif perseptual, melalui penggunaan garis dan skala diagonal atau perspektif literal melalui penggunaan citra adalah teknik lain.

masukkan deskripsi gambar di sini

Mata

Otak manusia dibuat untuk mengenali wajah. Teknik yang efektif adalah menggunakan fotografi atau ilustrasi subjek dengan garis pandang yang mengarah ke titik fokus Anda.

masukkan deskripsi gambar di sini


Matanya tampaknya tidak fokus pada teks Anda tetapi lebih dekat?
joojaa

1
Itu adalah contoh yang sangat cepat dan gambar pertama yang saya temukan ...
Cai

Memberi yang ini hadiah untuk satu alasan - "Pertama, Anda perlu memahami apa yang ingin Anda capai." Tujuannya adalah bagaimana Anda menentukan alurnya. Ketika orang berkata "Apa yang ingin Anda capai" berpikir itu terlalu luas .... tidak, Anda di sana, itu saja, itu jawabannya!
Ryan

Terima kasih @Ryan yeh tekniknya bagus, tapi tidak berguna tanpa tahu untuk apa kamu menggunakannya!
Cai
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.