Menjelajahi Tren Desain Penggunaan Gambar dalam Desain Web

Diterbitkan: 2020-03-11

Ungkapan "fotografi stok" sering kali membangkitkan bidikan pertemuan bisnis di mana setiap orang secara tak dapat dijelaskan berseri-seri dengan gembira. Ini terasa murahan, tidak alami, dan kurang cocok untuk desain web modern. Tetapi fotografi di web tidak harus terasa tidak pada tempatnya.

, Faktanya, beberapa situs web terbaik menggunakan citra yang tampak alami untuk menambahkan rasa identitas ke dalam desain. Artikel ini adalah semua tentang tata letak dan tren desain yang digunakan bersama dengan fotografi stok yang dapat dipertahankan dan indah. Jika Anda dapat memperoleh foto berkualitas tinggi untuk proyek web, maka fase desain menjadi jauh lebih mudah.

Lokasi & Lingkungan

Saat menjual perusahaan atau acara, lokasi bisa menjadi sangat penting. Terutama jika itu adalah pengecer yang kebanyakan orang akan kunjungi secara langsung.

Bisnis ini menggunakan situs web mereka seperti representasi digital perusahaan. Jadi foto lingkungan sangat cocok karena memberi pengunjung pandangan sekilas tentang bangunan dan bahkan mungkin interiornya. Tetapi jika tidak memungkinkan untuk mendapatkan foto lokasi, Anda dapat menggunakan lokasi populer terdekat.

situs web tampilan jejak lembah alam

Halaman web untuk Nature Valley Trail View mencakup foto-foto besar taman nasional di seluruh Amerika. Setiap foto mungkin diambil secara khusus untuk situs web ini, atau semuanya dapat berupa foto stok yang dibeli secara online.

Either way, segera terlihat bahwa foto-foto itu berkualitas sangat tinggi. Karena foto memakan banyak ruang, mereka benar-benar menentukan tampilan & nuansa situs web secara keseluruhan. Foto berkualitas rendah akan menyiratkan situs web berkualitas rendah, tetapi dalam kasus ini kami memiliki kebalikannya.

Untuk contoh yang lebih pribadi, lihat Red Dessert Dive. Ini adalah toko roti / kafe yang berspesialisasi dalam makanan penutup khusus. Di seluruh halaman, Anda akan menemukan berbagai foto tetapi tajuknya paling signifikan.

beranda toko roti selam pencuci mulut merah

Pengunjung akan melihat tajuk sebelum hal lain sehingga perlu mengemas pukulan. Foto lingkungan ini memamerkan interior unik toko roti ini bersama dengan beberapa makanan penutup dan peralatan makan. Citra yang kuat seperti contoh ini menunjukkan apa yang dilakukan perusahaan tanpa hanya mengandalkan teks.

Pertimbangkan untuk menggunakan foto lingkungan saat Anda perlu menghubungkan situs web ke lokasi fisik.

Memadukan Potret Pribadi

Banyak stok foto datang sebagai render transparan dengan latar belakang dihapus. Ini sering ditambahkan ke situs perusahaan untuk beberapa grafik tambahan atau untuk membuat komposit foto baru.

Meskipun keren untuk menyertakan foto staf atau anggota tim, komposit foto juga sangat populer. Seorang desainer yang cerdik dapat mengerjakan potret pribadi ke dalam desain dengan teknik pengomposisian yang elegan.

komposit foto beranda amazee labs

Contoh favorit saya sepanjang masa dapat ditemukan di Amazee Labs. Efek tipografi bekerja menjadi komposit foto layar penuh. Salah satu karyawan terlihat di sofa sementara dinding krem ​​menyatu dengan mulus ke latar belakang.

Saya suka tren ini karena lebih dari sekadar foto layar penuh biasa. Header terlihat seperti satu warna solid sampai Anda menyatukan semuanya. Ini adalah efek yang benar-benar unik dan merupakan contoh sempurna dari pengomposisian stok foto untuk web.

Ingatlah bahwa orang suka bekerja dengan & membeli dari orang sungguhan. Situs web tanpa wajah terkadang dapat berfungsi dengan baik – lihat kesuksesan Amazon dan eBay.

Tapi sedikit sentuhan pribadi juga bisa membuat perbedaan.

beranda situs web komedian brian regan

Brian Regan adalah komedian stand-up dengan situs web yang penuh dengan foto. Beranda menampilkan gabungan dirinya yang dicampur ke dalam latar belakang bertekstur. Ini bukan tata letak situs web tradisional tetapi berfungsi untuk situs pribadi hanya menggunakan beberapa halaman.

Anda akan menemukan lebih banyak foto di halaman tentangnya dengan header layar penuh ditambah beberapa komposit lainnya.

Jangan berasumsi bahwa semua stok foto harus online tanpa edit. Sedikit keajaiban Photoshop dapat mendorong fotografi situs web Anda ke arah yang benar-benar baru.

Fotografi Produk

Setiap toko eCommerce yang bagus akan membutuhkan beberapa foto produk. Mereka penting untuk menjual barang fisik & digital.

Gaya fotografi ini agak unik dan sebagian besar fotografer profesional mengklasifikasikan bidikan produk sebagai bidikan yang berbeda dari bidikan kepala biasa. Intinya adalah untuk menangkap setiap produk dalam cahaya tertentu sehingga pelanggan mendapatkan tampilan yang baik dan mudah-mudahan melakukan pembelian.

foto produk nike sb dunk ecommerce

Lihatlah toko Nike onlike dengan sepatu kets yang dikatalogkan menjadi gambar mini. Setiap foto pada dasarnya sama dengan sepatu kets menghadap ke kanan dengan latar belakang abu-abu yang sama.

Beberapa sepatu kets menawarkan warna alternatif yang dapat Anda pilih saat mengarahkan gambar mini. Ini lebih merupakan fitur canggih tetapi menunjukkan pentingnya foto produk yang berkualitas. Jika Anda menjalankan toko online dan menjual barang dagangan fisik, sebaiknya pekerjakan seorang profesional untuk mengambil gambar produk untuk situs web Anda.

Potret berkualitas tinggi atau bidikan lingkungan dapat meningkatkan desain situs web, tetapi bidikan produk berkualitas tinggi sebenarnya dapat mendorong penjualan.

Dalam hal produk fisik, foto yang bagus itu penting. Produk digital dapat menggunakan bidikan pratinjau yang diambil langsung dari komputer – mungkin sedikit Photoshop untuk mempercantiknya. Tapi bagaimana dengan layanan perusahaan?

portofolio desainer lee w robinson

Situs web Lee W. Robinson adalah portofolio untuk desain & renovasi interior. Foto-fotonya tidak termasuk barang yang sebenarnya untuk dijual, melainkan contoh karyanya. Layanan nyata yang nyata paling cocok dengan foto-foto pekerjaan.

Tetapi beberapa kesulitan muncul ketika merancang untuk layanan yang tidak dapat ditampilkan dalam fotografi, seperti pipa ledeng. Dalam hal ini, Anda dapat memilih potret pribadi atau mencampurnya dengan bidikan lingkungan kantor, peralatan, atau rumah pelanggan (jika memungkinkan).

Latar Belakang Layar Penuh

Latar belakang layar penuh dapat mencakup foto orang, lingkungan, alur kerja, atau apa pun. Idenya adalah menggunakan fotografi untuk membangun identitas situs web. Blind Barber menggunakan teknik layar penuh dengan tayangan slide gambar yang menghubungkan ke halaman individual.

foto header tukang cukur buta

Setiap foto cocok dengan tautan masuk dari memesan janji temu hingga menjelajahi toko online Blind Barber. Dan foto-fotonya berkualitas bagus sehingga menambah nilai nyata pada keseluruhan desain.

foto beranda buku janggut

Contoh keren lainnya adalah situs web Book of Beards. Ini menggunakan satu gambar layar penuh tunggal untuk latar belakang yang tetap melalui setiap halaman. Situs ini mengandalkan JavaScript untuk memuat setiap halaman sehingga foto latar belakang menjadi titik fokus yang konsisten.

Buku tersebut sebenarnya dibuat oleh Justin James Muir yang merupakan seorang fotografer profesional. Situs web Book of Beards membuktikan bahwa kesederhanaan dapat sangat membantu dan bahwa foto benar-benar dapat memainkan peran besar dalam desain web.

Menambahkan Sentuhan Pribadi

Anda tidak selalu membutuhkan stok foto untuk mengambil sebagian besar halaman. Bahkan potret kecil atau gambar mini dapat menawarkan sentuhan pribadi pada desain Anda.

foto pribadi mat helm

Portofolio Mat Helme menampilkan foto profil dirinya. Itu pasti besar tapi itu juga satu-satunya foto asli dirinya di seluruh situs. Potret pribadi Mat hanya untuk orang-orang yang menjelajah sejauh itu ke situs webnya.

Tapi kita bisa lebih kecil lagi dan tetap mendapatkan efek yang sama. Lihat catatan kaki di portofolio Rogie King.

foto kepala rogie king

Fotonya adalah gambar mini 200x200 abu-abu yang ditampilkan di sudut bagian footer situs web. Meskipun kecil dan ringan tetap menawarkan sentuhan pribadi yang kuno.

Tren fotografi pribadi ini dapat berkembang menjadi sebuah tim lengkap tentang halaman dengan biografi dan profil sosial untuk setiap anggota tim. Tujuannya adalah untuk menawarkan kepribadian sebanyak (atau sesedikit) yang diperlukan agar sesuai dengan situs web.

Kesimpulan

Faktor terpenting dalam hal fotografi stok adalah kualitas. Ini benar-benar bisa menjadi perbedaan antara karya desain yang mengagumkan dan yang mengerikan. Foto berkualitas tinggi akan membantu membangun merek yang bereputasi baik untuk situs web apa pun. Dengan mengikuti tren dalam posting ini, Anda dapat menggunakan foto dengan tujuan untuk merancang identitas digital yang kuat.