Web sitesi tasarlarken bilmeniz gerekenler

Mark Max Henckel 21 Ekim 2020 tarihinde güncellendi
9 Dk.
Logo Webdesign
Son güncelleme 21 Ekim 2020

Web sitelerinin logoları, yazdırma veya diğer iletişimlerden tamamen farklı kurallar izler. Logolar ve tabelalar için gereksinimler arttı. Web logonuzu oluşturmak için size yönergeler ve araçlar göstereceğiz.

Web tasarımı ve grafik tasarım arasında çok geçirilebilir bir sınır vardır. Grafik tasarımcılar genellikle baskıya, iş ekipmanı, posterler, reklamlar ve logolar tasarlamaya odaklanırlar. Web tasarımcıları, diğer taraftan, tasarım web siteleri, haber bültenleri, afiş ve tabii ki, logolar. Bazı baskı VE web için tasarım sunan, iki iş alanları karıştırın. Bu ve belki de ne yapmamalıdır son müşteri için açık değildir. Sonra web sayfaları için baskı tasarımı evde daha fazla grafik tasarımcıları - ve net baskı logoları getirmek. Tersine, web tasarımcıları tüm iş ekipmanları geliştirmek oldukça istisnadır.

Aslında bir web sitesinde bir logo kırtasiye veya bir şirket binasında birinden farklı gereksinimleri olduğunu bir "grafik göz" ya da grafik mesleği olan herkes için açık hale getirmelidir. Akıllı telefonların ve mobil Internet'in gelişi nedeniyle, logolar ve tabelalar (yani logolar için kullanılabilen küçük grafikler) gereksinimleri değişti ve web üzerinde daha somut hale geldi – ama aynı zamanda yoğunlaştı. Sonuçta, o kadar da karmaşık değil. Ve henüz bir web sitesi için iyi bir logo geliştirmek için deneyim ve egemenlik bir sürü alır.

Web logosu oluşturmak için üç yönerge

Logoyu tasarlarken göz önünde bulundurabileceğiniz üç ana nokta vardır:

  1. Yatay biçim: Logo sol üstte görünür, bu nedenle kullanıcılar bunu bekler. Bazen de sitenin ortasında izin verilir. Ama değerli alan kazanmak ve temel kullanıcıların dikkatini çekmek için, dikkate insanların genel görüntüleme alışkanlıkları almak mantıklı - sol üst kısmında bir manzara logosu ile.
  2. Açık yapılar: Bir akıllı telefon veya tablette logo boyutunu göz önünde bulundurmak çok önemlidir. Ama aynı zamanda birçok masaüstü ve dizüstü bilgisayarlar ya çok yüksek çözünürlüğe sahip, bu yüzden alan çok, ya da oldukça küçük bir çapraz. Her iki durumda da, logo oldukça küçük görünebilir. Ancak, hala küçük boyutlarda bile iyi çalışması gerekiyor.
  3. Hiçbir Talep: Birçok müşteri, aynı zamanda tasarımcılar, bazen dayanılmaz eğilim logosu altında bir iddia yerleştirmek hissediyorum. Resimdeki metin. Bu hiç mantıklı değil. Bu sadece bir alan sorunu değil, aynı zamanda zor akıllı telefonlarda okumak mümkün okunur. Bunun değerli metin olduğu anlamına geldiği gerçeğinden oldukça farklı Google Dizin oluşturma (SEO) hariç tutulur.

Ben bir logo oluşturmak için bu üç basit "kurallar" tartışılabilir anlıyorum. Çünkü tabii ki bazı karşı örnekler veya daha fazla veya daha az kendi kuralları var markalar bulacaksınız. Ama bu çok özel, başarılı markalar - ve istisnalar burada da kural onaylamak.

Ama ne başarılı logolar yapar? Bunu yapmanın en iyi yolu, başarılı ve büyük şirketlerin logolarına ve/veya tabelalarına bakmaktır. Bildiğim en ustaca logolar Daimler (Mercedes yıldızı), Apple (elma ile), VW, BBC veya McDonalds M vardır. Tabii ki, daha birçok örnek vardır. Ve çoğu internetin olmadığı bir zamandan geliyor. Ancak, logolar zaman içinde gelişir, markalar ve şirketler gibi.

weblogos

İdeal olarak, farklı çıkış biçimleri için özelleştirilmiş logolar vardır. Yukarıda bahsedilen favori logolar da parlayan örneklerdir. Her yerde çalışırlar ve kendi özel gereksinimleriyle ilgili ortama uyarlanırlar. Mantıksal: Antetli bir evde ışıklı reklam dışında bir şey ihtiyacı ve bir web sitesi bir kartvizit daha farklı koşullara sahiptir.

Signet & Word Mark Net üzerinde

Bu yazı mükemmel bir logo oluşturmak için tam bir atölye değildir. Bu kesinlikle bir blog yazısı okuma daha içerir. Ancak, web sitenizdeki logoyu daha iyi anlamanıza ve daha başarılı çözümler bulmanıza yardımcı olmak için tasarlanmıştır.

Sadece kısaca: Logo nedir? Vikipedi diyor:

"Logo, belirli bir konuyu temsil eden bir grafik işaretidir. Bu bir şirket, bir kuruluş, özel bir birey veya bir ürün olabilir."

Şimdilik fena değil. Logo, COCA COLA, GOOGLE veya ACER gibi bir sözcük işareti olabilir. Bu PLAYBOY, SHELL ve MERCEDES gibi bir tabela olabilir. Çoğu zaman, ancak, logolar bir kelime işareti ve bir signet oluşur. İmzalar için yukarıdaki örneklerde, her zaman bir varyantı ve kelime işareti olmadan.

Bu aynı zamanda, örneğin, McDonald's için herkesin bildiği ayırt edici M ile de geçerlidir. Bu, McDonald's logosu orada isim yazı ve iddia (I'm lovin'it) ile, ama M her zaman orada. Üzerinde McDonald's web sitesi yukarıda belirtilen nedenlerle, sadece navigasyon sol üst köşesinde bu M bulabilirsiniz böyle bir şekilde çözüldü - ve navigasyon kaydırma girerken girer. Sadece M bir noktada hala orada. Bunu zekice ve yerden tasarruflu buluyorum, çünkü en önemli şey her zaman görünür: tabela, "M".

Üzerindeki logoya bakalım. Web sitesi des WWF daha politik açıdan daha doğru bir alandan örnek almak. Ünlü panda ayı, aynı zamanda tek başına durabiliyordu, mektup WWF, Dünya Yaban Hayatı Fonu kısaltması üzerine yerleştirilir. Ben web sitesi oldukça başarılı (bu arada TYPO3) bulmak, ama bir ana navigasyon çivi istemiyor. Bu zekice çözüldü. Biraz zamana ihtiyacı var, ama gerekli olan her şeyi içeriyor.

Mega menü teknolojisi sayesinde, gezinme ikinci düzeyde sayfada her şeyi gösterebilir. Eğer fare üzerinden mega menü çağırırsanız, sadece panda görünür kalır. Bu yüksek kenarlı logosu, ancak uygulanması çok iyi. Bu logo aynı zamanda hiçbir web sitesi vardı bir zamanda geliyor. Ben WWF bugün oluşturulan farklı bir logo olurdu eminim - manzara formatında bir.

Web sitesinde peyzaj modunda logolu örnekler

RAIDBOXES elbette bir örnektir. Bir kelime işareti, tabii ki manzara biçiminde - aksi takdirde okuyamaz. Bu logoya başarı diyorum. Çünkü iyi bir logo özü yüksek bir tanıma değeri vardır. Ayrıca mobil cihazlarda küçük çalışır. Bu, Google, Facebook, Amazon, Microsoft, YouTube ve daha birçok modern Internet siteleri için geçerlidir.

RAIDBOXES Logo
Logosu RAIDBOXES

Biz üzerinden aynı şeyi yapabilirsiniz wordpress.org Söyle. Var. Görüntülenebilir özellikler sunulması için WordPress -Logolar: Bir stil kılavuzu. Logo bir tabela ve manzara biçiminde kelime işareti olarak W, aynı zamanda dik vardır. Web sitesinde, hochkant logosu elbette dağıtılır. İyi nedenlerden dolayı, Signet ile logosu sadece enine değil, aynı zamanda navigasyon üzerinde nispeten büyük. Yine, menü sabit değil, hangi Kullanılabilir -lik web sitesini iptal etmez.

Sayfa örnekleri WordPress

Bizim için bir örnek olarak hizmet veren bir başka büyüleyici web sitesi VOGUE Amerika. Ben uygulama tutarlı ve marka için uygun olduğunu düşünüyorum. Ama kaydırma sonra sabit navigasyon oldukça zayıf. Çünkü ortadaki büyük logo, klein'da sol üstte kaybolur ve beklediğimiz yerde görünür. Bu web sitesinde azaltılması gereken kelime işaretleri için genel bir meydan okumadır. Kenarları "saçak" ve bulanık olur. At SPIEGEL Online (SPON) aynı olgu görülebilir. Her ikisi için de, bahane logolar Internet yaşından önce oluşturulmuş olabilir. Biz Amerikan VOGUE aynı görmek TIME Dergisi, hangi WordPress Çalışır.

Durum biraz farklı. açık NASA dan, ayrıca WordPress ve aynı zamanda bir logo türü ile. Ancak, ince bir grafik öğesi ile çevrilidir. Bu logo, sabit bir navigasyon içinde bu kez, bir yörünge unsuru temsil etmek için yeterince büyük. Bence başarılı oldu, ama burada da harflerin yıpranan olduğunu görebilirsiniz. Bu nedenle, saf kelime işaretleri bir arkadaş değilim, ben kısaltmalar ile signets tercih ederim.

BBC AMERİKA aynı zamanda bir WordPress Sayfası. O parlak yanı sıra logo tasarım çözüldü. Evet, BBC hayranıyım. Ama aynı zamanda logo dahice ve unutulmaz bulmak - peyzaj formatında logolar başarılı bir örnek olarak. Bu arada, bu web sitesi de kaydırma sonra sabit bir navigasyon ile dağıtır - burada içerik ön planda.

Web için iyi bir logo oluşturma (bırakma)

Yani şimdi logolar cadılık ve bazen çok basit olmadığını çok net görebilirsiniz. Hünerlerini bağımsız bir markayı yansıtmanın basitliğinden ve tutarlılığından elde ederler. İyi bir logo bu nedenle yapmak çok kolay, ama hayal etmek kolay ya da bulmak zor değil.

Grafik tasarım ileri geri: Grafik olarak eğitilmiş gözünüz ve birkaç basit kuralınızla siz ve müşterileriniz için iyi bir logo oluşturabilirsiniz. Tabii ki, en kolay yolu bir grafik tasarımcı kiralamak olacaktır. Bu en güvenli ve en kaliteli yol olduğu garanti olmasına rağmen, özel durumlar kuralı onaylar. Ama aynı zamanda en pahalı çeşididir. İnternette, bu hizmetlerin denizaşırı ülkelerde dış kaynak sağlayan portalları olduğundan şüpheleniyoruz. Bu yüksek kalitede daha düşük bir saatlik ücret ile ülkelerde iyi grafik tasarım için alışveriş yapmanızı sağlar. Örneğin Ukrayna, Hindistan, Endonezya, Güney Amerika, aynı zamanda ABD vb. Dezavantajları anlaşmazlıklar, iletişim ve bu nedenle, bazen koordinasyon yasal durumdur.

Ben bir grafik göz kendimi var ve kendim mümkün olduğunca yapmak istiyorum beri, ben var NET YAYINCILIK farklı bir yol aldı. Ben aradı ve bir signet bulundu Envato. Bunun için bir logo oluşturmak mümkün olacağını düşündüm. Çünkü beğendiğim tabelanın içeriği yanlıştı. Logo, şirketinizin öğesi ve karakteriyle eşleşmelidir. Bu yüzden kullanmak istediğim bir işaret buldum, ama içinde "P" var. İlk başta ben kendimi denedim - ama Illustrator vektörleri ile yeterli deneyime sahip değilsiniz. Bu yüzden o benim için bunu yapabilir eğer Envato hakkında signet geliştirici sordu - ve ne fiyata. Bu mümkün ve maliyet kesinlikle makul oldu. Şimdi manzara modunda kelime işareti ile bu "P" var:

Online Logo Örneği
PUBLIZIEREN IN NETZ logosu

Araştırma araçları

Müşterilerim için yaptığım şey tam olarak bu. Logo tasarımı isteniyorsa, ben ilk iş fikri ve adı maç için bir tabela seçmenizi öneririz. Sadece Envato'u kullanmıyorum ya da. Envato Elementler. Ben de Google'da logolar için bakmak, ya da ıconfinder, Istockphoto ve küçük grafik diğer sağlayıcıları. Sonra müşteriye göstermek, onunla birlikte bir veya iki seçin ve peyzaj biçiminde bir logo oluşturmak.

Önemli: Telif hakkına dikkat edin, logonuz mevcut olana çok yaklaşmamalıdır. Signets satın alıyor olsanız bile, lisansı kontrol etmeniz (bırakmanız) gerekiyor: Herhangi bir zaman ve yer olmadan profesyonel amacınız için geçerli midir? Ve aynı zamanda bir logo olarak kullanmak için?

İyi logolar basit ve mümkün olduğunca iş fikri ifade. Onlar peyzaj kullanılmayan çünkü web sitesinde çalışır. Bunlar siyah beyaz görüntülenebilir. Ve bir kırtasiye veya kartvizit görüntülenebilir - bir şey değişti ve adapte, belki altında bir iddia ile.

Özet

İyi bir logo oluşturmak nispeten kolaydır. Açık bir konsepte ve çok iyi bir fikre ihtiyacın var. İlham diğer başarılı markalar ve web siteleri tarafından sağlanmaktadır. İş arkadaşlarınız ve arkadaşlarınızla yaptığınız konuşmalar bile basit ve parlak bir fikir edinmenize yardımcı olabilir. Ama kabul edelim: parlak olması gerekmez, uygun yeterli olabilir, iyi yeterli daha fazla olacaktır. Grafik platformlarında logo veya tabela arayabilirsiniz.

Tabii ki, daha fazla veya daha az soyut işaretler onlar için stand mesleği ile ilgili bir şey olmalıdır. Ayrıca burada komik kombinasyonları olabilir. Ya da tutarlı türevleri, örneğin apple'ın ünlü elma düşündüğümüzde. Kim kayıp ısırıklı bir elma almaya gelirdi ki? Ama bu küçük komik "troublemaker" bu logo çok awesome yapar.

Ben şimdi World Wide Web için büyük bir sonraki logo oluşturmak için bazı ipuçları var umuyoruz. Sana iyi şanslar ve çok eğlenceli diliyorum.

Fotoğraf: Jeff Sheldon, Rohan Vijay

Web siteleri için logo tasarımı hakkında sorularınız mı var? Lütfen yorum işlevini kullanın. Web tasarımı ve online pazarlama için yeni katkılar hakkında haberdar olmak ister misiniz? O zaman bizi takip et. Twitter, Facebook ya da bizim aracılığıyla Bülten.

Mark Max Henckel – Hamburg'dan web tasarımcısı. Eğitimli medya tasarımcısı (baskı), 2000 yılından bu yana bir web tasarımcısı olarak çalışıyor. Başlangıçta mobile.de, 2003'ten itibaren tek başına. Farklı kendi bloglarda farklı konularda 2005 blogcular gönderen. 2007 ve 2008 yılları arasında SPIEGEL ONLINE'da serbest çalışan olarak, dikiş programlama/düzenleme bölümünde einestages.de'nin lansmanına katıldı. Daha sonra SPIEGEL pazarlamacı Kalite Kanal (Spiegel QC / Spiegel Medya) at. libri.de ve çeşitli grafik ve BT ajansları için serbest olarak çalışıyor. 2008 yılından bu yana, o uzmanlaşmıştır WordPress .

Benzer makaleler

Bu makaledeki yorumlar

Yorum yaz

E-posta adresiniz yayınlanmayacaktır. Gerekli alanlar * Işaretlenmiş.