Mac OS X Uygulama Web Sitelerinde Tasarım Çalışması

/2018-09-30 16:48:27/
Quintrell
/Programlar/

Apple, 1970'lerin sonundaki kuruluşundan bu yana çalışanlarından her zaman en yüksek iş kalibrasyonunu talep etti. Birçok tasarımcı yakın zamanda OS X ortamına geçti ve çoğu ilk bakışta aşık oldu. Mac OS X Lion, başka bir yerde bulamayacağınız birçok özellik sunuyor - en önemlisi App Store olabilir.

Buradan hem ücretsiz hem de ücretli bir dizi uygulamaya erişebilirsiniz. Bunların tümü OS X Lion için üretilmiştir ve doğrudan Launchpad'e indirilebilir. Bu örnek olay incelemesinde Mac uygulama web siteleri için tasarım trendlerini inceleyeceğim. Bunlar özellikle OS X'e yöneliktir ve iOS uygulamalarını içermez ... stiller çok farklıdır. Bu ipuçlarının yanı sıra, ilham kaynağımı paylaşmak için favori Mac uygulama sitelerimin küçük bir vitrin galerisini de derledim.

Envato Elements'i keşfedin

Kilit Noktalarınızı büyütün

İnsanlar herhangi bir uygulama web sitesine indiğinde çok hızlı bir şekilde uygulamanın amacını anlamaya umuyoruz. Bunu yapmanın en kolay yolu, ziyaretçilerin dikkatini hemen almak ve düzen boyunca onlara rehberlik etmektir. Ve geçmiş deneyimlerden, jumbo boyutlu metin / grafikler genellikle hile yapacak gibi görünüyor.

Alfred Uygulaması, tüm ekranı kayan bir düzene dahil eden böyle bir örnektir. Hem uygulama logosu hem de indirme düğmesi, korkunç uygulama simgesiyle birlikte bir bakışta sayfadan atlar! Alfred uygulamasını bilen kullanıcılar benzersiz şapka ve büyüteçleri tanıyacaklar. Üstelik sadece üst sayfa alanı da değil.

Aşağı kaydırdıkça, her sayfa bölümünün de parçalara ayrıldığını fark etmelisiniz. Demo ekran alanı, uygulamanın güzel bir görüntüsüne sahip küçük resimler için küçük bir sütuna sahiptir. Sadece birkaç demo çekim kontrol ederek genellikle uygulamanın ne yapabileceği anlaşılır. Daha fazla uygulama buldukça, göze çarpan “büyük resim” için gözlerinizi açık tutun. Ayrıca, kendi uygulama web sitenizden neyin atlaması gerektiğini düşünmeye devam edin.

Temiz Kesim Özellikleri

Daha popüler site tasarımları genellikle aynı tür unsurlara sahiptir. Bu, daha kesinleşmiş ve ayrıntılı bir simge tasarımı, süslü logo metni ve diğer eğlenceli grafikler olabilir. Ancak Apple'ın örneğini takip etmeli ve harcanabilir şeyleri kesmelisiniz. Temiz ve basitleştirilmiş arayüzler, ziyaretçilerinizin daha fazla indirme ve satın alma işlemi boyunca odaklanmasını sağlayacaktır.

İOS'ta zamanımın çoğunu alan büyük bir Instagram hayranıyım. Ve Mac uygulaması Carousel masaüstünde güzel bir kardeş hizmetidir. Site düzeninde, ekran görüntüleri için daha fazla alana sahip daha küçük bir logo alanı bulunduğunu fark ederseniz. Ek olarak, tipografi şık, lüks temayla eşleşmek için daha rafine görünüyor.

Ayrıca burada ana navigasyon olmadığını da fark etmelisiniz. Bunu kendi uygulama web siteniz için çoğaltmayı düşünün, birçok kullanıcı hayal kırıklığını ortadan kaldırır. Bu fikir, iPhone veya Android'de web sitenizi ilk kez bulan mobil kullanıcılar için iki katına çıkar. Uygulamanızın mesajını tek bir sayfada canlandırabiliyorsanız, bunun için gidin diyorum!

Standart App Store Simgelerini Ekle

Ziyaretçinizin dikkatini çekmek önemli bir gerekliliktir, ancak onların güvenini kazanmak istersiniz. Ve Mac OS kullanan insanlar genellikle Apple geliştiricilerine güveniyor. Kullanıcıların uygulama mağazasında yayınlandığınızı bildirmek için sitenize rozetler ve / veya düğmeler eklemeniz gerekir. Küçük görünebilir, ancak yeni potansiyel müşteriler için büyük önem taşıyabilir.

Mac App Store Pazarlama Yönergeleri (PDF), popüler Mac uygulamalarının çoğunda gördüğünüz App Store rozeti hakkında biraz ayrıntıya girer. Ayrıca kimsenin temayla ilgili havalı tasarım setlerine veya simgelere sahip olup olmadığını görmek için dribbble'ın fotoğraflarını vurmayı seviyorum.

Mümkün Olduğunda Demo Gönderin

Mesajınızı hızlı bir şekilde aktarmanın tüm noktasını hatırlıyor musunuz? Bu, görüntü veya video ile en kolay şekilde elde edilebilir - orada büyük bir sürpriz yok. Ancak küçük resim galerileri veya slayt gösterileri bile bazen yeterli olmaz.

Hizmet akışınızı bir tür iş akışı infografikine dahil etmeye çalışmalısınız. MacBook, iPhone, iPad ve diğer her şeye uyan tonlarca ücretsiz PSD var. İndirmek için ücretsiz bir iMac PSD şablonunun güzel bir örneği. Artık uygulamanızın ekran görüntülerini alabilir ve küçük tanıtım görüntüleri oluşturabilirsiniz.

Bu, NotifyMe için yukarıdaki örnekte gerçekten iyi çalışıyor. Uygulama, iOS / iPad ve OSX'teki 3 platformun tümü için açık ve geliştirilmiştir. İlk bakışta uygulamanın bildirim türü bir sistem olduğunu varsayabilirsiniz. Küçük bir demo grafik ve daha fazla açıklama sayesinde, uygulama hakkında görüşlerinizi oluşturmak için genişletilmiş özellikleri bir araya getirebilirsiniz.

Dinamik Animasyonlar ve jQuery

Apple ayrıca güzel geçiş animasyonlarına sahip olduğu da biliniyor. Hem tasarım hem de işlevdeki ayrıntılara gösterilen dikkatleri inanılmaz - tüm yazılım portföylerinin genişliğini kapsıyor. Apple altında yayın yapan bir web tasarımcısı olarak, uygulama sitenizin sihirli bir dokunuş kullanabileceğini görebilirsiniz.

Mac için Reeder güzel ve demo sitesi de uyuyor. Sayfa URL'lerinin arkadaşlara veya sosyal ağlara aktarılması son derece basit ve kolaydır. Ayrıca, gezinme bir yan sütunda tutulurken, sayfa içeriği çıplak minimum düzeye indirilir.

Reeder hızlı sayfa hızlarına sahip olmasına rağmen, birçok uygulama web sitesine yalnızca bir örnektir. Bu dinamik animasyonlardan hoşlanıyorsanız, jQuery kütüphanesine ve ayrıca jQuery UI setine bakmayı düşünün. Bunlar, sayfa efektleri için önceden oluşturulmuş işlevlere sahip iki popüler JavaScript kitaplığıdır ... ve çok şey oluşturabilirsiniz! Bir fikir için bir sıçrama ekranı solmaya etkisi oluşturmak için jQuery kullanarak bu küçük Apple tarzı öğretici tadını çıkarabilirsiniz.

İlham Galerisi

Daha önce de belirtildiği gibi, küçük bir tasarım vitrini olmadan hiçbir vaka çalışması tamamlanmayacaktır. Aşağıda, kişisel favori OS X uygulama web sitesi düzenlerime birkaç örnek verilmiştir. Onlara bakın ve ne düşündüğünüzü bize bildirin! Ve eğer herhangi bir müthiş uygulama düzenini kaçırdıysak, gerçekten yorumlarda bize bildirdiğinizden emin olun.