Rumah Keuangan Pribadi Buat Kontras dalam Desain Blog - dummies

Buat Kontras dalam Desain Blog - dummies

Daftar Isi:

Video: Mempelajari KONTRAS dalam Desain 2024

Video: Mempelajari KONTRAS dalam Desain 2024
Anonim

Kontras dalam desain blog terjadi ketika dua atau lebih elemen berbeda satu sama lain. Semakin banyak perbedaan antar elemen, semakin besar kontrasnya. Desain blog Anda bisa mendapatkan keuntungan dari kontras dalam beberapa cara:

  • Kontras dapat memberikan minat visual. Mata Anda tertarik pada hal-hal yang kontras, seperti bulan pucat di langit hitam atau bangunan tinggi yang dikelilingi oleh sebagian lain dari ukurannya. Dalam desain blog, kontras bisa membuat blog tetap enak dilihat dan bukannya menjadi hambar dan tidak menarik.

  • Kontras dapat membuat elemen melompat dari halaman dan mendorong pembaca untuk mengambil tindakan. Jika Anda ingin menyorot tombol yang terhubung ke e-book baru Anda, Anda dapat menggunakan kontras sehingga tombol menonjol saat masih sesuai dengan keseluruhan desain Anda.

    Blog Pat Flynn Smart Passive Income menggunakan kotak hijau muda dengan batas hijau gelap untuk membuat area penting dari desain blognya menonjol. "Tidak tahu harus mulai dari mana? "Dan kotak eBook Guide kontras dengan gambar video dan e-book hitam untuk membuat elemen tersebut keluar dari halaman dan mengarahkan minat ke blognya.

    Kredit: © Smart Passive Income
  • Kontras membuat teks mudah dibaca. Pernahkah Anda ke blog di mana Anda tidak dapat membaca posting blog yang sebenarnya karena warna latar belakang dan warna teks terlalu mirip? Kontras perlu ada untuk keterbacaan posting blog untuk menarik pengunjung Anda agar benar-benar menginap dan membaca posting Anda.

    Latar belakang putih dengan teks abu-abu hitam atau gelap selalu merupakan pilihan yang aman untuk area konten utama seperti entri blog.

Jelajahi metode untuk membuat kontras

Anda dapat menerapkan kontras dengan desain blog Anda dengan beberapa cara. Berikut adalah beberapa kata kunci yang umum:

  • Warna: Mungkin cara yang paling umum untuk menerapkan kontras adalah melalui warna. Anda dapat menggunakan warna kontras dari warna yang sama (seperti hitam dengan abu-abu muda) atau dua warna pada ujung roda warna yang berlawanan (oranye dan biru). Anda bahkan bisa menggunakan satu warna untuk membuat elemen blog tertentu menonjol, seperti bagaimana tombol akses Instant Access Merah terbuka melawan latar belakang hijau pucat.

  • Fonts: Menggunakan dua font berbeda yang saling melengkapi juga bisa membuat kontras di teks Anda. Misalnya, memasangkan font skrip dengan font sans-serif memberikan ketertarikan visual.

    Anda juga bisa menerapkan kontras dengan font yang sama dengan menerapkan huruf tebal dan huruf miring. Cukup gunakan baik di moderasi. Selain itu, hindari menggarisbawahi teks karena kebanyakan pengunjung online akan menganggap bahwa kata yang digarisbawahi adalah hyperlink.

  • Ukuran: Memiliki dua atau lebih elemen desain dengan berbagai ukuran juga menciptakan kontras.Misalnya, kebanyakan semua desain blog menggunakan judul posting blog yang lebih besar dari pada subpos di dalam konten postingan.

  • Gambar dalam konten blog Anda: Menambahkan gambar ke konten blog Anda memberi kontras dengan memecah bagian teks yang besar dan menarik pembaca lebih jauh ke dalam blog Anda.

Setelah Anda memahami cara menerapkan kontras, Anda dapat mulai menggabungkannya untuk menambahkan kontras yang lebih besar lagi, seperti menggunakan dua huruf yang berbeda dengan dua warna yang berbeda.

Terapkan jumlah kontras yang tepat

Kontras dalam desain blog bisa jadi rumit. Lebih kontras tidak selalu sama kontrasnya. Dan terkadang Anda mungkin tidak ingin menerapkan kontras yang cukup karena takut membawanya terlalu jauh.

Terlalu banyak kontras bisa mengganggu pembaca atau menghalangi keterbacaan blog Anda. Misalnya, menggunakan teks putih di latar belakang hitam adalah contoh yang sering dikutip karena terlalu banyak kontras. Meski bisa bekerja dalam dosis kecil, membaca paragraf demi paragraf menjadi melelahkan karena matamu harus bekerja lebih keras untuk membaca teksnya.

Ini juga menghasilkan halation , kecenderungan karakter putih atau teks untuk "bercahaya" saat berada di latar belakang hitam.

Meski belum tentu menggelegar, terlalu sedikit kontras juga bisa membuat blog Anda sulit dibaca. Misalnya, membuat subpos di pos blog Anda hanya dengan teks bending mungkin tidak membuat subpos cukup menonjol untuk seseorang yang menggelapkan posting blog Anda. (Kebanyakan orang skim.)

Dalam contoh ini, menggunakan font yang berbeda dan warna yang berbeda menambahkan kontras yang cukup untuk cara orang cenderung berinteraksi dengan konten blog Anda.

Ketika Anda memutuskan bagaimana elemen harus kontras, perhatikan pertanyaan berikut:

  • Apa tindakan terpenting dan kedua yang paling penting yang Anda inginkan agar diambil oleh pengunjung blog? Tambahkan kontras untuk menyoroti area blog Anda di mana pembaca akan melakukan tindakan tersebut (seperti contoh tombol Akses Instan Gratis yang disebutkan sebelumnya).

  • Bagaimana kontras membuat konten ini mudah diakses oleh pengunjung blog? Terkadang, putus teks dengan foto sangat ideal. Misalnya, bagaimana cara mengeposkan penuh foto yang menunjukkan langkah-langkahnya adalah cara yang paling efisien dan mudah dilakukan untuk menyajikan informasi tersebut dan memecah teksnya. Jika konten Anda lebih konseptual daripada visual, hancurkan teks menjadi subpos seperti yang ditunjukkan mungkin merupakan pilihan yang lebih baik.

Buat Kontras dalam Desain Blog - dummies

Pilihan Editor

Cara Membuat Template Tata Letak Sendiri di SketchUp Pro - dummies

Cara Membuat Template Tata Letak Sendiri di SketchUp Pro - dummies

Sebagian besar desain SketchUp Pro presentasi yang Anda (atau perusahaan Anda) susun mungkin terlihat sama - lagipula, itu adalah bagian dari identitas merek Anda. Jika dokumen presentasi yang Anda buat adalah semua variasi pada beberapa tema, mengapa tidak membuat template Anda sendiri dan menggunakannya setiap kali Anda memulai sebuah proyek baru? ...

Buat Openings untuk Model SketchUp Anda dan sebagian - lamanya

Buat Openings untuk Model SketchUp Anda dan sebagian - lamanya

Sebagian besar waktu, Anda bisa ' t pergi dengan menggunakan komponen pintu dan jendela buatan SketchUp. Karena komponen ini tidak bisa menembus dinding berwajah dua, mereka hanya sebatas penggunaan luar saja. Tidak apa-apa; memotong lubang Anda sendiri di dinding cepat dan mudah, dan Anda berakhir dengan apa yang Anda inginkan. Untuk memotong ...

Buat Dinding Tambahan untuk Model SketchUp Anda - dummies

Buat Dinding Tambahan untuk Model SketchUp Anda - dummies

Kebanyakan bangunan bukanlah ekstrusi sederhana; Mereka bertemu dan keluar saat mereka bangkit. Dek lantai dua duduk di atas garasi lantai satu; kamar tidur kantilever di atas kebun; atap antara tempat tinggal tambahan kamar baru. Bangunan - terutama rumah bertingkat - adalah majelis yang rumit. Mencari tahu di mana dinding, lantai, dan langit-langit berkumpul membutuhkan waktu, trial and error, dan yang baik ...

Pilihan Editor

Bagaimana Pengaturan Warna Bekerja di Photoshop CS6 - dummies

Bagaimana Pengaturan Warna Bekerja di Photoshop CS6 - dummies

Setelah Anda menentukan profil warna Anda di kotak dialog Color Settings Dalam karya Adobe Photoshop Creative Suite 6, Anda mungkin ingin mendapatkan pegangan bagaimana pengaturan yang baru terbentuk ini memengaruhi cara kerja Photoshop. Meskipun pengaturan biasanya hanya mempengaruhi bagaimana Photoshop bekerja di latar belakang, Anda mungkin ingin menyadarinya ...

Seleksi mengambang dan tanpa lemak dengan alat CS5 Marquee Tool

Seleksi mengambang dan tanpa lemak dengan alat CS5 Marquee Tool

Menggunakan alat seleksi Photoshop Creative Suite 5 untuk membuat gambar terlihat seolah-olah Anda belum membuat ulang atau mengeditnya - untuk membuat foto Anda terlihat nyata, tidak dibikin. Alat Marquee adalah alat seleksi utama; Dengan itu, kami berarti Anda menggunakannya paling sering untuk membuat pilihan. Alat Marquee mencakup Rectangular ...

Bagaimana menambahkan Warna dengan Photo Filters di fotografer Photoshop CS6 - dummies

Bagaimana menambahkan Warna dengan Photo Filters di fotografer Photoshop CS6 - dummies

Akan menghargai Photo Filter perintah di Photoshop CS6 dan kemampuannya untuk menambahkan warna, yang mengingatkan pada metode analog menempatkan filter berwarna di depan lensa kamera untuk men-tweak keseimbangan warna dan suhu warna cahaya yang masuk melalui lensa. Ini adalah cara yang bagus untuk ...

Pilihan Editor

LSAT Reading Comprehension: Bagaimana Menjawab Pertanyaan Informasi Langsung - dummies

LSAT Reading Comprehension: Bagaimana Menjawab Pertanyaan Informasi Langsung - dummies

Beberapa pertanyaan membaca LSAT bertanya Anda tentang pernyataan spesifik dari bagian ini. Pertanyaan-pertanyaan ini berpotensi menjadi jenis pertanyaan bacaan paling mudah karena informasi yang Anda butuhkan untuk menjawab pertanyaan tersebut dinyatakan di bagian ini, dan jawaban yang benar adalah parafrase. Anda hanya perlu menemukannya. Informasi ini mungkin bersifat kuantitatif, seperti ...

Reasoning logis LSAT Practice - dummies

Reasoning logis LSAT Practice - dummies

Setiap LSAT menyertakan bagian dari pertanyaan yang disebut penalaran logis. Anda akan diminta untuk membaca sebuah bagian dan memilih jawaban terbaik dari pilihannya. Cobalah beberapa latihan. Pertanyaan contoh penalaran logis Sebuah perusahaan kosmetik melakukan studi tentang warna rambut yang melibatkan 100 wanita, yang semuanya mewarnai rambut mereka dengan ...

LSAT Reading Comprehension: Bagaimana Menjawab Pertanyaan Gambaran Besar - dummies

LSAT Reading Comprehension: Bagaimana Menjawab Pertanyaan Gambaran Besar - dummies

Bagian pemahaman bacaan dari LSAT berisi berbagai jenis pertanyaan. Yang harus Anda siapkan adalah pertanyaan besar. Pertanyaan ide utama dan pertanyaan yang meminta Anda untuk mengidentifikasi tujuan utama sebuah bagian mempertimbangkan keseluruhan bagian. Hampir setiap bagian memiliki setidaknya satu pertanyaan yang meminta Anda untuk melihat ...