2016 için 10 En İyi Web Tasarım Tarzı Kılavuzu
Stil Kılavuzu, bir proje üzerinde çalışırken izlenmesi gereken talimatlar veya yönergeler içeren bir belgedir. Adından da anlaşılacağı gibi, bir web sitesi projesinde çalışırken bir web tasarım stili kılavuzu kullanılır. Bu makalede, size yüksek kaliteli bir web tasarım stili kılavuzu örneği vereceğiz. Amaç, projenizde bu stil kılavuzunun kullanılmasını öneren en son makaleden en iyi web tasarım ipuçlarından birini uygulamanıza yardımcı olmaktır. Stil rehberi nedir ve neden umursamalıyım? Stil yönergeleri, ses tonu, fotoğraf içeriği, sütun mesafesi, mal seçenekleri ve diğer şeyler dahil olmak üzere projenin her yönünün kataloğunu yapmak için basitçe kullanılacak yazı tiplerini ve renkleri tanımlamaktan başlayarak boyut ve kapsam değişebilir. düşünebilir.
Çoğu proje, ister yeni bir web sitesi oluşturulmuş, pazarlama stratejileri oluşturma, marka yapımı ve hatta blog yayınları yayınlamak için bir stil rehberine sahip olmaktan faydalanabilir. Bir stil kılavuzu kullanmak, çalışmaya başlamadan önce önemli kararların belgelenmesine yardımcı olabilir ve sizin, ekibinizin ve müşterilerinizin başlangıçtan itibaren aynı sayfada olduğundan emin olabilir. Bir Web Tasarım Stili Kılavuzu kullanmanın bir başka yararı da, proje boyunca tutarlılık yaratmaları ve birisi ayrıldığınız yerde devam ederse, takip edilecek bir dizi net talimatlara sahip olmalarını sağlamaktır.
Bu nedenle, bir sonraki projeniz için ilham almanız gerekiyorsa, kendi stil rehberinizi nasıl yapacağınızı bilmek istiyorsanız veya sadece tipografi ve kutu düzeni öğrenmeyi seven bir piksel sürücüyseniz, 2016 için 10 web tasarım stili kılavuzu. 10 Tasarım Stil Rehberi 2016 yılında En İyi Web Bu koleksiyonun maksimum sonuçlarını elde etmek için, mektuplar için bu web tasarım stiline rehberlerden birini takip edebilir, en sevdiğiniz öğeleri karıştırabilir ve eşleştirebilir veya kendi yönergeler koleksiyonunuz için bir ilham kaynağı olarak kullanabilirsiniz. . 1. Google Materyal Tasarım Tarzı Kılavuzunun Google Örnekleri’nden Malzeme Tasarımı
Malzeme tasarımı, düz kullanıcı arayüzlerinin eğilimini sürdürür ve tasarımcıların, minimalist kullanıcı arayüzünün modern cazibesini kullanırken çalışmalarına daha fazla derinlik ve kişilik katmasına yardımcı olur. Bu popüler web tasarım stili kılavuzunun tipik özellikleri arasında ızgara tabanlı düzen, animasyon ve gölge bulunur. İyi haber şu ki, bu tasarım dilini benimsemek istiyorsanız, Google Malzeme Tasarım El Kitabı ücretsiz olarak çevrimiçi olarak kullanılabilir ve bu web tasarım stili kılavuzunun amacını açıklamaya yardımcı olur. Bu aynı zamanda bu tür belgeler yapmak için atanan herkes için çok ayrıntılı bir stil kılavuzuna iyi bir örnektir. Daha fazla bilgi 2. Global BBC deneyiminin dili
BBC Çevrimiçi Stil Kılavuzu herhangi bir fırsat sağlamaz
Fırsatı boşa harcamayan bir stil kılavuzu arıyorsanız, BBC Global Experience dil belgesini derleyen talimatlar iyi bir örnektir. BBC için web siteleri oluşturan web tasarımcıları için oluşturulan bu stil kılavuzu, felsefeyi kuralların arkasına koyarak başlar. O zamandan beri, bu belge detaylara daha derine yöneliyor. Geniş piksel oluk sütunu, kafes düzeni kuralları, logo konumlandırma yönergeleri ve çevrimiçi içerik oluştururken düşünebileceğiniz diğer tüm şeyleri içeren bilgileri bulacaksınız. Bir ana marka altında çeşitli varlıkları birleştiren bir stil kılavuzunun nasıl yapılacağı ilham almak için, bu BBC’nin kaynaklarından hayal kırıklığına uğramayacaksınız. Daha fazla bilgi 3. Mozilla tarzı kılavuz
Tutarlı bir web sitesi tasarlamak için ihtiyacınız olan her şey
Dünyanın en popüler ikinci web tarayıcısından sorumlu ekip tasarım ethoları hakkında daha fazla bilgi edinmek istiyorsanız, Mozilla Style Guide Online denemeye değer. Bu stil kılavuzunda, logoların, renk şemalarının, ses tonlarının ve kelimelerin kullanımını içeren talimatların nasıl üretileceğine dair bazı iyi örnekler bulacaksınız. Müşteriniz veya ekibiniz tarafından takip edilecek bir rehber yapmak istiyorsanız, Mozilla talimatları dizisi size nasıl yapılacağını gösterecektir. Daha fazla bilgi 4. Twitter marka varlıkları için yönergeler Twitter tarzı kılavuz, logodan kelime işaretine kadar her şeyi içerir
Logo tasarımcıları ve projenizin bir parçası olarak logo ve grafik kullanan siz bu sosyal medya devinden temiz ve net talimatları takdir edecektir. Twitter Marka Varlık Stili Kılavuzu’nda, logonuzun ve diğer varlıklarınızın doğru şekilde kullanılmasına yardımcı olan talimatların nasıl yazılacağına dair bazı iyi örnekler bulacaksınız. Bu çevrimiçi stil kılavuzu, renk paletleri, logo oryantasyonu, eleman alanları ve terimlerin bir listesini içeren ayrıntıları içerir.
Web tasarım istemcinizin sıkı çalışmanızı veya logonuzu kesmediğinden emin olmak isteyin ve projenizin arkasındaki markalaşma bozulmaz, Twitter Marka Varlık Stili Kılavuzu takip etmek için iyi bir modeldir. Daha fazla bilgi 5. Adobe Company Marka Yönergeleri Adobe Company marka yönergeleri, şirketinizin markasının ve felsefesinin çeşitli platformlarda ve medyada tutarlı bir şekilde uygulanacağının nasıl etkileyici bir örneğidir. Web sitelerinden ve e -postalardan, basılı posterlere ve ürünlere kadar her şey burada ele alınmıştır – web tasarımcıları tarafından kullanılması gereken Adobe CC uygulamalarından bahsetmiyorum. Büyük ölçekte olmasına rağmen, Adobe marka yönergeleri, ayrıntılı talimatları göstermek için kullanma örnekleriyle birleştirir. Kapsamından bağımsız olarak anlaşılması nispeten kolay olan büyük bir stil kılavuzu nasıl yapılır. Birçok platform içeren bir proje üzerinde çalışıyorsanız, Adobe’nin bu stil kılavuzu, işinizin tüm yönleri için geçerli olan bir dizi talimatın nasıl yapılacağını gösterebilir. Daha fazla bilgi 6. Marka Kitapları ve Foursquare Rehberi
Foursquare’in grup kitabı, markalaşmalarının iç ve dış kullanımını içerir
FourSquare’in Konum -Araştırıcı Uygulamaları ve Web Siteleri, içeriğinin kolayca tanınmasını sağlamak için bir dizi katı yönerge izler, hem içerik kendi platformlarında yayınlanır veya sosyal medyada ve başka yerlerde paylaşılır. Bu marka kimliğinin seviyesini işinize eklemek istiyorsanız, Foursquare’den marka kitaplarını ve marka yönergelerini keşfetmek uygun yatırımınızdır. Bu iki kısa stil yönergesinde, logonun kullanımı ve konumlandırılmasından ikonografik kurallara, rozetin tasarımına, kopya yazma yönergelerine ve yapılması gereken her şeyi içeren ve yapılması gereken birçok şey bulacaksınız. ses tonunun önerileri. Web ve mobil cihazlar ve sosyal medya için simgeler veya tasarımla çalışıyorsanız, FourSquare’den stil kılavuzu, kendi mülkünüzün içinde ve dışında tutarlı bir mesajın nasıl iletileceği konusunda birçok talimat sunar. Daha fazla bilgi 7. Grafik grafik grafik grafiklerinin kimliği her şeyi basit tutmayı amaçlamaktadır
Adobe ve Google’ın biraz aşırı olduğundan daha büyük bir stil kılavuzu bulduysanız, MIT marka kitabının web tasarım bölümü memnuniyetle karşılanan kontrast sunmalıdır. Sadece logoların yerleştirilmesi ve kelime düzenlemesi hakkında temel bilgileri göstererek, bu, web tasarım projenizde aşırı olmadan nasıl tutarlılık kazanabileceğinizin iyi bir örneğidir. Daha fazla bilgi 8. Ubuntu Stil Kılavuzu Ubuntu belgeleri, tutarlılığı artırmaya yardımcı olmak için HTML ve CSS içerir
Ubuntu tarzı kılavuzun amacı bu markayı hassas bir şekilde web’e getirmektir.Bu hedefe yardımcı olmak için, bu web tasarım stili kılavuzu, geliştirici veya tasarımcı tarafından yapılabilecek herhangi bir web sayfasına ubuntu CSS dosyası eklemek için talimatlar içerir.CSS dosyaları sağlamak ilginç bir fikirdir.Bu, web sayfalarındaki tüm öğelerin şimdi ve gelecekte aynı görünmesini sağlamanın hızlı bir yoludur.Belge daha sonra, düzen, tipografi, formlar, tablolar, tablolar, medya ve daha fazlasına geçmeden önce bağlantılar ve başlıklar gibi belirli öğeler için gereken çeşitli stilleri açıklar.Ubuntu web tasarım stili kılavuzu denemeye değer.Bunun nedeni, sadece yönergeleri ve talimatları içermesi değil, sonuçları elde etmek için gereken HTML ve CSS işaretlemeleri de sağlanmıştır.Daha fazla bilgi 9. UX Rehberi MailChimPanduan Mailchimp UX birçok yararlı örnek içerir
MailChimp en popüler e -posta pazarlama hizmetlerinden biridir, stil yönergelerini halka açık hale getirdiklerini görmek çok mutlu. Takipçilere öğelerin nasıl düzenlenmesi gerektiğine dair örnekler vermenin yanı sıra, bu kılavuzun uygulanmasını mümkün olduğunca kolay hale getirmek için temel kod da sunulmaktadır. Bu çevrimiçi belge aynı zamanda iyi biçimlendirilmiştir, bu da onu daha kolay web tasarım stili kılavuzlarından biri haline getirir. Her şey, kafes ve tipografik düzenlerden simgelere ve diyalog kutularına kadar, tasarladığınız platformlara kadar burada yer aldığından, MailChimp Style kılavuzundan bazı talimatlar alabilmeniz gerekir. Web tasarımcıları ve e -posta pazarlamacıları, MailChimp Style Rehberi projelerinde tutarlılığı sürdürme açısından iyi bir ilham kaynağı olarak bulacaklar. MailChimp’in ana UX tasarımcısı Federico Holgado ile yapılan bir röportajda bu kılavuzun arkasındaki hikayeyi duyabilirsiniz. Daha fazla bilgi 10. Web Stili Kılavuzu: Temel Tasarım İlkesi Daha yaygın bir stil kılavuzu için bir web sitesi oluşturmak için bu kitabı masanızda kaydedin
Masanızdan tasarruf edebileceğiniz çevrimdışı kaynaklar arıyorsanız, Patrick J. Lynch ve Sarah Horton’un web tarzı kılavuzu oldukça klasik. Gerçekten de, web tarzı rehber kitabı bir süredir güncellenmedi. Bununla birlikte, web tasarımının temelleri ve çeşitli kuruluşlardaki web tasarımcılarının ihtiyaçları hakkında önerilerin hala birkaç değer sunduğunu bulmalısınız. Bazı fikirler asla güncel değildir ve tasarım kararları verirken referanslar için basılı kitaplara sahip değildir – dijital çağda bile çok değerli olabilir. Çevrimiçi yapımcılar için diğer stil yönergeleri hakkında daha fazla bilgi için genellikle sadece web sitesinin kendisinden daha başarılı web tasarım projeleri vardır. İçerik veya grafik tasarım oluşturmak için atandıysanız, disiplin için bir stil kılavuzu bulmak daha tutarlı çalışmalar üretmenize yardımcı olabilir. Yine, başkaları tarafından takip edilecek kendi ayrıntılı talimatlarınızı yapmak için şablon olarak da kullanabilirsiniz. Dolayısıyla, düşünmek isteyebileceğiniz başka stil yönergeleri: Associated Press’ten gelen bu stil kılavuzu, çevrimiçi yazarlar için bir zorunluluktur.AP Stylebook bir gazetecinin kutsal kitabı olarak tanımlanır ve spiral tabanlı bir kitap ve interaktif e -kitap olarak mevcuttur. Bu yazı stili kılavuzu düzenli olarak güncellenir, bu nedenle en son konular hakkında yazarken rehberlik sağlayabilmelidir. Yahoo!
