Idea & Trend Cemerlang untuk Pos Ciri Widget yang terkenal

Menjalankan majalah dalam talian yang berjaya memerlukan khalayak yang padat dan banyak penulisan yang berkualiti tinggi. Tetapi susun atur majalah juga memainkan faktor penting dalam penglibatan pelawat. Satu teknik adalah untuk mencipta widget pos yang dipaparkan di bahagian atas laman utama. Ini mempamerkan artikel-artikel yang paling baru-baru ini untuk memacu pembaca lebih jauh ke dalam laman web ini.

Dalam jawatan ini saya ingin menutup teknik reka bentuk yang boleh digunakan untuk membuat widget pos pilihan yang berjaya. Walaupun widget ini sering berfungsi dengan baik pada susun atur gaya majalah, anda juga boleh menggunakannya untuk blog yang lebih kecil atau laman web kandungan dinamik.

Kontras tipografi

Catatan utama dipaparkan bergantung pada imej kecil untuk menarik perhatian. Ini sering mengambil bentuk imej latar belakang yang terikat kepada setiap tajuk artikel.

Teknik ini kelihatan hebat tetapi ia sukar untuk membina kontras ketara antara tipografi dan gambar latar belakang yang dinamik. Dengan mempelajari majalah lain, anda boleh mengambil teknik halus untuk membantu meningkatkan kebolehbacaan.

Web Seterusnya adalah majalah dalam talian yang besar dengan widget posting terkemuka di laman utama. Setiap lakaran kecil bervariasi tetapi mereka semua digunakan kecerunan gelap untuk kontras yang lebih baik.

Tajuk artikel ditaruh di bahagian bawah blok kecil di atas kecerunan gelap. The Teks ringan mudah dikonsumsi pada latar belakang gelap, namun ia tidak meliputi keseluruhan imej sama ada.

Kemajuan moden dalam CSS3 membolehkan pemaju mencipta kesan ini dengan mudah. Gradien tetap sempurna jika anda boleh mendapatkannya mengalir secara semula jadi di atas setiap lakaran kecil dan masih tunjukkan cukup imej untuk menarik perhatian.

Teknik yang sedikit berbeza digunakan di laman utama Trend Digital. Widget siaran ini menggunakan latar belakang yang kukuh pepejal tinggi di belakang teks untuk membuat tajuk setiap tajam dan bersemangat.

Perbezaan di sini ialah setiap warna latar belakang adalah 100% pepejal. Anda tidak dapat melihat keseluruhan gambar kecil itu bahagian kecil hilang dari pandangan. Tetapi teks jelas dibaca yang boleh menjadi sama menarik kepada pelawat yang pertama mendarat di laman utama Digital Trends.

Mencari jumlah kontras yang betul adalah rumit. Sesetengah laman web seperti TechCrunch cuba untuk meletakkan teks di sebelah lakaran kecil untuk mengalih keluar masalah ini sepenuhnya.

Tetapi jika anda suka gaya reka bentuk teks tajuk di atas lakaran kecil yang anda mahu pertimbangkan bagaimana faktor kontras ke dalam persamaan.

Saiz Imej Sporadis

Nilai widget pos yang diketengahkan adalah untuk kandungan ciri di bahagian atas halaman. Asimetri adalah cara yang baik untuk memberi perhatian kepada sesuatu, dan dalam kes ini, saiz lakaran asimetri berfungsi hebat.

Ambil contoh laman utama ZDNet. Dalam widget pilihan mereka artikel terbesar di sebelah kiri menggunakan imej kecil terluas untuk mengambil lebih banyak ruang dan semoga menarik perhatian. Imej kecil yang diketengahkan lain jatuh ke dalam saiz yang lebih kecil dengan tajuk utama yang lebih kecil.

Perhatikan bagaimana struktur grid ini secara semulajadi memimpin mata anda di sekeliling halaman. Tontonan setiap pengunjung cenderung jatuh di satu kawasan tertentu, kemudian bergerak antara setiap lakaran kecil sehingga sesuatu melompat keluar.

Juga ZDNet meletakkan a kecerunan gelap di atas setiap imej lakaran kecil ke membina kontras tipografi untuk teks yang lebih mudah dibaca. Secara asasnya, ia merupakan salah satu reka bentuk widget pos terbaik yang pernah saya lihat.

Gaya reka bentuk yang hampir sama boleh didapati di laman utama CNET. Gambar kecil terbesar mengambil tempat di sebelah kiri sejak kebanyakan pengunjung membaca dari kiri ke kanan.

Apabila merancang widget pos pilihan anda sendiri tidak merasa perlu untuk mengikuti teknik yang sama ini. Anda boleh pergi dengan saiz lakaran apa-apa selagi mereka sesuai bersama secara kohesi dan membentuk susun atur grid bersatu.

Gaya Thumbnail Tersuai

Pilihan reka bentuk berbeza-beza dari susun atur ke susun atur supaya tidak ada penyelesaian sempurna. Widget pos yang dipilih pasti lebih kompleks untuk mereka bentuk, jadi mereka memerlukan kajian dan kesabaran untuk dimuatkan ke dalam susun atur tersuai.

Gaya setiap lakaran kecil mempengaruhi bagaimana keseluruhan widget kelihatan kepada khalayak anda. Ambil contoh gaya widget yang dipaparkan di The Verge.

Setiap lakaran kecil mempunyai kecerunan berwarna-warni di bahagian atas foto. Ini meningkatkan kontras dan meningkatkan kebolehbacaan, tetapi ia juga menambahkan bakat tertentu ke laman web juga.

Sesetengah orang tidak menyukai gaya ini kerana mereka mendapati ia kelihatan menarik atau tidak menarik. Tetapi ia juga agak popular di kalangan pembaca Verge dan pereka lain meniru gaya ini.

Tetapi warna dan teknik mewah bukan satu-satunya faktor untuk dipertimbangkan. Grid dan saiz lakaran kecil juga perlu dipilih dengan teliti kerana mereka membantu untuk menentukan keseluruhan gaya widget siaran dipaparkan.

Mungkin salah satu contoh terbaik adalah reka bentuk Mashable yang telah melalui banyak fasa selama bertahun-tahun. Kini dianggap sebagai sumber arus perdana untuk berita, Mashable berfungsi untuk menjejalkan sejumlah besar posting ke laman utama untuk melayari mudah.

Beberapa jawatan menggunakan imej kecil kecil sementara papan pendahulu utama mereka membetulkan sepanduk lakaran kecil yang penuh dengan penuh pada artikel itu. Ini mesti memerlukan kerja tambahan dari editor untuk memastikan semua jawatan mempunyai gambar yang sesuai dengan saiz yang betul.

Tetapi selepas mendarat di laman web ini, anda akan melihatnya melepaskan rasa kredibiliti. Gaya ini terasa sangat arus utama dan boleh digunakan oleh hampir semua jenis majalah dalam talian untuk membina kepercayaan dengan readerbase. Satu-satunya masalah ialah menulis kandungan yang cukup untuk mengisi halaman!

Widget Multi-Post

Beberapa paparan widget paparan dipaparkan dalam a grid statik. Ini selalunya pilihan yang paling popular kerana ia boleh dibuat respons dan menggabungkan dengan baik ke dalam susun atur.

Widget lain bergantung pada interaksi dinamik seperti tayangan slaid. Ambil contoh laman utama Vanity Fair dengan blok pos yang dipaparkan di bahagian atas halaman. Hanya satu siaran dipaparkan pada satu-satu masa tetapi artikel baru dipaparkan ketika melayang di atas tajuk utama.

Kedua-dua lakaran kecil dan gelaran auto-kemas kini dengan interaksi hover mudah. Satu perkara yang perlu diperhatikan ialah ini boleh menjadi sangat membingungkan untuk pengguna Internet yang tidak biasa dengan teknik hover dinamik ini.

Tetapi pada sisi positif teknik ini akan menjimatkan ruang pada halaman dengan menyembunyikan kandungan yang berlebihan.

Cuba jangan memikirkan widget pos yang diketengahkan sebagai hitam-putih. Mereka hanya seksyen halaman yang digunakan untuk menampilkan artikel paling menarik atau popular. Teknik (teknik) yang anda lakukan ini boleh menjadi terbuka untuk perdebatan.

Majalah kompleks menggunakan paparan gambar pertunjukan penuh untuk widget pilihan mereka. Setiap pos mempunyai lakaran kecil yang ditampilkan bersama dengan kecerunan bawah untuk kontras percetakan.

Tetapi bukannya meletakkan setiap lakaran kecil bersebelahan, artikel-artikel aliran secara dinamik melalui kotak tayangan slaid. Navigasi boleh ditetapkan secara automatik atau dikawal oleh pautan anak panah. Reka bentuk ini menjimatkan banyak ruang dan memastikan pengguna lebih bersedia untuk berinteraksi dengan halaman tersebut.

Wrap Up

Tidak ada reka bentuk yang betul atau salah ketika datang ke paparan pos yang ditampilkan. Mereka semua berkongsi banyak sifat yang serupa tetapi setiap majalah menggunakan gaya mereka sendiri untuk mengatur kandungan yang ditampilkan.

Saya harap jawatan ini menawarkan tip praktikal untuk digunakan apabila mereka bentuk widget posting pilihan anda sendiri. Sekiranya anda rasa terperangkap hanya melihat majalah lain untuk inspirasi. Cari ciri yang anda suka dan cari bagaimana untuk meniru mereka untuk menggabungkan ke dalam reka bentuk majalah anda sendiri.