Tips saya untuk merancang gambar situs web yang sangat baik [With Canva, beragampengetahuan, + 3 More Tools] – Beragampengetahuan

Saya telah merancang gambar untuk situs web selama sekitar tujuh tahun, jadi saya telah menemukan banyak alat untuk membuat prosesnya sederhana.

Jika Anda ingin membuat situs web yang pertama kali dibuat atau memasukkan gambar yang menarik ke dalam merek Anda dan tidak yakin betapa beruntungnya Anda.

Dalam posting ini, saya akan membagikan tips dan alat favorit saya untuk merancang gambar situs web yang akan membuat situs web Anda menonjol dan memuaskan pengunjung Anda.

Daftar isi

Apa itu gambar situs web?

Gambar situs web terkait dengan elemen visual apa pun di situs web, seperti ilustrasi, foto, video, atau grafik. Ini meningkatkan kualitas, pengalaman, banding, berbagi informasi, dan minat pengunjung.

Jenis Gambar Situs Web

Selain jenis gambar yang saya sebutkan di atas, jenis gambar situs web lainnya meliputi:

Logo

Merupakan pernyataan untuk mengatakan bahwa logo itu penting bagi situs web Anda. Saya pikir ini sangat penting untuk membangun pengakuan merek, kepercayaan, dan kredibilitas.

Logo perusahaan denim Levi’s termasuk spanduk untuk situs webnya, dan di mana pun Anda mengklik atau menggulir, logo tetap menjadi kehadiran yang konstan. Logo Levi memberi tahu saya sebagai konsumen bahwa situs web yang saya kunjungi adalah legal, jadi saya dapat percaya bahwa saya membelinya dari merek yang tepat.

sumber

Infografis

Infografis adalah gambar yang dirancang untuk berbagi informasi atau data. Contoh berikut menggabungkan grafik dan teks untuk menjelaskan proses donasi rambut.

Infografis adalah cara yang bagus untuk menyederhanakan konsep yang tampaknya kompleks dan memudahkan pemirsa untuk dicerna.

sumber

gif

Ada yang mengatakan bahwa gaya GIF sudah ketinggalan zaman, terutama di Gen Z, tetapi Anda harus mencabut gif dari jari -jari milenium saya. GIF adalah gambar perulangan pendek dan animasi yang sering digunakan untuk menyampaikan emosi, humor, reaksi, atau pesan. Teman -teman saya memanggil saya ratu gif karena saya memiliki gif dalam setiap kasus.

Rendering 3D

Render 3D adalah gambar 2D yang dibuat oleh model 3D. Mereka sering digunakan untuk melakukan tur bangunan virtual atau memberi pemirsa gagasan tentang bagaimana objek 3D terlihat dalam kehidupan nyata. Ketika saya berbelanja untuk furnitur online, saya biasanya melihatnya, dan Anda mungkin juga memilikinya.

sumber

Tips untuk membuat gambar situs web yang bagus

Saya belajar dari waktu saya sebagai jurnalis digital dan pembuat konten yang membuat gambar situs web yang hebat tidak selalu sulit. Yang perlu Anda lakukan adalah berikut ini:

Gunakan warna yang harmonis.

Warna yang bertentangan di situs web dapat membuat perselisihan dan mengalihkan perhatian penonton. Lebih buruk lagi, skema warna yang salah dapat membuat situs web Anda sulit dipahami atau dibaca. Jadi cobalah untuk mengoordinasikan warna di situs web Anda, terutama saat merancang grafik.

Saya suka menggunakan roda warna interaktif Canva untuk menentukan koordinasi warna mana. Dengan cara ini, saya hanya perlu memilih warna dan kombinasi untuk merancang grafik seimbang warna.

sumber

Saya tidak akan memberi Anda kursus kecelakaan lengkap tentang teori warna, tetapi saya dapat memecah tiga contoh sederhana warna yang harmonis sehingga Anda bisa mengingatnya.

1. Warna pelengkap Itu adalah warna yang saling berhadapan pada roda warna. Misalnya, kuning tepat di seberang ungu pada roda warna. Kombinasi ini menciptakan kontras yang tinggi dan akan menonjol.

sumber

2. Warna serupa Pada roda warna, berdekatan satu sama lain, seperti pola emas, kuning dan musim panas. Warna -warna ini bersama -sama dapat menciptakan rasa persatuan dan ketenangan bagi penonton.

Lihat contoh di bawah ini. Merasa tenang?

sumber

3. Warna triad Jarak secara merata di sekitar roda warna, membentuk segitiga. Contoh warna triad berwarna merah, kuning dan biru, atau oranye, hijau dan ungu.

Di bawah ini adalah situs web yang menggunakan oranye, hijau dan ungu bersama dalam gambarnya.

sumber

Gunakan warna merek.

Jika Anda ingin meningkatkan kohesi dan kesadaran merek, pertimbangkan untuk menggunakan warna merek di seluruh gambar situs web Anda. Misalnya, pasar Bull Target dan Putih mendukung target, sehingga menggunakan variasi merah dan putih di seluruh situs.

sumber

Setelah Anda mengetahui warnanya, pastikan gambar yang Anda buat adalah resolusi tinggi daripada pixelated. Gambar berkualitas tinggi jelas, membuat situs web Anda terlihat profesional dan otoritatif dan tidak akan menutup pengunjung halaman Anda.

Gunakan gambar asli bila memungkinkan alih -alih stok gambar dan hindari gambar pelanggaran hak cipta. Gambar asli meningkatkan izin di situs web Anda dan menambahkan keaslian ke merek Anda.

Akhirnya, bila memungkinkan, gunakan Teks Alt, yang menggambarkan konten gambar dan membantu mesin pencari merangkak untuk memahaminya. Ini dapat meningkatkan visibilitas dan peringkat situs web Anda.

Plus, itu membuat situs web Anda lebih mudah diakses, karena pembaca layar menganalisis teks alt dan mengubahnya menjadi elemen layar, memastikan pengalaman yang sama untuk semua pengunjung.

Bagaimana cara menggunakan kanvas untuk gambar situs web

Saya biasanya menggunakan Canva untuk membuat infografis dan gambar unggulan. Integrasi dengan beragampengetahuan paling berguna karena saya dapat mengakses Canva langsung di beragampengetahuan.

Latar belakang dan gambar prefabrikasi telah diunggah ke folder yang secara khusus menargetkan pemasar konten seperti saya. Saya baru saja memilih latar belakang beragampengetahuan khusus yang saya suka.

Jika saya mewawancarai posting seseorang, saya meletakkan avatar subjek wawancara di depan latar belakang.

Saya kemudian akan menyesuaikan avatar dengan menghapus latar belakangnya dan mengklik tombol Edit, mengubah penilaian warnanya dan menambahkan efek apa pun, yang saya pikir akan membantunya muncul.

Kemudian ketika saya merasa puas, saya dapat menyetujui tab berdasarkan permintaan dan membuat rekan tim saya melihat gambar sebelum menggunakannya. Akhirnya, setelah gambar siap, saya mengunggahnya ke posting blog. Mudah menjadi berbulu!

5 Alat Gambar Situs Web

Saya telah menggunakan Canva selama hampir 10 tahun, dan ini adalah alat gambar situs web favorit saya. Namun, saya juga menemukan alat -alat berikut bermanfaat, dan Anda mungkin.

1. mengganti

Unsplash menawarkan jutaan gambar resolusi tinggi gratis yang lebih keren dari rata-rata foto stok Anda. Saya tidak menggunakan Unsplash untuk konten beragampengetahuan, tetapi saya menggunakannya untuk proyek gairah saya dan pembuatan konten pribadi.

Dalam pengalaman saya, sebagian besar kontributor Unsplash adalah fotografer profesional, cukup untuk menyediakan foto -foto unik yang indah secara gratis di bawah lisensi Unsplash.

sumber

2. pixlr

Editor foto gratis ini sangat mirip dengan Photoshop dan memungkinkan Anda mengedit di browser, smartphone, atau desktop Anda. Saya belum menggunakan Pixlr untuk sementara waktu, tetapi saya ingat mencintai kemudahan dan intuisi, terutama untuk pemula atau pencipta yang tidak memiliki pengalaman pengeditan.

sumber

3. Generator Gambar AI beragampengetahuan

Sejauh menyangkut alat teks-ke-gambar, generator gambar AI beragampengetahuan adalah yang terbaik dan mudah digunakan. Yang perlu saya lakukan adalah memasukkan prompt teks dan memilih gaya dan orientasi. Dari sana, gambar akan dihasilkan dan saya dapat memasukkannya ke blog beragampengetahuan saya.

sumber

4. pexels

Pexels adalah situs web tanpa royalti, stok foto dan video berkualitas tinggi. Ini sangat mirip dengan Unroph, karena sebagian besar kontributor adalah fotografer profesional dan fotografer yang mencoba membawa pekerjaan mereka kepada orang lain.

sumber

Sekarang Anda siap untuk mulai merancang gambar situs web yang bagus untuk perusahaan Anda! Ingat, Anda tidak perlu menjadi fotografer, desainer, atau seseorang dengan warna khusus untuk membuat grafik dan gambar yang luar biasa untuk situs web Anda.

Yang Anda butuhkan hanyalah alat yang tepat, sedikit kesabaran, dan kemauan untuk bereksperimen untuk melihat apa yang berhasil. Semoga beruntung!