10 tips Desain Web anda dengan design type Foto

Salah satu teknik terbaik untuk memiliki dalam toolkit Anda merancang dengan jenis dan sekitar gambar. Tetapi juga bisa menjadi salah satu konsep yang paling sulit untuk menarik off berhasil.
Anda harus memiliki foto kanan, mata yang baik untuk tipografi dan tahu apa yang ingin Anda capai untuk membuat sebagian besar menambahkan tipe gambar. Jika Anda merasa seperti Anda siap untuk mengambil tantangan, di sini adalah 10 tips untuk membuatnya bekerja:

1. Tambahkan Kontras

Teks harus dibaca untuk menjadi sukses. Pastikan bahwa teks bervariasi dalam warna cukup dilihat dalam kombinasi dengan foto. Jika Anda memiliki foto dengan latar belakang gelap, memilih teks putih (atau cahaya berwarna). Jika foto Anda memiliki latar belakang cahaya, pergi dengan jenis pengobatan berwarna gelap.
Kontras juga dapat merujuk kepada ukuran teks dalam hubungan dengan apa yang terjadi dalam gambar. Huruf harus bekerja dengan (tidak bertentangan) gambar. Dalam website Pack di atas, misalnya, gambar besar dan tebal sedangkan tipe yang tipis dan ringan. Unsur-unsur bekerja sama tetapi mereka mengandung dan elemen kontras.

2. Membuat Teks Bagian dari Image

Kadang-kadang hanya bekerja bahwa teks menjadi - atau - bagian dari gambar yang Anda bekerja dengan. Hal ini dapat sulit untuk mencapai dan hanya bekerja dalam kasus-kasus tertentu. Anda juga perlu citra sederhana dan kata untuk bekerja dengan, seperti perlakuan McLaren di atas, atau gambar yang diambil dengan teks di dalamnya.

3. Ikuti Arus Visual

Bekerja dengan aliran visual dari suatu gambar adalah salah satu tips yang paling penting ketika datang untuk bekerja dengan teks dan foto. Anda perlu kata-kata untuk masuk ke dalam bagian-bagian logis dari suatu gambar. Dan harap berhati-hati untuk tidak menempatkan teks di atas bagian-bagian penting dari suatu gambar, seperti tindakan utama di foto, wajah atau produk yang Anda mencoba untuk menampilkan.
Dalam hal arus visual, mencari ruang untuk teks di mana subyek gambar akan terlihat. Kedua contoh tentang membawa Anda dari bahasa tubuh atau mata orang di foto ke teks. Aliran masing-masing adalah tempat-on.

4. Blur Image

Salah satu alat sederhana yang dapat Anda miliki dalam kit Anda adalah kemampuan untuk mengaburkan bagian dari suatu gambar. Menambahkan blur sedikit latar belakang dari suatu gambar dengan perangkat lunak seperti Adobe Photoshop dapat membantu teks Anda menonjol. Blur juga dapat menambahkan fokus ke konsep Anda secara keseluruhan, seperti situs Wallmob atas. Blur membawa produk dan teks yang sebenarnya menjadi fokus yang lebih tajam untuk pengguna situs.

5. Masukan Text in a Box

Ketika foto mengandung banyak warna atau perbedaan antara terang dan gelap bagian, menempatkan teks dalam bingkai lain benar-benar dapat membuatnya menonjol.
Pilih bentuk - Anda dapat melihat persegi panjang dan lingkaran di atas - yang bekerja dengan pilihan kata dan gambar. Kemudian mencari warna untuk kotak yang menyediakan cukup kontras untuk huruf untuk menunjukkan. Pertimbangkan untuk menggunakan frame dengan beberapa transparansi untuk merasa lebih lembut yang memungkinkan gambar untuk menunjukkan melalui.

6. Tambahkan Teks ke Background

Salah satu yang terbaik "trik" di luar sana adalah untuk menempatkan teks di latar belakang bagian dari gambar daripada latar depan. Biasanya latar belakang yang kurang sibuk dan lebih mudah untuk bekerja dengan ketika menempatkan teks. Latar belakang seringkali satu warna juga, membuatnya menjadi lokasi di mana warna teks mudah untuk mencari tahu dan bahkan lebih mudah untuk dibaca.
Hasil akhirnya adalah penempatan terlihat alami yang tidak memerlukan banyak trik atau perubahan ke foto utama. Bermain dengan efek shading halus, seperti situs Caitlin Wicker di atas, untuk penempatan teks yang juga menambahkan unsur kedalaman gambar.

7. Go Big

Bila Anda tidak yakin apa yang berhasil, mempertimbangkan akan besar. Hal ini berlaku untuk kedua gambar - membuatnya lebih besar daripada kehidupan - atau jenis sendiri. Unsur ukuran akan menarik perhatian pengguna dan dengan satu elemen yang digunakan besar dapat membuat lebih mudah untuk membuat skala dengan teks dan gambar.
Menggunakan gambar besar, seperti biji kopi di atas, dapat membantu dengan shading dan perbedaan kontras. Menggunakan teks besar dapat menambah berat badan yang cukup untuk huruf-huruf di mana ia akan muncul dibaca terhadap hampir semua gambar.

8. Tambah Warna

Menambahkan sedikit warna juga dapat menambah daya tarik visual untuk gambar. Situs di atas mengambil dua pendekatan yang sangat berbeda - satu menggunakan warna yang kontras tidak terlihat pada gambar untuk menyorot kata-kata tertentu, sementara yang lain menggunakan nada yang mencerminkan gambar. Kedua teknik bisa sama-sama efektif.

9. Gunakan Cast Warna

Efek yang menjadi lebih populer adalah penggunaan warna pengecoran di atas gambar untuk memungkinkan penempatan teks. Meskipun hal ini dapat menjadi efek sulit untuk mencapai, itu juga bisa membuat desain yang menakjubkan.
Pilihlah warna yang tarik visual yang tinggi. Keseimbangan adalah dalam membuat warna overlay cukup transparan untuk gambar yang menunjukkan melalui, tapi tidak begitu transparan bahwa teks sulit untuk dibaca. Anda mungkin harus bereksperimen dengan beberapa warna dan pilihan foto sebelum menguasai trik ini. Tidak yakin apa warna untuk digunakan? Mulailah dengan overlay yang terkait dengan warna merek Anda.

10. Go Sederhana

Waktu-diuji desain saran "keep it simple" berlaku untuk teks dan gambar juga. Anda benar-benar ingin orang melihat kedua foto dan kata-kata. Menerapkan terlalu banyak trik dapat memiliki efek sebaliknya.
Ketika bekerja dengan gambar, menggunakan tipografi yang sederhana dan gambar langsung untuk hasil terbaik. Ingatlah untuk memungkinkan bagian-bagian penting dari gambar untuk menunjukkan tanpa halangan dan terus bekerja n desain Anda sampai teks jelas dibaca.

( Sumber : http://designmodo.com/design-type-photo/ )