Logo tasarımı - metafor ve okunabilirlik arasında iyi bir karışım bulma


31

Şu anda bir arkadaşın yeni işi için bir logo tasarlıyorum. Bir logo tasarımcısından (aynı zamanda çok kötü bir çekmeceden!) Çok daha fazla UI / UX tasarımcısıyım, bu yüzden mücadele ediyorum.

Şirketin adı 'Corellia', Han Solo'nun Yıldız Savaşları'ndaki doğum gezegenine (Arkadaşım Yıldız Savaşları hayranıdır), birlikte çalışmayı sevdiği teknolojiye, aka.

İlham almak için biraz aradım ve gerçekten zevk aldığım bir şeyi denedim. İşte burada:

Corellia logo denemesi

Bunu seviyorum çünkü şirketin iki metaforunu karıştırıyor. C / O bir gezegene benziyor ve ay geçiyor, ayrıca C harfinin çekirdeğini de gösteriyor. Ayrıca yazı tipi de bir bonus olarak biraz Star Wars benzeri.

Ancak, lambda insanlarına gösterdiğimizde, C'yi göremiyorlardı ve hepsi neden 'Orellia' dendiğini merak ediyorlardı.

Merak ediyorum, metafor ve logonun okunaklılığı arasındaki dengeyi nasıl buluyorsunuz?

C'yi daha az dairesel olacak şekilde tasarlarsam, gezegeni / ayı kırar. Ayrıca C / O’yu logodan çıkarabilir ve Corellia kelimesini yanına veya altına yazabilirim, ancak kararsızlık ve verimlilikten yoksun olduğunu hissediyorum.

ÇÖZÜM

Her şeyden önce, eleştiriniz ve sağladığınız yardım için hepinize teşekkürler, gerçekten harikaydı!

Zaman kısıtlı olmak, her bir çözümünüzü denemek için gücüm yetmezdi. Bununla birlikte, bana yardımcı olan her çözümü oylamaya çalıştım.

Kayıt için, işte nihai logo: görüntü tanımını buraya girin

Bu yüzden insanların görmediği bir harf olan C'ye odaklandım. Sola doğru kaydırdım ve kenarları kıvırmaya gittim. Yani daha çok C'ye benziyor ve O artık engelleyici değil.

Metafor biraz daha az açıktır, ancak müşteri (arkadaşım) ondan memnun.


3
Bu, bu web sitesindeki eleştirel sorular için bir örnek. Hoşgeldin Pierre!
Vincent,

26
Dürüst olmak gerekirse, insanlar bunu Orellia olarak okuyor . Derhal ve açıkça, Corellia olarak okudum (sorudaki metni okumadan önce) ve kendimi Orellia olarak bile okuyamıyorum . Ben ya olmanın görebilirsiniz orellia (küçük o kadar yeşil ay değil, siyah / beyaz gezegen alarak) veya Oorellia , ancak tek bir büyük harf O olarak birlikte gezegeni ve ayı okuma bana sadece imkansızdır. Corellia , gözlerimdeki en bariz seçenek.
Janus Bahs Jacquet

4
Benim için aynı. AMA ... Önce "Corellia" adını te metinde okudum, bu yüzden logoya geldiğimde, zaten orada onu arıyordum. Ben ancak "Orellia" okumak için kendimi zorlayabilir eğer ben tasarım öğesi çeşit olarak yeşil küreyi görmezden.
Vilx

3

3
Ben bir tasarımcı değilim (programcı), ancak bunu gösterdiğiniz insanlar programcılar ise (sanırım, .NET Core'dan bahsediyorlarsa), "Orellia" olarak okuyabilirler, çünkü programlama kitapları yayınlayan "O'Reilly" adlı yayıncı. En azından logoyu bana hatırlattığını biliyorum , bu yüzden "Orellia" olarak da okudum.
Alexander Revo

Yanıtlar:


8

Logonuz olduğu gibi harika, tebrikler.

JPG ile sıkıştırılmış ufak bir çözünürlük görüntüsünü yayınlayan sadece bir kibir aldın ... Utan! n_n

"Yeni" seçenekleri araştırmayacağım (üzgünüm çocuklar) Bunun yerine, logonuzu analiz etmeye çalışacağım.

Karışıklık iki unsur arasında olabilir.

  1. uzay

C'den diğer harflere kadar olan hayali harflerle oynamaya yeriniz var. Gördüğünüz gibi, oldukça yakın.

görüntü tanımını buraya girin

  1. C'nin kesiği ve şekli

Diğer eleman çok incedir. Yeşil noktanın ana hatlarını kullanarak, üzgünüm, yeşil ayın kullanımını değil, C'yi sadece bu taslaktan kesilen bir düz çizgi kullanarak doğru yaptınız.

Fakat muhtemelen hala bu iki elementin simetrisinin çoğuna bağlı.

görüntü tanımını buraya girin

Yani, bununla oyna. 1. Uzay, 2 ayın kendisinin büyüklüğü (uzay) ve C'nin sınırlarının açısını onu aydan ayırmak için.

İşte bu kesim ve ay arasındaki simetriyi kırmaya çalıştığım iki örnek.

görüntü tanımını buraya girin

Bu elementlerle oynayın ve istediğiniz / ihtiyaç duyduğunuz dengeyi bulun.


Ama bir kenara not . HERKESİN bir logodan anlamasını beklemeyin, hatta aynı şeyi okuyun.

Bir logo kendisini tekrar tekrar kullanarak ve sloganlar gibi diğer bazı unsurlarla birlikte kullanmalı ve bunun yanında şirket adı kullanmalıdır, insanlar fikirleri ilişkilendirmeye başlar.

Domino'nun pizza ile ne alakası var? Amazon okunu, Alice Harikalar Diyarında'nın kedisinde olduğu gibi garip karikatürize bir gülümseme midir? Nike dalgası sınavda doğru cevaba mı dayanıyor?


Aslında buna tekrar baktığımda, bu yazı tipindeki "r" nin "o" etrafındaki bozukluğa da katkıda bulunduğunu düşünüyorum. Yine, bu yazı tipinin aslında sorunun bir parçası olabileceğini düşündürüyor, bu yüzden yazı tipini tamamen değiştirme önerim hala OP tarafından göz önünde bulundurulmalı.
Lucian,

Onun tasarımını gerçekten çok beğendim, bu sadece bazı ince ayarlamalar meselesi.
Rafael

24
  • Yeşil nokta C'yi dolduruyor, onu O olarak okumak zorundayız, sadece O'nun ana hatlarını çizip C'yi geri hareket ettirmek algı problemini düzeltti, fakat logosu değil.

Corellia

  • Şahsen ben bunu çok ilkel bir tasarım fikri olarak görüyorum, konsept iyi ve açık, ancak daha fazla tasarım işi gerektiriyor. Herhangi bir baş ağrısı ilacı için değil, bu logonun bu şirket için özel olduğu noktayı bulun.

logo 2

Logo 3


Bu harika bir tavsiye. Teşekkürler ! Bununla birlikte, biraz zor olsa bile, C 'çekirdek' metaforu fazla kırmadığını mı merak ediyorum? Genel tasarımın yeterince ayrıntılı olmadığını biliyorum, ancak mümkün olduğunca temiz tutmak için benim tarzım. Ayrıca ücretsiz yapıyorlar, yani ...: D
Pierre Burton

2
Özgür tasarım, kötü tasarımla aynı değildir. İyi bir tasarım, portföyünüzün bir parçası olabilir ve birisi onu gördüğünde, ücretsiz olup olmadığını sordukları ilk şey olmayacaktır.
Danielillo,

2
Biliyorum, şaka yapıyorum. Ne olursa olsun, iyi çalışmayı seviyorum. Sonuçta, daha fazla detay eklemek zorunlu değil bence. Örnek olarak Google'ın logosuna bakın. Logo tasarımı sadece zaman zaman tarafta yaptığım bir şey olduğu için, çoğunlukla daha da kötüye gideceği kadar fazla zorlamıyorum. Ancak bu, bu logo için ilk atım değil. Önce bazı yinelemelerden ve denemelerden geçtim.
Pierre Burton,

Google logosunun eski ve
hackneyed

7
@Pierre 'Çekirdek' metaforunun bozulduğunu sanmıyorum. Daha doğrusu, başlaması gereken bir metafor olarak açıkça anlaşıldığını sanmıyorum. Belli ki bu, şirket adının bir parçası, ancak gezegen üzerindeki ayın üst üste binme miktarı, metafor verimliliğinde herhangi bir fark yaratıyor gibi görünmüyor: nereye koyduğunuzdan bağımsız olarak açık değil. Ay'ı biraz dışarı itmek, C + o olduğunu daha açık bir şekilde gösterir. Bu logo için basit olanın daha iyi olduğu konusunda hemfikirim. Buradaki Danielillo'nun ilk üç tercihini tercih ederim.
Janus Bahs Jacquet

8

Elimdeki iki puan:

  • 'Orellia'da' o 'gezegenin çekirdeği olacak şekilde hareket etmeyi düşünün.
  • Ayrıca, C'nin ağzını biraz daha açmayı düşünün

görüntü tanımını buraya girin
Lütfen kabaca düzenlenmiş resmi affedin


10
Şimdi bunu Orellia olarak okuyabilirim.
No U

4
Oturduğum yerden Crellia.
Bay Lister,

8

İstediğiniz metaforu korumak için bunu nasıl çözeceğime dair bir örnek ve probleminizi nasıl çözdüğüme dair bazı ipuçları.

görüntü tanımını buraya girin

  • Yörüngeler genellikle ince bir çizgi olarak gösterilir, bu yüzden metaforun iyi anlaşıldığından emin olmak için kelimeyi ince tuttum

  • Sözcüğünüzdeki C, eğrilerinden dolayı fontun geri kalanından sıyrılıyor. Kullandığınız orijinal yazı tipinde kare şeklinde olduğuna bahse girerim. Daha az "bilim-kurgu" gibi görünse de, daha yuvarlak bir font kullanmak, C ile kelime işaretinin geri kalanı arasında okunaklılık ve ilişkiye yardımcı olduğunu düşünüyorum. Ayrıca, elips yerine çember gibi görünen bir C ile geometrik bir font seçmeniz gerektiğini de unutmayın. . Muhtemelen daha çok bilim-kurgu havasına sahip benzer bir yazı tipi bulabilirsin ama elimde olanlarla gittim.

  • "Boşluk" ile bağlamda olan ve hareketi öneren derinliği önermek için bir degrade kullandım.

  • C'yi biraz daha yükseğe koydum, böylece O ile daha az potansiyel kafa karışıklığı yaşanıyor.

  • Gezegene daha fazla benzemesini sağlamak ve diğerlerinden farklı olmasını sağlamak için "gezegene" bazı boyutlar ve özellikler ekledim. Aydınlatmayı yörüngede kullandığım gradyan ile tutarlı tuttum.

Logo açısından daha iyi olabilirdi: gradyanlar titiz olabilir ve ince yazı tipi en iyisi değildir, ancak sorunuzun metaforına karşı okunaklı bölümünü ele almak istedim. Corellia isminin ticari marka olup olmadığını kesinlikle kontrol etmek için arkadaşınızı kesinlikle teşvik ediyorum.

ETA: Burada yörüngenin biraz daha az temsil edildiği ancak hala metaforla birlikte olduğu degradeler olmadan aynı şey var. görüntü tanımını buraya girin


1
Görüntü güzel ama bir nedenden ötürü indirdim. O sadece O problemini çözmez, aynı zamanda farklı bir konu, degradelerin kullanımı ve muhtemelen yarım tonları da ortaya çıkarır. Sadece "düz stil" meselesi olabilir, ancak teknik bir problem de olabilir. benim düşünceme göre, bir logo bunun bir parçası olarak bir degradeye sahip olmamalıdır. Bu bir görsel yapı meselesi, etki meselesi değil. Fakat görüntü güzel.
Rafael,

@Rafael Adil yeterince ama bu eksileri cevabımın sonunda işaret ettim :-)
meraklı

Yükselttim çünkü bence degradeler gayet iyi, ama Rafael ile aynı fikirdeyim, bu O problemini tam olarak çözmüyor.
Lucian,

Arttırdım çünkü tasarımın Pierre'in dahil etmek istediği metaforlarla çok iyi çalıştığını ve çok etkileyici göründüğünü hissediyorum. Şahsen, orijinal logosuna bakarken "Corellia" yı gördüm ve hala "Corellia" yı görüyordum, bu yüzden dürüstçe bütün "O" problemini anlamadım.
Loki Laufeyson

5

Küçültmeyi deneyin, Cböylece addan önce bir simge gibi görünmez, ancak bunun yerine adın bir parçası gibi görünmelidir. Bu noktada gerçekten önünde bir şeyle 'orellia' gibi okumak gibi .

Yapımı Oaynı zamanda bir ayrılık önermek ve görsel iter çünkü yeşil de iyi bir fikir değildir Cdışında gerçek ifadeler.


Sorunuzun okunaklı kısmı için görüşlerinizin gerçekten akıllıca olduğunu düşünüyorum, ancak bunun metaforun tamamını ortadan kaldıracağını düşünüyorum. Ayrıca eski bir "Corellia" kelimesi yazabilirim.
Pierre Burton,

4

Burada çok iyi konuşma. İlk düşüncemden bahsetmediğim için teklif edeceğim:

Belki de ilk dört harfi bir renk yapmalı? PRO: Bu “Net Core” un “core” kısmını vurgular ve “C” yi bir harf olarak görmesine yardımcı olur. CON: Akışı “llia” kısmına, tuhaf bir şekilde kırabilir. "Çekirdek" form "llia" nın kavramsal ayrımını yumuşatmak için yakın renk tonlarıyla oynayabilirsiniz. Ne kadar yardımcı olacağından emin değiliz ama denemeye değer. Ve gezegen-ay olayını (serin olan) korumak için, gezegen ve ay arasında gölgelendirme kullanabilirsiniz, ancak aynı tonu korursunuz.

Daniellilo'nun “Baş Ağrı Çare değil” (ya da “Muhasebe Hizmetleri” varsayalım) diyen tasarımı bulma konusundaki tavsiyeleri ölü ama iddialı görünüyor. Pazarlama departmanlarının marka bilinirliğini arttırmak için kaç milyon logonun özel bir anlamı tetiklediğinden emin değilim.

Başka bir seçenek de gezegen-ay olayını ikiye katlamak, onları grafiksel olarak daha baskın hale getirmek (Daniellilo'nun yaptığı gibi farklı tasarım özellikleriyle oynamak), sonra da tam adı ay boyunca daha küçük bir fontta yazmak olabilir. PRO: Okuyucular bütün mektupları ilk defa, her seferinde mektup olarak görürlerdi . CON: Gezegen-ay çiftinin anlamı biraz gizemli görünebilir. AMA: (1) Co'nun grafik ve harfler arasında yankılanmasını (çoğaltılmasını) seviyorum. Ve (2) logoların çoğu ilk başta bana oldukça keyfi geliyor, ardından tekrar tekrar pozlama ile kendi sahibi firma ile eşanlamlı hale geldi.


3

C'yi daha okunaklı hale getirmek ve "çekirdeğin" bir parçası olarak görünmesi için onu farklı renkte tek harf haline getirebilirsiniz.

C'yi düz uçlara sahip yaptıysanız, gezegenin etrafındaki konturdan ziyade daha belirgin hale getirecektir.

2 dairesel harf gelecekteki yazı tipiyle iyi uyum sağlamıyor.

Düzenli C ve diğer normal harflerin yanındaki katı 'o' uygun değildir, ancak beynin anlaması için bir saniye durmasına neden olur.

Metafor benim için başarılı ancak O'nun merkezlenmemiş olması gerçekten çok rahatsız edici. Ne tür bir çekirdek sürükleniyor?


3

Başka bir fikir odaklanmak Ove Cel değmemişi bırakmaktır , çünkü bu bir gezegen hakkındadır, neden bu tur şeklinden faydalanmıyorsunuz. CNormalde ayarlamalar yapmadan yaptığınız gibi yazın , ardından Ogerçek bir simgeye çevirin . Bu artık ayıracak Cve orijinal yuvarlak yeşil tutacak Okaçınırken fikir C- Okarışıklığı.

görüntü tanımını buraya girin

SONRA EDİT: Yazı tipini değiştirmenizi önermiyorum ve hayattan parlak bir toptan daha büyük bir şey önermiyorum. Bunu, kendi yazı tipiniz ve top ölçüsünüzle mevcut bağlamınızda yorumlamada özgürsünüz. Bu sadece O'nun zaten bir gezegen gibi gözüktüğü açık noktayı ortaya koyuyor, bu yüzden bunu zarif bir şekilde çözmek için başka bir mantıklı yol olmalı !! :)


Bu denenecek bir şey olabilir. Bu Nutella yazı biçimi olsa mı? : D
Pierre Burton

3
Bu örnekte "o" son derece güçlüdür
Zach Saucier,

Muhtemelen, ama sadece çözümü vurgulamak için. OP bununla oynamakta özgür, ben bu logoyu tasarlayamıyorum :)
Lucian

Burada "O" biraz büyük olabilir ama ben metnin geri kalanından daha büyük yapma fikrini seviyorum, çünkü gezegenler büyük!
Dan C

Şahsen, bence bu kullanıcı zaten başarmış olduğu sonuçtan bir dezavantaj, Çözüm yazı tiplerini ve tamamen yeni oranları değiştirmemek için sahip olduğu öğelerle ilgili bir orantı meselesiydi. Artı, gradyan gerekli değildir veya tavsiye edilmez.
Rafael,


1

İşte aldığım bazı şeyler. Daha iyisini yapıp yapmadığımdan emin değilim ama okunaklılığı arttırmaya çalıştım.

Taşınmış C

İlk önce C'yi biraz sola doğru hareket ettirdim. Garip bir limbo içinde olduğunu düşünüyorum: O, C'nin içinde ve dışında olmak arasında hemen kenarındaydı. Bu, normal bir çift harf gibi sıkıca dışarıya yerleştiriyor. Ayrıca C'yi yaklaşık% 15 daraltım.

Altı çizili Altı çizili 2

Altını çizdim, daha az emin olacağım. C'nin bir parçası olmayı daha da pekiştirmek için tüm kelimeyi bir araya getirmek istedim. Bununla birlikte, ortalanmış C, dengesiz bir beyaz boşluk bırakmadan bunu zorlaştırır. (C'yi yukarı kaldırmak istemedim çünkü daha sonra kapanmış bir başkent O gibi görünmeye başlıyor.)

Sağdaki değişken, beyaz boşluk sorununu çözüyor ve bana çekici geliyor, ancak belki de alt çizginin amaçlanan etkisini geçersiz kılıyor.

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.