Apakah desain bokeh dan datar cocok?


9

Saya ingin tahu apakah ini benar untuk menggunakan gaya bokeh latar belakang, dan menggabungkannya dengan desain konten datar?

Sesuatu seperti:

masukkan deskripsi gambar di sini


4
Selamat datang di GD.SE. Saya tidak berpikir ada aturan keras.
joojaa

Haha terima kasih atas komentar Anda yang luar biasa: D Apakah mengejutkan ketika Anda melihatnya?
Zooly

Dalam hal ini benar-benar berfungsi 100% tetapi id mengatakan ini lebih merupakan gambar tertentu. Mungkin bisa bekerja dengan latar depan combo dan offcourse yang lebih baik. Masih tidak seburuk itu. (untuk lebih banyak warna)
joojaa

Tentu, saya hanya mengambil bokeh pertama yang saya temukan, dan warna datar pertama di pikiran saya ^^
Zooly

3
Ini adalah pertanyaan yang murni subyektif untuk sebagian besar.
DA01

Jawaban:


5

Desain bokeh dan datar tentu bisa bermain dengan baik. Ini tidak biasa untuk melihat desain datar yang digunakan dengan gambar dengan sifat yang serupa seperti tekstur halus atau foto fokus lembut.

Tapi itu salah satu yang harus diperhatikan, karena Anda memperkeruh perbedaan latar depan / latar belakang yang sangat tajam dengan desain datar. Ini khususnya berlaku untuk bokeh dengan bintik-bintiknya yang besar dan berpotensi menarik perhatian.

  • Bagian dari titik desain datar adalah sederhana, bersih, rapi dan jelas ke mana harus mencari. Anda harus berhati-hati agar efek bokeh tidak merusaknya. Pastikan itu halus dan memiliki lebih banyak ruang putih daripada biasanya di sekitar elemen yang harus menonjol sebagai latar depan. Ada tentang jumlah spasi yang tepat dalam contoh Anda.
  • Anda harus berhati-hati dengan cara kerja hubungan warna. Desain datar cenderung membutuhkan warna yang sederhana dan konsisten yang menonjol dengan jelas , dan Anda harus berhati-hati agar latar belakang bokeh yang berwarna tidak mengurangi hal ini. Misalnya dalam contoh Anda, saya akan menurunkan kontras dan saturasi latar belakang sehingga latar depan lebih jelas dan tajam, dan berhati-hatilah di mana titik terang berada relatif terhadap konten (menyadari bahwa Anda akan memiliki kontrol terbatas pada ini pada desain yang responsif).
  • Cukup umum untuk melihat foto splash / "hero" fokus-besar yang besar sebagai konten latar depan yang digunakan dalam desain datar. Jika Anda melakukan ini, Anda harus mempertimbangkan fakta bahwa ini tidak akan setajam seperti yang akan mereka hadapi dengan latar belakang datar yang bersih. Sekali lagi, itu karena Anda sedikit memperkeruh perbedaan latar depan / latar belakang yang biasanya sangat tajam.
  • Semua desain yang baik digerakkan oleh fungsi di atas bentuk - tujuan barang datang sebelum estetika mereka - dan desain datar adalah semua tentang ini. Pastikan Anda tahu mengapa Anda menambahkan bokeh untuk desain khusus ini dan mengapa itu layak untuk kompromi kecil.
    • "Terlihat keren"? Tidak cukup baik.
    • "Membawa karakteristik X merek yang seharusnya hilang"? Lebih baik.

Ini tentu saja dapat dibuat untuk bekerja, tetapi Anda harus mempertimbangkan hal-hal ini.


Terima kasih atas jawaban lengkap Anda! Saya setuju dengan Anda, saya perlu argumen mengapa saya menggunakan kombo ini bukan hanya rata. Dan ... saya tidak punya! Anda benar, saya baru saja menemukan itu terlihat bagus .. Saya pikir itu membawa dinamisme ke situs web saya (pola Satu Halaman), tetapi saya harus mencobanya dalam kondisi nyata, dan, seperti yang Anda katakan, pikirkan lapisan yang berbeda, dan pilih warna yang sempurna untuk menonjolkan informasi. Terima kasih atas sudut pandang Anda;)
Zooly

@HugoTor Seperti yang dicatat oleh jawaban ini, latar belakang bokeh mungkin ide yang buruk jika Anda menggunakan foto pahlawan besar. Dalam hal itu, pembenaran yang baik untuk latar belakang bokeh mungkin jika Anda TIDAK menggunakan pahlawan, dan Anda berpikir desain flat Anda tanpa latar belakang terlalu hambar secara visual. Dalam hal itu, ini mungkin merupakan pengganti yang baik untuk foto latar depan, selama Anda berhati-hati untuk mempertahankan kontras latar depan / latar belakang.
recognizer

9

Desain datar bukan agama

"Desain datar" sudah berlumpur selama setahun terakhir. Ada banyak desainer memegangnya seperti semacam sistem standar dogmatis. Dan keberhasilan desain Material (dan Metro MS, pada tingkat lebih rendah) telah menciptakan garis-garis keras imajiner yang tidak benar-benar ada.

Flat adalah apa yang Anda buat. Prinsip yang mendasarinya adalah untuk menghindari penggunaan warna yang berlebihan atau pemodelan atau desain visual yang menyerupai kehidupan, seperti yang kita lihat dengan skeuomorfisme aneh dari Apple . Itu tidak berarti bahwa naungan, tekstur, fotografi, atau dekorasi apa pun hilang begitu saja. Anda masih harus mendesain antarmuka Anda.

Buat itu milikmu sendiri

Untuk menjawab pertanyaan Anda: Tidak ada aturan yang melarang bokeh, atau fotografi yang menantang fokus, atau tekstur dan gambar latar belakang lainnya dalam gaya desain apa pun. Begitulah cara Anda menafsirkan pengaruh gaya yang membuat merek berbeda. Anda harus mengembangkan dialek bahasa visual baru, bukan berbicara dengan orang lain.

Pertimbangan yang lebih besar, seperti yang ditunjukkan orang lain, adalah kegunaan. Pastikan fotografi Anda tidak membuat antarmuka berantakan. Dalam beberapa kasus, latar belakang menjadi bagian yang sangat dominan dari pengalaman - tidak apa-apa - pastikan Anda masih mendapatkan "pertobatan" yang Anda cari, apa pun itu.

Di alam liar

Windows Metro bisa dibilang salah satu contoh Flat yang paling datar dalam memori terakhir. Namun memiliki hal-hal seperti ini.

Layar Windows 8 Weather

Google Material juga cukup militan tentang Flat, tetapi gambar-gambar besar adalah pusat untuk membawa manusia ke palet yang cerah.

masukkan deskripsi gambar di sini

Apple iOS 7 adalah upaya tergesa-gesa untuk mengejar ketinggalan dengan Kerataan. Baik atau buruk, seseorang di sana membuat latar belakang mengaburkan metafora sentral sistem - yang secara langsung dipengaruhi oleh fotografi bokeh.

masukkan deskripsi gambar di sini


1
Ini jawaban yang sangat luar biasa.
Lightness Races in Orbit

1
Thx @LightnessRacesinOrbit! Saya pikir topik ini pantas beberapa demistifikasi (◠‿◠)
berpakaian preman

Terima kasih atas jawaban Anda yang luar biasa. Saya bertanya-tanya, jika saya menambahkan relief pada elemen datar saya, untuk membedakannya, itu akan menjadi sesuatu seperti Desain Material? Yang saya sukai (pada contoh-contoh ini) adalah Google App: ini jelas, tetapi indah. Jika ada satu hal yang saya tidak suka di Flat Design tanpa fotografi di latar belakang adalah kelancarannya. Saya pikir itu bisa sangat membosankan bagi pengguna untuk melihat hanya persegi dan persegi panjang.
Zooly

1
Anda berada di jalur yang benar. Saya pikir kekhawatiran yang sama adalah apa yang coba diselesaikan oleh tim iOS dengan hal-hal seperti latar belakang kabur. Sayangnya, mereka hanya berakhir dengan antarmuka yang berantakan dan kurang bermanfaat. Itu yang saya peringatkan.
pakaian biasa

1

Saya akan mengatakan: Bokeh dan perbatasan datar (tanpa pengisian) berfungsi dengan baik. Tetapi Anda harus membatasi penggunaan untuk tajuk dan elemen fitur.

Perbarui (maaf, saya terburu-buru dan lupa menempelkan sisa jawaban):

Sebagai contoh, kita dapat mengambil tajuk berikut: tembakan dribbble # 848287

Terlepas dari bokeh yang kuat, garis tipis logo + jam tidak terlalu agresif dan pas. Isi tidak akan berfungsi baik (itu akan menutupi terlalu banyak foto).

Contoh lain: dari @KinaoleCanada

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.