Apple, Google ve Starbucks gibi Popüler Şirketlerden 10 Dijital Tasarım ve Stil Rehberi İllüstrasyon

Apple'daki tasarımcıların, iOS'u oluştururken her bir küçük yönü nasıl tanımladığını merak ettiyseniz, o zaman uygun noktada olabilirsiniz.

Teknolojik yenilik sürekli geliştikçe, web tasarımı daha resmi hale gelmeye devam ediyor. Dünya çapındaki web tasarımcıları ve geliştiricileri, Dizüstü Bilgisayardan hücre ürünlerine sorunsuz bir şekilde çevrilebilen, sitede gezinmeyi anlaşılır hale getiren ve diğer internet sitesi yeteneklerini geliştiren kodlar yapmalıdır - bunların tümü, şirketlerin dijital tasarım kılavuzlarında standartlaştırdığı faktörlerdir.

Elektronik tasarım kılavuzları, bir markanın genel resmi ve internette akılda kalıcılığı için ekstra pratik hale geldi, çünkü şirket web ekranı için beklentileri ve kriterleri oluşturdular. Birinci sınıf kullanıcı çileleri sunmak zorunda olan web siteleri ve ürünler için özellikle hayati önem taşırlar.

Bu derlemede, dijital tip kılavuzlarının neler olduğunu ayrıntılı olarak inceleyeceğiz ve size, onları düzgün bir şekilde tamamlayan tanınmış işletmelerden bazı etkileyici çizimler göstereceğiz.

Bu tarz moda bilgisi, bir şirketin dijital varlığı için stil ve tasarım kriterlerini belirleyen bir kılavuz olarak ele alınmalıdır. Temel amacı, marka adı için evrensel bir stil türü üretmek ve tüm kanal ve ortamlarda, markanızı oluşturduğunuz yer, renk paleti, tipografi, görüntü önerileri vb. arasında belirli bir düzenlilik sağlamaktır.

Bir şirketin logosunu, misyon iddiasını, alıcı kişiliğini ve ses tonunu kapsayan üretici moda kılavuzlarının aksine, web tasarım tasarımı ve stil kılavuzları UX/UI gibi dijital sunuma odaklanır.

Ancak ben de bir UX tasarımcısı olarak Apple, Google ve Starbucks gibi etkili sağlayıcıların dijital moda rehberlerinde neler bulabileceğinizi genel olarak merak ettim.

Hissedin veya hissetmeyin, pek çok sağlayıcı bu ayrıntıları herkese açık hale getirir - bulmayı gerçekten çok zahmetsiz hale getirmezler. Bu yüzden, bir single'a her rastladığımda, onu işaretliyorum. İşte bu kadar önemli bulduğum en iyilerinden bazıları.

Parlak Dijital Stil Kılavuzlarına Örnekler

1. Apple iOS

Apple'ın tasarım ve stil kılavuzu, tam işlevli bir yöntemin nasıl tasarlanacağını ele alması nedeniyle özellikle heyecan verici. Apple'ın OS X'inin en güncel sürümlerinden biri olan Monterey, selefi Yosemite'den daha fazla basitleştirilmiş bir tüketici arayüzüne sahiptir. Apple, bu incelikli ama elle tutulur ayrımı gerçekten iyi grafik karşılaştırmalarla gösteriyor ve ardından çalışan sistem düzeninin her bir münferit yönünü destekleyen mantığı tartışmaya devam ediyor. Tasarımcıların zihinlerine bir pencere açar.

2. Google: Malzeme Düzeni

Google, Skeuomorfik Tasarım ve stil (gradyanlar, dokular, hafif öğeler) ve Düz Stil (basit, renkli, geometrik) arasında bir melez olarak var olan Ürün Yapısı olarak tanımlanan bir tasarım ve stil modasına öncülük etti. Bunu gerçekleştirirken olumluyu harmanladı. olumsuzluklardan kaçınarak, her tasarım ve stil tasarımıyla bağlantılı yönler.

Google, birkaç on yıldır Ürün Stili üzerinde çalıştığı için, muhtemelen şimdiye kadar her gün bir temel üzerinde onunla etkileşime girmişsinizdir - Google Takvim uygulaması, herhangi bir kişi? Bu tasarım ve stil kılavuzu, Materyal Tasarımının tam olarak ne olduğunu ve Google'ın onu nasıl kullandığını açıklar. Ve önemli ölçüde, herhangi bir zamanda karşılaştığım en iyi tip kılavuzlardan biri olduğunu söylemeliyim.

3. Starbucks

Bu, gördüğüm en minimalist tasarım ve stil rehberlerinden sadece biri - ve bir sürü pratik gerçeği barındırıyor. Kod üzerinde önemli bir vurgu yapar ve bunun inşaatçılar tarafından inşaatçılar için inşa edildiğini açıklayabilirsiniz. Marka adıyla bağlantılı öğelerden yoksundur, bu nedenle bir web sitesi tasarım kılavuzu ile kod kitaplığı arasındaki çizgide yürür.

4. Atlassian

Atlassian'ın modellik yaptığı ürün takımı devasadır - bu nedenle, doğal olarak, devasa bir moda rehberine sahiptirler. Temel şeylerden (renk paleti ve tipografi gibi) bileşenlere (tablolar ve araç ipuçları gibi) ve eksiksiz bir desen kitaplığına kadar, bu kılavuz kitap, bu boyutta bir üründen güvenebileceğiniz hemen hemen her şeye sahiptir.

Muhtemelen en iyisi, tam tip kılavuzu kullanmanın mantığı, rezidans web sayfasında aldatıcı bir şekilde 3 basit koşulda özetlenmiştir.

5. Mozilla

Bu elektronik tasarım eğitimi, temel olarak markalaşma ve iletişim ile ilgilidir. Ancak Mozilla'nın son zamanlarda bir "gizlilik ve açık dünya çapında ağ" taktiği almasıyla, bunu tasarımlarında nasıl tekrarladıklarını görmek şaşırtıcı.

Mozilla'nın ana sayfası ayrıca, UX/UI'nin görme engelli veya engelli erkekler ve kadınlar için nasıl erişilebilir olması gerektiğini ana hatlarıyla anlatan harika bir kariyere sahiptir - teknik bilgi olarak kapsayıcı ve önemli bir şey çok daha devrimci hale gelecektir.

6. Tampon

Tamponun tip kılavuzu küçük ve özlüdür, muhtemelen tek bir konumda modaller yoluyla ızgaradan. Elektronik moda eğitiminizin tüm ideal noktaları ilettiği takdirde gösterişli olması gerekmediğine dair hoş bir hatırlatma. Başlamak için bir yer arayan şirketler, Buffer'ın basit tasarım yönerge faktörlerinden alınan notları dikkate alabilir ve sahip olduklarını oradan oluşturabilir.

7. Yelp

Güvenilir bir internet sitesi tasarım ve stil rehberi örneği arıyorsanız, Yelp'in buna dahil olduğunu elde edin. Sadece eksiksiz olmakla kalmıyor, aynı zamanda Atomik Tasarım prosedürünü bir yemek kitabı olarak açıklıyor ve web sitesi bileşenlerini bir yemeğe katkıda bulunan maddeler olarak bölüyor.

Bu ayrıntıda her şey var: tipografi, düzen, çeşitler, kaplar, gezinme ve her bir parça için kod parçacıkları. Hemen hemen her öğenin ne olduğunu, gerçekten nerede kullanılması gerektiğini ve nasıl yürütülmesi gerektiğini açıklamak için harika bir iş çıkarıyorlar.

8. GOV.İngiliz adaları

İngiltere'nin hükümet çözümleri web sitesi, genel olarak üstün kaliteli UX'in birincil örneği olarak müjdelendi. Neden? Niye? Çok fazla miktarda bilgi ve gerçek içeren karmaşık olmayan ve kullanımı hızlı bir stil ve tasarıma sahip olması nedeniyle.

Kesinlikle temiz ve güçlü bir düzeni neyin oluşturabileceğiyle ilgileniyorsanız (ipucu: genellikle düz renk kullanımı, tipografi ve aralık ile başlar), o zaman GOV.UK'nin tip kılavuzuna kısa bir bakış atmaya değer. Büyük ölçüde internet sitesi gibi, son derece çok basit ama çok aydınlatıcı.

9. DeviantSanat

Yeni DeviantArt stili bilgi özeldir çünkü gerçekten bir bilgiden daha fazlasıdır - bir bilgidir. Bir hikaye anlatır ve kişiyi DeviantArt markasının duygusal uzmanlığına kaptırmak için cesur, tam genişlikte görsellerden yararlanır. Bununla birlikte, bu kesinlikle bir markalama modeli kılavuzudur, bu nedenle yalnızca renk ve tipografi gibi ürünler kaplanmıştır.

10. Disketler

Renk, simgeler, tipografi ve logo… Disqus, bu bilgilerle daha kısa ve tatlı tutar. Ama hepsi oldukça hoş, organize bir şekilde sunulabilir. Bu rehber kitap, tüm temelleri karşıladığı için, sahip olduğunuz bir stil kılavuzu oluştururken “başlamak için yer” için harika bir örnek olarak kullanılabilir.

Kendi El Kitabınızı Yaparken Etkilenen Deneyim?

Şimdi sizin anahtarınız olabilir. İşletmenizde elektronik türde bir eğitimden yararlanarak, markanızın tasarım dilini iç tasarımcılara, organizasyonlara, pazarlama arkadaşlarına ve hatta müşterilere iletebilirsiniz.

Standart temel faktörlerle (gölge, tipografi, logo, görüntü) başlayın, bazı kullanım önerilerini dahil edin ("yap ve yapmamalısınız") ve hatta gerekirse bazı net parçaları dahil edin (modüller, şablonlar, kod parçacıkları. En iyilerden öğrenmek için diğer sağlayıcılardan örnekler kullanın. İş gücünüz kısa sürede düzenli kalıplar üretecektir.