Bagaimana cara mendesain halaman web di sekitar logo besar?

Saat ini saya sedang merancang situs web untuk tempat yang menggunakan logo lingkaran besar. Logo mereka berisi gambar dan juga teks.

Masalah yang saya hadapi adalah memasangkan logo ini ke dalam desain web sambil tetap membuat teks dalam logo tetap dapat dibaca, tetapi tidak mengambil banyak layar real estat.

Logo melingkar setinggi tingginya. Kebanyakan logo lebih lebar daripada tingginya dan lebih mudah masuk di layar karena itu.

Saya sedang berpikir untuk memasukkannya ke header halaman bersama dengan menu tetapi ketinggian logo menciptakan ketidakseimbangan nyata pada layar dan teks dalam logo membuatnya tidak mungkin untuk membuat logo lebih kecil.

Jadi pertanyaan saya adalah ini bagaimana Anda menangani logo yang sulit diatur? Apakah boleh untuk mendekonstruksi mereka, atau solusi seperti apa yang berguna dalam situasi seperti ini?

Satu pemikiran yang terlintas dalam pikiran adalah bahwa Anda benar-benar dapat mengambil keuntungan dari apa yang dilakukan lingkaran secara alami dalam hal optiknya. Jika Anda meletakkannya di atas nav bar berwarna dan Anda membiarkan bagian atas dan bawah logo bundar tumpah di atas persegi panjang, itu akan mengurangi jumlah ruang putih yang Anda butuhkan antara header dan tubuh.

Dalam contoh saya, lingkaran berpusat (yang saya sukai untuk logo melingkar, tapi itu mungkin hal pribadi), tetapi Anda juga dapat menyelaraskannya di kiri.

Saya memeriksa beberapa situs web dengan logo bundar. Dell hanya kecil. Begitu juga UPS (tidak melingkar tetapi selebar tingginya). Begitu juga Apple. Burger King melakukan sesuatu yang menarik:

Tidak, kentang goreng di sandwich bukan bagian yang menarik ... Kami sudah melakukan itu selama beberapa dekade di Pittsburgh. Yang menarik adalah mereka menempatkannya di dalam gambar pahlawan. Karena mereka memiliki fotografer yang luar biasa, mereka dapat memastikan bahwa pemotretan mereka diatur sehingga tidak ada bagian kiri atas untuk mengurangi logo. Tapi itu pasti memungkinkan untuk logo yang lebih besar yang tidak mengalahkan karena masih kecil dalam kaitannya dengan gambaran besar makanan yang ada di sana .

Ada Distro Linux yang memiliki logo yang juga lingkaran. Logo Ubuntu adalah lingkaran yang memiliki "Lingkaran Teman" di dalamnya. Mereka menyusut logo mereka, dan meletakkannya di tempat di mana Anda mungkin akan melihat simbol "Merek Dagang" di sudut kanan atas nama mereka. Mereka memang memiliki perubahan "Logo" mereka dan ini adalah salah satunya. Untuk melihat variasi logo, kunjungi http://design.ubuntu.com/brand/ubuntu-logo. Fitur ini juga menampilkan cara mereka mengalokasikan logo. Ini mungkin memberi Anda ide untuk desain, jika mereka tidak terlalu konservatif pada apa yang mereka inginkan. Kalau tidak, saya akan menyarankan membuat spanduk dengan logo di atasnya, dan menggunakannya sebagai header situs web.

Logo besar, dan terutama bundar agak sakit kepala. Tidak tahu banyak tentang apa sebenarnya logo itu, berikut adalah beberapa konsep yang sangat cepat dan kotor.

Maafkan contoh yang sangat primitif; anggap apa adanya: gagasan konseptual, bukan pedoman tata letak.

Seimbangkan halaman dengan logo di sebelah kiri (tempat Anda kemungkinan besar memiliki lebih banyak ruang)

Gunakan sedikit transparansi, buat logo besar, jangan takut "spasi putih" (atau lebih tepatnya; "logospace".

Bergantung pada properti logo, Anda dapat menggunakan transparansi dan non-transparansi secara bersamaan

Pandangan lain tentang transparansi - non-transparansi

Dan, akhirnya, bersenang-senang sedikit aneh dalam mengiris logo. Selama Anda memiliki keseluruhan di suatu tempat, mengiris sebenarnya bisa sangat efektif; dan membuat desain yang menarik.