Apakah gambar bertitik merupakan tren baru dalam Desain Web?


8

Akhir-akhir ini saya perhatikan bahwa beberapa situs web yang saya kunjungi secara teratur mengadopsi tren baru dan aneh dalam Desain Web: "the dotted pictures". Tidak yakin harus menyebutnya apa. Tampaknya seolah-olah sebuah pola titik-titik yang ditempatkan secara teratur sengaja diletakkan di atas semua gambar kecil, atau kadang-kadang itu adalah pola kotak cahaya alih-alih titik, tetapi tampilan akhirnya mirip. Sepertinya gambar agak bingung.

Saya pribadi menemukan efek yang mengerikan dan pada awalnya saya pikir rendering gambar browser saya salah, tetapi saya mencoba 3 browser yang berbeda dan saya masih dapat melihat polanya. Sepertinya itu dimaksudkan.

Sebenarnya, salah satu situs web yang dulu melakukan itu kembali ke gambar biasa. Itu adalah situs web surat kabar dan saya curiga mereka mendapat banyak telepon yang menanyakan mengapa foto mereka kacau dan membalikkan keputusan setelah beberapa bulan.

Adakah yang pernah mendengar atau melihat ini sebelumnya?

Tautan contoh: http://www.linkedin.com/today/se/editorspicks


1
bagaimana dengan beberapa contoh?
Dan Hanly

Maaf saya bermaksud memposting satu, saya baru saja memperbarui pertanyaan saya.
md1337

3
Tidak, ini bukan tren baru.
DA01

1
Perlu dicatat bahwa ini dapat menyebabkan efek moire yang mengganggu ketika gambar diskalakan, misalnya pada browser ponsel cerdas.
e100

1
Saya tidak melihatnya ...
Alex

Jawaban:


13

Di masa lalu, saya telah melihat efek ini digunakan untuk meningkatkan fitur gambar. Tautan yang Anda poskan tampaknya melakukannya dengan sia-sia.

Lihat http://demo.grandpixels.com/?theme=linguini

Teks pada gambar slider utama benar-benar muncul karena overlay gaya grid / dot menggelapkan dan mengaburkan gambar sedikit, membuat teks putih tampak lebih putih dan jelas.

Gambar pada tautan saya terlihat bagus, dan gambar hamparan melayani tujuan yang cukup jelas, dan itu untuk meningkatkan pesan teks; sesuatu yang dilakukannya dengan cukup baik.

masukkan deskripsi gambar di sini

Tanpa hamparan kisi, teks putih akan berbaur dengan keju di belakang.
Mereka membutuhkan gaya yang akan bekerja untuk gambar apa pun di belakang, terang atau gelap, dan agar teks tidak kehilangan dampaknya ketika ditampilkan di atas gambar latar belakang.

Contoh yang ditautkan di Anda menunjukkan bagaimana itu tidak boleh digunakan.
Lebih sering daripada tidak, Desain Grafis adalah ilmu lebih dari seni, dan efek seperti ini tidak boleh digunakan karena "mereka terlihat bagus", mereka harus digunakan karena tujuan yang jelas telah ditentukan untuk penggunaannya, dan itu digunakan dibenarkan dalam konteks halaman.


Kiat hebat tentang bagaimana hamparan kisi membantu teks menonjol dari gambar.
jhocking

Saya dapat melihat penggunaannya dalam kasus terbatas seperti pada contoh Anda. Kalau tidak, itu hanya tipuan. Saya baru saja ingin tahu ketika saya mulai melihat ini di lebih banyak situs web belakangan ini dan saya pikir ada semacam tren yang berkembang. Semoga itu akan mati dengan cepat. Sebagai catatan samping yang ramah saya menemukan implementasi teknis Anda kurang optimal, itu sangat lambat karena Anda menggunakan latar belakang 2x2 berulang dan itu membuat banyak tekanan pada browser untuk membuat. Saya akan sangat meningkatkan ukuran hamparan dan Anda akan melihat peningkatan besar dalam respons gulir halaman.
md1337

Bersulang. Namun, itu bukan milik saya, saya baru saja menemukannya di web;)
Dan Hanly

5

Overlay pola adalah alat desain yang berguna dan dapat melayani beberapa tujuan. Seperti yang disebutkan sebelumnya, ini dapat membantu secara visual memisahkan elemen-elemen grafis pada halaman, tetapi juga membantu menyembunyikan ketidaksempurnaan / artefak kompresi jpeg dalam gambar beresolusi rendah yang sedang oversampled untuk mengisi tampilan HD (1920 x 1080).

Terkadang saya akan menggunakan overlay pola untuk menyatukan tampilan kumpulan gambar. Jika saya memiliki 6 gambar yang dipotret dengan sangat baik dan 3 gambar yang tidak begitu baik, menempatkan overlay pola pada mereka membantu meratakannya dan membuat transisi antara gambar yang baik dan buruk menjadi kurang dramatis.

Berikut ini adalah contoh di mana saya pikir overlay pola berfungsi dengan baik walaupun saya yakin Anda akan kesulitan meyakinkan fotografer asli bahwa ini merupakan peningkatan. :) http://goo.gl/d0OYOO


2

Efeknya sebenarnya berasal dari hari-hari sebelumnya dari optimasi web.

Efek bertitik akan diterapkan pada gambar yang sangat terkompresi sehingga mereka mulai artefak. "Grid bertitik" akan menyembunyikan artefak ini dan membuat gambar tampak kurang terkompresi.

Itu kemudian menyebar sebagai efek normal, dan seperti yang dikatakan Daniel, itu dapat membuat atau menghancurkan gambar. Jika digunakan dengan benar (seperti kebanyakan efek lainnya) Anda bisa mendapatkan hasil yang bagus.


1

Saya pikir dalam kasus contoh Anda, itu dilakukan untuk mengaburkan gambar sedikit.

Saya juga berpikir itu adalah throwback ke gaya sebelumnya.


1

Alasannya adalah untuk menutupi resolusi gambar yang rendah. Menggunakan gambar beresolusi rendah dapat meningkatkan waktu pemuatan situs web dan membuat Google bahagia. Jadi dari perspektif SEO itu tren.


0

Saya tidak tahu apakah itu tren atau tidak. Tetapi jika itu adalah - dan interpretasi saya cocok efek idended (mengacu pada contoh Pilih Anda Linkedin Editor), saya pikir itu sebuah konsep menarik yang hanya mungkin menahan beberapa berat, bukan hanya bulu.

Sangat mungkin, ini mungkin sedikit sulit, tetapi bagi saya, sepertinya apa yang mereka coba capai adalah memberi sinyal bahwa gambar ini mengarah ke konten / artikel yang berada di tempat lain (yaitu materi luar; bukan di dalam situs saat ini) ). Hampir seolah-olah Anda semacam 'mengintip' melalui jendela kecil, ke tempat lain - menambahkan kedalaman (lapisan lain) yang, dari sudut pandang kegunaan sebenarnya bisa membuktikan potensi dalam konteks tertentu.

Saya akui saya tidak yakin dengan eksekusi pada contoh yang Anda berikan; efeknya tidak bekerja secara optimal pada setengah dari gambar (masalah utama adalah bahwa konsep ini tidak berjalan dengan baik pada gambar tidak menjadi foto).

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.