“Donuk” olarak algılanan yeni “profesyonel” markalaşma

Açık kaynaklı bir projeyi yönetiyorum ( Rubberduck , VBA editörü için bir eklenti) ve en son sürüm olana kadar bu sıçrama şekliydi:

2015'ten bu yana markalaşma, dönen VBA kodunun ve bu lastik ördek hisse senedi görüntüsünün etrafında dönüyor, "RUBBERDUCK" imzalı bir yazıyla gösteriliyor. Showcard Gothic fontu, projenin başlangıcından beri her yerde kullanıyorum. zihinsel olarak bırakmaya hazır.

Uzun lafın kısası, dün gece 2018 markasını temel alan yeni bir sıçrama formuyla 2.2 sürümünü piyasaya sürdüm. Stok ördek, ördeğin biraz bulanık SVG versiyonu olan "gölge ördek" ile değiştirildi:

Tasarım, Code Review SE'de oldukça iyi performans gösteren 2018 topluluk reklam malzemesine dayanıyor , ancak proje bu siteden kaynaklandığından ve 2015'ten beri orada moderatörlük yaptığım için, bunun makul bir tasarımın çarpık bir algısı olması muhtemel.

Twitter'da hızlı bir anket yaptım (tüm hafta kadar) ve şu ana kadarki sonuçlar (tamam, şu ana kadar sadece 7 oyla), yeni sıçrama formunun aksine "oldukça sıkıcı" (% 57) olarak algılandığını gösteriyor "daha profesyonel" (% 43) - Twitter anketlerini hiçbir şekilde bilimsel ya da doğru bir ölçüm olarak kabul etmiyorum, ancak geri bildirimlerin yarısının şimdiye kadar yeni sıçrayan "oldukça donuk" olduğunu düşündüğü gerçeği biraz endişe verici.

Grafik sanatçısı değilim ama bu projenin bir parçası olarak giymek zorunda olduğum birçok şapkadan biri, bu yüzden yeni tasarımın / markanın azaltılması için nasıl geliştirilebileceğini umutla belirlemek için bu topluluktan geri bildirim arıyorum. "donukluk" ve "profesyonellik" yi arttırın.

Aktarmaya çalıştığım şey, aracın profesyonelleri hedeflediği ve orijinal kodu kadar karışık / oynak hissetmeyen bir tasarımla, yani henüz doymamış bir kavram olan, kullanıcı kodunu gördüğü. t "donuk" veya sıkıcı olarak karşılaşmayın (İmzanın Showcard Gothic fontunun bu konuda yardımcı olacağını umuyordum).

Yeni tasarımın mesajını nerede ve nasıl iletemediğini ve “sıkıcı” olarak algılanmaması için neleri değiştirebileceğimi anlamak için yardımınıza ihtiyacım var; Farkında olmadığım herhangi bir tasarım ilkesini ihlal edip etmediğimi de bilmek isterim: belki de belirgin bir kontrast sorunu göremiyorum veya çok küçük kötü bir yazı tipi kullanıyorum (Gill Sans MT), ya da düzende dengesiz bir şey var (yazı yerleştirme, boyacı, durum etiketi konumlandırma vb.) - bir katılımcı, bulanıklaşmanın işe yaramadığını ve daha keskin bir boyacının daha az amatör-eşek olarak karşılaşacağını işaret ediyor. ... bunların hepsinin tasarım uzmanları tarafından nesnel olarak ölçülebilir olduğundan eminim.

Herhangi bir yararlı bilgi varsa, başlangıçta Visual Basic Düzenleyicisi eklentilerini yüklediğinde açılış ekranı yaklaşık 3 saniye görüntülenir.

Donukluk algısının büyük ölçüde yeni açılış ekranındaki renk eksikliğine bağlı olduğunu düşünüyorum. Epirasyon yaklaşımınızı beğeniyorum (bu kelimeyi bugün öğrendim), bu yüzden önerim sadece bir renkte geri eklemek olacaktır.

Showcard Gothic'e sadık kalacağınız takdirde "profesyonellik" sağlayan bir logo tasarlamak zordur, bu yüzden şahsen yazı tipinin eğlenceli olduğunu kucaklar ve logoya sarı ve mavi renk eklerdim. İşte benim hızlı vuruşum:

Ayrıca arka planı düz beyaz bırakmam, ince bir doku uzun sürebilir. Swirls'i orijinal "swirling code" a bir selam olarak dahil etmeyi seçtim , ancak her türlü ince dokuya, hatta yumuşak bir degradeye sahip olabilir.

^{Ducky siluet , pexels.com üzerinden Anthony'nin izniyle}

Bence bu soru biraz geniş. Ve ayrıca "ne benim logosunun düşünüyorsunuz" dır için "yoklama" rahip olmayan kimse veya kullanıcıları düşünmek her zaman bir çok kötü bir fikir. “Komite ile tasarım” çoğu zaman çok fazla çeşitli görüşe yol açar ve net bir yönü yoktur. Birkaç kişiden oluşan bir ekip harikadır ... veya bir işbirliği ... ama bir anket genel olarak değiştirdiğiniz / yarattığınız herhangi bir şeyden bağımsız olarak asla mutlu olmayacak kişilerle doludur .

Logo oluşturmak için kaç tasarımcı gerekir?
--- 100 ....
1 yaratmak için ve sonra 99, "Bunu daha iyi yapabilirdim" demek için . :)

Genel olarak, lastik ördek gibi harika bir grafik kullanmadığınız bir ayıp olduğunu düşünüyorum. Bu hemen fark edilebilir bir şey ve anında açık, arkadaşça, davetkar bir izlenim sunuyor. Ben ediyorum gerçekten ördek daha fazla yukarı oynarlar.

Düşünce sürecinin onu davet etme noktasının ötesine indirgeyeceği, ancak benim tarzım olan bir yazı tipini koruyacağından emin değilim. Benim kişisel zevkim bir logo türü sadece "ekran stili" yazı tipinde yerleşik olmamalı. Aslında daha az profesyonel görünmekle sonuçlanıyor . Özellikle, şansın yüksek olduğu bir teknoloji endüstrisindeyseniz, kullanıcıların bu yazı tipini başka bir yerde görecek ve tanıyacaktır.

Bu konuda çok fazla zaman harcamakla birlikte, daha önce yaratılmış bir lastik ördek resmim vardı, bu yüzden yardım edemedim ama biraz oynayabiliyordum. Ördek türünden daha fazla odaklanırsanız, herhangi bir sıçrama kartı veya grafik doğal olarak daha davetkar ve cazip hale gelir.

Daha standart bir yazı biçimi, benim görüşüme göre daha fazla "profesyonellik" sağlayacak.

Yine, ördek resmi bir süre önce yarattığım bir şeydi, bu yüzden etrafta yattı. Zaman verilirse, ördeği daha fazla özelleştirmek ve onu tipe daha iyi entegre etmek daha iyi işe yarayabilir .... üzerine gözlük koymak ... farklı bir açı kullanmak ... bir şekilde VBE koduna bağlamak. Bunların hepsi, mevcut yapıtları kullanarak başımın üstünde kaldı. Yukarıdaki tür daha fazla zaman ve özen kullanabilirdi, ancak bence ördeğinin önemini taşıdığını düşünüyorum. (Kullandığım mavi süreklilik için ördeğin göz renginden çekilir. Böylece daha canlı hale getirilebilir.)

_{Kavramlar burada çekmek için ücretsiz .. gerçek sanat değil .}

İlk yazımın biraz "tartışmalı" olduğunu biliyorum ama sadece "işe yaramaz" diyen bir adam değilim.

İşte ne kadar karar alınması gerektiğini göstermek için zorlu bir süreç.

Bu uzun bir görev olacak.

1. Herhangi bir telif hakkı sorununu önlemek için orijinal bir çalışmaya ihtiyacımız var, işte lastik ördek hakkındaki yorumumun ilk çizimleri burada. İlki bir fino köpeği gibi görünüyor ... sadece temel geometriyi elde etmek için.

2. Bazı yazı tiplerini inceleyelim. Bazı "katı" yazı tipleri. Projenin "cuter" fontuna ihtiyacı vardı, bu yüzden yuvarlak olanlar aklımda görünmeye başladı.

3. Kombinasyon görüntü-yazı tipini keşfetmek. Siyah beyaz versiyonu çalışmıyor. Yazı tipinin ağırlığına bazı düzeltmeler uygulanır.

4. Ördek "o" düz olamaz. Bazı gölgeler ve vurgulanan siyah bir sürüm ekleme.

5. Scott'ın mavi arka plan fikrini çalmak ... Ah, ördek çerçevenin dışına bakıyor.

Ayrıca görüntü ve ördek arasındaki boşluğu doldurmak için hile yapıyorum.

6. Ördeği ters çevirmek ... (Adam biraz tazelik istedi ... Quack kelimesi işe yarıyor mu?)

7. Kahretsin, çift çizgiyle, hadi sadece bir çizgi yapalım ...

8. Diğer taraftaki gölgeleri araştırmak ... Hayır, işe yaramıyor ...

9. Yüzen k hatırlıyor musun? hadi bunu bir kez daha keşfedelim ve bazı varyasyonları deneyelim ...

Bunu açıklamak için gönderiyorum, sadece bir tarif yok ... Buraya çok sayıda keşif ve soruşturma yapmak için attığım her adım. Lastik ördeğin kullanımı, bazı yazı tiplerinin araştırılması, kullanımı serbest olanların seçilmesi, kontrast oranı, tarz, uygulamalar, vb.

Evet, ördek daha sevimli yapılabilir veya farklı bir tarza sahip olabilir. Herkesi memnun etmenin bir yolu yok, ama yaklaşım biraz şansla, biraz daha sağlam ve daha az "donuk".

Daha mutlu bir sürüm için düzenlendi ve daha iyimser bir şekilde gökyüzüne bakarak ... gökyüzüne bakarak ...

Beni Affet lütfen. Kaba olmak istemem.

araç profesyonelleri hedefliyor

Olduğu gibi ... hayır, değil.

Bu metni bir yorum olarak yayınladım, ama gerçekten iyi, (ama biraz alaycı ... Biliyorum)

Eğer görüntü önemliyse, bir tasarımcı kiralayın. Programlama önemli değilse, kodu yazmak için bir fırıncı kiralayın.

Bitmiş bir yazılım ürünü iyi bir kodun yanında birçok yüze sahiptir: UX, kullanılabilirlik, imaj, algı. Dolayısıyla, profesyonel kullanıcıları hedefliyorsa, muhtemelen profesyonel bir görünüm vermek için profesyonel bir tasarımcı tutmalısınız.

Çok para ödemek anlamına gelmez. Aynı zamanda işbirlikçi bir çaba olabilir. Ancak bir işbirliği istemekten korkmayın.

Donukluk, JohnB'nin tanımladığı gibi renk kullanmayı geliştirir, bu bariz bir soru olabilir, ama aynı zamanda sadece bir siluet ve genel bir metindir, yani gerçekte renkten daha çok şey gerektirir. Gerçek bir tasarıma ihtiyacı var: Soyutlama, stil, oran, renk düzeni, tipografik seçim ...

Sadece bazı notlar:

Kulağa kaba geliyor biliyorum. Bu sadece değil. Programcı değilim, bu yüzden programın kalitesini veya gerçek değerini, faydalarını, piyasasını yargılayamam. Ancak, açılış ekranının grafik tasarım tarafında ve bir şekilde markalaşırken eleştirel sorular sorulduğunda soru benim sorumluluğumdur.

İşbirlikçi bir dünyada yaşıyoruz, çok disiplinli bir dünya. Ve bu harika bir şey. n_n

"Donuk" sürümünüzü bağladığınız 2018 topluluk reklam materyali ile karşılaştırarak , donukluk izlenimini yaratan bulanıklığın izlenmesinden kaynaklanan "donukluk" un çoğunun neden olduğunu düşünüyorum. Bir algı psikoloğunun bunu açıklayabileceğini düşünüyorum. Aslında donukluğun gerçekte ne olduğunu görelim: Sisin içinden bir şey görmek donuk bir izlenim bırakacaktır.

Görüntüleri karşılaştırırken, mevcut logo bulanık bir ördeğe sahip ve ayrıca yazı tipi çok daha az kontrasta sahip.

Ördeğe yazı tipi gibi bir taslak vermeyi deneyin. Güçlü kontrast verir.

Aynı zamanda yazı tipine benzer, karmaşıklığı azaltıyor ve muhtemelen profesyonellik seviyesini arttırıyor.

Profesyonel izlenimi artırmak için, ördeğin logoda daha az belirgin olmasına yardımcı olacaktır. Merkezlenmemiş ve çok büyük değil. Küçük olabilir ve sağ tarafta, arkasında değil, ürün adının üzerinde. Ayrıca, hala "komik" olan bir yazı tipini deneyin, ancak geçerli yazı tipinin yarısı kadar komik.

Ben sıkıcı olduğunu düşünüyorum, çünkü ilk bakışta tanımak için neredeyse hiçbir şey göstermiyor. Bu logodaki ana mesajınız "biz sadece başka bir şeyle aynıyız, aranacak özel bir şey değiliz. Görünmezliğe karışabiliriz ve markamızı bilmek istiyorsanız, daha yakından bakmanız gerekir" . Bazıları "profesyonel" olduğunu düşünüyor, bazıları ise "bu öğe devre dışı" olarak görüyor. Eski bir sıçrama, aslında harfleri okumak için zamanınız olmadan bile " WOW RUBBER DUCK !!! " diye bağırıyor . Ve sonra " Hey! Bazı kodlarla oynuyor! " Bana bu paragrafta kullandığım iki geliştirmeden daha farklı görünüyor. Ve tahmin edersiniz, kimsenin ötmeye gittiğini ne okurdu? İlk kısımda Italica mı yoksa koyu mu?

Programlamaya başladığımda, PC'lerde (neredeyse) sadece metin arayüzü vardı, ancak menüde tüm kolay kesimler daha kolay okunabilmesi için vurgulanmıştı - önce ters çevrilmiş siyah zemin üzerinde (B&W monitörlerde), daha sonra sarı veya mavi renkte kırmızı veya başka bir şey benzer. Ve açılış ekranı gururla "Biz BU" diyecek programın adı ASCII sanat büyük olsun. Daha sonra grafik arayüzü geldi ve sıçramalar renklerle doluydu ve sadece birkaç piksel büyük ve az renk elde edilebildiğinde bile simgeler kolayca tanınabilirdi. Menüdeki devre dışı bırakılmış öğeler koyu griydi, ancak yine de açıkça görülüyordu.

Zamanla daha fazla çözünürlük, ekranda daha fazla renk ve daha fazla işlem gücü elde edildi. Ancak tüm bu renklerle, mevcut programlar, vurgulanan öğenin LESS okunabilir olduğu yerlerde, engelli öğelerin birkaç yıl önce olduğundan, gri tema üzerinde yavaş yavaş griye döndü. Her şey aynı görünüyor, gömleğinizin ve çorapların rengine uygun ve ne, ama kolayca okunamıyor.

Olası alıcıların dikkatini çekmek isteyen oyuncu / aktör imajını bozmadığı için, tüm reflektörlerin "yüksek teknoloji profesyonel şeyleri" kullanıyor gibi görünen güzel modelde parladığı reklamlarda harika görünüyor. Gerçekten kullanmak istediğinizde ve aslında menüde bir şey bulmaya çalıştığınızda çok daha kötü.

Bu gri gri tasarımdaki gerçek dünyadaki büyük firmaların logolarını karşılaştırın. Her büyük marka ilk bakışta kolayca yeniden yapılandırılabilir, McDonald, CocaCola, Linux, Windows, Adidas, Nike, sadece isim verin. Stackexchange'te farklı bölümlerin favorilerine bakın (sayfanın başlığında veya "Sıcak Ağ Soruları" nın sağ sütununda olun - yine ilk bakışta tanınabilir. Kullanıcı simgeleri bile renklidir ve muhtemelen arkadaşlarınızı ikinci bir yarıkta tanıyabilirsiniz. büyüteç ve / veya ilgili adı okuma.

Öyleyse neden sıçramanız göründüğü gibi, farkedilebilir bir mesaj göndermeden arkaplanla niçin karışmalı ki, eğer zaten biliyorsanız ya da sadece bir alan dolgusu mu? Bence sıçrama ve logo şirket / ürün markalama / kimlik / tanıma konusunda çok şey yapıyor. Gururla " BİZ BİZ BİZİZ " diyebilir ya da sessizce fısıldayabilir " lütfen bize söyleme, önemli ya da iç içe geçmiş bir şey değiliz ".

Belki de bu zaman için çok yaşlıyım, ancak okunabilirliği her zaman "okunması zor" olarak algılanabilirliği tercih ediyorum (dersin kullanılabilirliği ve işlevselliğinin ardından ikinci işaretleyici olarak, ancak program hakkında değil, logoyu soruyordunuz)

Donukluk algısının büyük oranda gri-ish renklerinden ve iskelenin çok koyu gölgeli olmasından dolayı olduğunu düşünüyorum.

Denenecek bazı şeyler:

• Genel görüntüyü daha parlak hale getirmek ve eğlenceli / yaz / parlak renkler kullanmak onu daha "heyecan verici" gösterecektir.

• Genel olarak görüntüdeki gri miktarını azaltmak da yardımcı olacaktır.

• Sadece siyah harflerle yazmamak, gri tonları düşünmek (önceki ifademe aykırı gibi gözükebilir, ancak bir denge olması gerekiyor).

@ JohnB'nin yaratımı çok iyi tarif ettiğim şeyi başarır .

Mathieu, kodlayıcı ve mühendis olarak bir işletme sahibine dönüşmüş, birkaç şey düşünmelisiniz:

Pazarınızın olduğuna inandığınız şey (profesyonel geliştiriciler) ve ürününüzün ne düşündüğünüzü (profesyonel bir araç) ilk önce, yalnızca diğer kişilerin algılarına dayandığını düşündükleri şeydir.

Projenize / GitHub'a baktım, projenizin gerçekten profesyonel bir proje olduğunu ve profesyonel geliştiricilerin kullanmak istediğini söylemeye yetkinim, ancak bilgi birikimi oluşturmak 18 yıl sürdü ve kaynaklarınıza göz atmak 15 dakika sürdü.

Sen gerçekten çok profesyonel bir mühendissin (yukarıdan ve çevrimiçi varlığından yola çıkarak), ama aynı zamanda profesyonel bir tasarımcı mısın? marka müdürü? Öyle düşünmeyebilirsiniz, ancak bu meslekler aynı zamanda insanların hayatlarını mükemmelleştirmek için harcadıkları şeylerdir, sadece @Rafael’in harikasına bakın

Bir mühendis olarak, her şeyi kendimiz yapabileceğimizi düşünmek için önyargılıyız, bu iyi bir şey, ancak işinizi / projenizi büyütürken bazı işleri yapmanıza izin vermelisiniz, bu da bunlardan biri.

OSS için her korkunç marka / resim ve tescilli araçlar, proje sahibinin, mühendisin, bir hafta sonu boyunca Gimp'i ateşleyebileceklerini ve güzel bir logo ortaya çıkarabileceklerini, ruhlarının ele geçirilemediğini ve yapamadıklarını düşünen bir sonucudur. bırakalım ve sonra iş sahiplerinin neden satın almadıklarını merak ediyoruz (bizim araç / OSS), peki, işletme sahipleri mühendis değil (çoğunlukla), profesyonelliklerini değerlendirmek için tek yapmanız gereken nakit akışınız, logonuz ve Marka, kesinlikle OSS projelerinin sahip olmadığı şeyler.

Size önerim: delege !, @JohnB veya @Rafael'i işe alın ya da buraya gidin: https://99designs.com.au bir "yarışma" yaratın, 350 $ 'ı bastırın, marka mühendislerinin işlerini yapmasına izin verin Yeni logonuzu SEÇİN ve ardından becerilerinizi daha verimli uygulayabileceğiniz görevlere odaklanın.

Ne yazık ki, evet, yeni logonuz sıkıcı, genel ve unutulmaz.

Neden dünya üzerinde bir lastik ördek grisi ve kauçuk olmayan hale getirdin? Lastik ördek, çocuklar için bir oyuncaktır, yani görüntünün gücüdür, insanlar bir şeylerin belirli bir şekilde olmasını bekler veya kafanız karışır ve bilinçsizce ürününüzden kaçarlar.

Eski tasarım aslında daha iyiydi çünkü bir mesaj veriyordu: 5 saniye içinde VBA ile ilgileniyorsanız kodlamayı kolaylaştıran bir araç olduğunu anlayabiliyordunuz, renk canlı ve herkes suratı sever, sarı lastik ördek yüzmek, bu "taze", "eğlenceli" ve "kolay" bir görüntü gönderir.

Sorunu gördün mü? Eski logonuzla ilgili tüm güzel şeyleri aldınız, şimdi genel bir silueti olan, genel bir silueti olan, anlamsız, mesaj veya renk içeren genel bir yazı tipi kullanarak genel bir sözcük bıraktınız (daha kötüsü, renk grisı depresyon ile ilişkili, tek beyinlerimize sinyal göndermeyen renk, bu yüzden insanlar "donuk" lafını alacaklar).

Ve soruna bir mühendis olarak yaklaşıyorsunuz, tasarım sürecini "nesnel olarak ölçebilirsiniz" diyerek düşünemezsiniz, yapamazsınız, bu bir sanattır, "yöntemler" vardır, ancak hiçbir tasarım yöntemi mekanik üzerine kurulmaz, öyle müzik yazmak (pentagramdan müzik okumak yerine).

Kaba olduğum için özür dilerim, nesnel olmaya çalışıyorum, tasarım / markalaşma / renk / psikoloji, okumaktan / öğrenmekten hoşlandığım alanlardır, ancak işi bitirmek için uzmanı işe almak daha iyidir .

Logo tasarımını gri tonda tutabileceğinizi ve sıkıcı olmaktan kaçınabileceğinizi düşünüyorum. Gri tasarım, ördek simgesinde daha fazla derinlik ve stilize işlemden faydalanabilir. Şu anda çok solmuş ve yazı tipinin arkasında kayboluyor.

Farkında olmadığım herhangi bir tasarım ilkesini ihlal edip etmediğimi de bilmek isterim: belki de belirgin bir kontrast sorunu göremiyorum veya çok küçük kötü bir yazı tipi kullanıyorum.

Bununla ilgili olarak, Tipografi kuralları hakkında konuşmak istiyorum.

Sağa gösterilen bir karakter çizgisi, dikey çizgiden daha kalın olmak ister.

K'nizin sağ alt kısmını düşünün.

Bu - değil - yazı tipinde yapılır.

Yatay bir çizgi dikey bir çizgiden daha ince olmak istiyor.

Değil - yazı tipinde bitti.

Yazı tipinin gösterdiği şey, üçgen ve dairelerin ipuçlarına ilişkin kuraldır.

Yukarı ya da aşağıya doğru gösterirler, font taban çizgisinden daha yüksek - düşük - olurlar.

B'ye bak.

Üst kısım daha yükseğe çıkar.

Söylediğim tüm büyük harfler hakkında, bir kelimenin başındaki büyük harfler okunabilirliği artırır.

Tüm kapaklar yapar - hayır - mutlaka bunu yapın.

Ve biraz bağırarak yönüne gider.