Bagaimana cara mendesain halaman web di sekitar logo besar?

8

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?

Hanna
sumber
1
Bagaimana perusahaan itu sendiri berurusan dengan mereproduksi logo dalam ukuran kecil? Pada kartu nama, katakanlah, atau pensil promosi?
Andrew Leach
Banyak halaman web berorientasi ke kiri atas, meninggalkan potensi ruang putih di kanan. Bisakah Anda menggunakan ruang kosong di sebelah kanan untuk logo?
Lauren-Clear-Monica-Ipsum
Perusahaan ini sebenarnya adalah sebuah organisasi nirlaba. Mereka tidak memiliki desainer dan mencoba melakukan semuanya sendiri yang telah menyebabkan beberapa ... pilihan desain yang menarik di masa lalu. Tetapi sebagian besar logo mereka hanya direproduksi pada kendaraan dan seragam dan bisa lebih besar.
Hanna
Juga @LaurenIpsum, apakah boleh menggunakan logo di sebelah kanan halaman? Saya menemukan ini agak aneh.
Hanna
Tanpa melihat desain Anda, saya tidak bisa memberi tahu Anda. Saya hanya membuang saran. Anda dapat mencoba membungkus menu di sekitarnya seperti jari-jari roda juga.
Lauren-Clear-Monica-Ipsum

Jawaban:

4

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.

Gambar lingkaran, persegi panjang, teks

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:

Logo di dalam gambar pahlawan

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 .

Brendan
sumber
Jawabannya sangat lucu dan berwawasan luas. +1. Saya sebenarnya sangat menyukai ide logo yang terpusat. Saya kira header masih berada di sisi yang lebih besar, tetapi setidaknya menjaga logo tetap di tengah menjaga header seimbang. Juga cara BK melakukannya mirip dengan apa yang saya coba lakukan dalam desain saya sendiri, tetapi rasanya tidak benar, tetapi saya mungkin akan menikamnya lagi.
Hanna
3

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.

Gabe Michael Torson
sumber
Saya sangat suka apa yang dilakukan Ubuntu. Keuntungan yang mereka miliki adalah bahwa logo bundar mereka tidak mengandung teks dan dapat menyusut lebih banyak (atau setidaknya mereka memiliki versi tanpa teks). Saya menghargai masukannya.
Hanna
0

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)

masukkan deskripsi gambar di sini

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

masukkan deskripsi gambar di sini

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

masukkan deskripsi gambar di sini

Pandangan lain tentang transparansi - non-transparansi

masukkan deskripsi gambar di sini

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.

masukkan deskripsi gambar di sini

benteh
sumber
Ini menarik sebagai gagasan tata letak, tetapi kemungkinan semua akan melanggar pedoman penggunaan logo (teks yang tumpang tindih, ruang putih, dll.)
DA01
Ah. Apakah itu pedoman penggunaan logo yang diterapkan oleh organisasi? Atau aturan umum? Sebenarnya, saya sering berpikir mereka bukan ide yang baik secara umum. Ketika saya bisa, saya membuat logo yang memungkinkan untuk diiris: di mana tingkat pengakuan yang layak mudah tanpa seluruh lingkaran. Dan saya menikmati "hidup di tepi" secara desain ketika saya bisa.
benteh
Pedoman penggunaan logo biasanya dibuat oleh agensi yang melakukan visual branding, dan kemudian dipelihara oleh pemasaran. Biasanya (meskipun tidak berarti secara universal) logo dirancang untuk berdiri sendiri dan tidak harus bersaing dengan tata letak lainnya. Namun, selalu ada pengecualian.
DA01
Oh, saya tahu ... Saya sering berpikir mereka bau.
benteh
... dan saya berasumsi OP akan memiliki kebebasan yang lebih banyak, karena dia berkata "Mereka tidak memiliki desainer dan mencoba melakukan semuanya sendiri yang telah menyebabkan beberapa ... pilihan desain yang menarik di masa lalu."
benteh