Design Killer Mobile App Websiteleri İpuçları ve Örnekler

Mobil sahne son birkaç yılda katlanarak büyüdü. İOS App Store ve Google Play'de Android Uygulamaları akıllı telefon meraklıları için iki nokta haline gelmiştir. Akıllı telefon kullanıcılarının sayısı arttıkça, yüzlerce mobil uygulama geliştiricisinin piyasaya yeni fikirler çıkardığını görüyoruz..

En popüler uygulamalara kendi web siteleri eşlik eder. Bu pazarlama ve adınızı oraya almakta yardımcı olabilir. Aynı zamanda App Store’lardan birinden daha güzel bir çevrimiçi URL. Başarılı bir mobil uygulamanın neredeyse web varlığı gerektirdiğini hissediyorum.

Bu yazıda bazılarının üzerinden gitmek istiyorum mobil uygulama web siteleri için en yaygın tasarım trendleri. Böyle bir düzen oluşturmak için izlemeniz gereken hiçbir kural yoktur. Aksine, web tasarımcılarının bir izleyici kitlesi elde etmek için iyi çalıştığını buldukları bazı benzersiz kurallar ve eğilimler vardır. İOS Geliştirme Kılavuzumla birleştiğinde harika bir mobil uygulama oluşturabilir ve kendi web sitesini de oluşturabilirsiniz..

Aşağıdaki kavramları inceleyin ve bazılarını kendi uygulama web sitenizin düzenine uygulamayı deneyin.

Cihaz Ekran Görüntüleri

Herhangi bir mobil uygulama web sitesi için zımba parçası, uygulamanın ekran görüntüleri olmalıdır. Ziyaretçiler yalnızca uygulamanızla ilgileniyor ve amacını ekran görüntüleri kullanmaktan daha hızlı nasıl gösterebilir? Aygıt çekimlerini herhangi bir düzen stiline sığdırabilirsiniz, bu nedenle sınırlayıcı bir faktör değildir.

Kolay Şef, birçok cihaz çekimi kullanan bir İspanyol iOS uygulamasıdır. Düzenin en üst kısmı farklı görünümlerin slayt gösterisi önizlemesine sahip. Ancak aşağı kaydırdığınızda, iPhone ekranlarını kullanan diğer diyagramları göreceksiniz. Bu paneller detaylı etiketler ve kapalı, büyütülmüş ekran görünümleri içerir. Aslında eski bir gönderide bilgilendirici ürün grafikleri tasarlama hakkında yazdım.

Tweetbot galeri sayfasında başka ilginç bir kurulum bulunabilir. Bu iPhone için çok popüler bir Twitter istemcisi ve geliştiricilerin ekran görüntüleri sürgülü bir vitrini bir araya getirdi. Mizanpajınızda yer tasarrufu yapmaya çalışıyorsanız, bu daha kolay bir çözüm olabilir. Ziyaretçilerin belirli bir görünümü aramak için aşağı kaydırma yapması gerekmez. jQuery uygulaması kolaydır ve kayan bir iPhone ekran önizlemesini hızlı bir şekilde bir araya getirebilirsiniz. Ekstra detaylar eklemek zor olabilir, ancak bu başka bir bölüme eklenebilir..

App Store Rozetleri

Bu teknik, uygulamayı oluşturmayı tamamladığınızda da çok saçma görünüyor. Rozetler hızla uygulama pazarına indirme bağlantıları olarak tanınır. Hem Android hem de iOS kullanıcıları, uygulamalarını doğrudan tarayıcılarından görüntüleyebiliyor, yoksa akıllı telefonda görüntülendiğinde bu yönlendirme.

Web sitesi daha yeni bir düzende güncellendiğinden beri Instagram'ı örnek olarak kullanmayı seviyorum. Android Marketplace (Google Play) ve iOS App Store'u destekleyen rozetleri var. Her iki rozet de tasarım açısından oldukça basittir ancak bir bakışta kolayca tanınır. Daha karmaşık tasarımlar arıyorsanız, hızlı bir top sürme araması öneririm. Yetenekli tasarımcılar genellikle yapıcı eleştiriler için uygulama mağazası rozeti kavramlarını paylaşıyor.

Mobil Sosyal Ağlar

Facebook ve Twitter cep telefonuna geçti, ancak bu diğer ağların filizlenmesini engellemedi. Yeni bir iletişim platformuna izin vermek için sosyal ağların mobil uygulamaları kullandığını görüyoruz..

Localmind, bir hesap açıp yerel yerleri kontrol etmeye başladığınız Foursquare'e benzer bir konsept üzerinde çalışır. Soru bırakabilir veya başkalarının sorularını cevaplayabilirsiniz. Web siteleri çok cana yakın ve yeni gelenlere davet ediyor. Özellikle özel bir harita arkaplanıyla tasarlanmış üst başlık bölümünü seviyorum. Degradeleri ve arka plan dokularını kullanmaları, web sitesine kendi başına bir hayat verir..

Minimal Fotoğraf Paylaşımı

Pose, minimalist tasarım için benzer ideallere sahip başka bir mobil ağdır. Hem iOS hem de Android cihazlar için mobil uygulamayı indirebilirsiniz. Duygu weheartit'e benzer ama hareketli moda severler için. Tüm uygulama moda, saç, makyaj ve çekicilik etrafında odaklanmıştır.

Kullanıcılar, kıyafetlerinin, kıyafetlerinin veya aksesuarlarının fotoğraflarını çekebilir ve bunları ağda paylaşabilir. Pose ile ilgili dikkat edilmesi gereken bir şey, web sitesine ne kadar hızlı göz atabileceğinizdir. Şirket blogunu, iletişim ayrıntılarını vb. Bulmak kolaydır. Diğer uygulama web siteleri genellikle dokunaklı bir konu olabilecek bu kurumsal özelliklere bakmaktadır..

Medyadan dikkat çekmek istiyorsanız, web sitenizi gerçek bir sosyal ağ ürünü gibi görünmesi ve hissetmesi önemlidir. Yalnızca uygulamanızı satmaya çalışmıyorsunuz (reklamlarla veya ücretli abonelikle), aynı zamanda ağın kendisini satıyorsunuz. Sosyal uygulamalar kesinlikle normal uygulama web sitelerini tasarlamaktan daha zor olabilir. Ancak, kullanıcılardan çok daha fazla indirme topladılar ve mobil cihazlar için heyecan verici yeni bir alan.

Mütevazi Başlangıçlardan

Web tasarımcıları her zaman çirkin grafik ve simgeleri bir araya getirme yeteneğine sahip değildir. Neyse ki uygulama web siteleri, ne kadar Adobe Photoshop prowess'a sahip olduğunuz konusunda kritik değil. Aslında minimalizm bu düzen stili için çok daha iyi çalışabileceğini hissediyorum.

Leef App iPhone için yeni yayımlanan bir Forrst istemcisi. Web siteleri, büyük bir kalın indirme düğmesi ile birlikte güzel bir uygulama ekran görüntüsü içerir. Sayfa metninin tümü, Apple'ın yazı tiplerine ve renk düzenlerine benzer şekilde basitleştirilmiştir..

Leef web sitesini harika yapan şey, her sayfa öğesinin gerçek doğasıdır. Hiçbir şey gizli veya kenara itilmiş hiçbir şeyle açık ve net. Sadece pratik için bir şey varsa, bu stili ilk mobil uygulama web siteniz olarak denemenizi öneririz. Daha az bilgi alanını en aza indirerek ve neyin dikkatini çekeceğine odaklanarak çok şey öğrenebilirsiniz..

Güzel Boşluk

Aynı zamanda zekice basit Wood Camera App web sitesi. Düzenleri düz beyaz bir arka plan ve ortalanmış içerikten başka bir şey içermiyor. Bu içerik, bazı varsayılan ekran görüntüleri, bir uygulama mağazası rozeti ve bazı ek temel özellikler içerir..

Minimalizm gibi hissediyorsanız ve beyaz alan düzeniniz için önemliyse, o zaman ona bağlı kalın! Ahşap Kamera özellikle dikkat çekici bir web sitesi düzeni değildir, ancak gezinmesi çok kolaydır. Siteleri, geliştiricinin resmi sayfasından başka hiçbir alternatif içeriğe bağlantı bile vermiyor. Bu, uygulamaya ve gösterebileceklerine odaklanmayı sürdürür; bu, gösterişli grafiklerden çok daha önemlidir. Gösterişli sanat yapıtının kötü bir fikir olduğunu söylememekle birlikte - sadece uygun bir uygulama gerektirir.

Renkli çizimler

Minimalist yaklaşımın tam tersi, tamamen taptığım eşsiz resimlerle yapılmış bir çalışma. Çoğu zaman bu ekstra detay bana uygulamayı satar. İlişkili olabileceğim bir örnek, iPhone için Barista Uygulaması. Site başlıkları küçük vektör kapuçino ve espresso içecekleri ile dolu..

Ancak, sayfayı aşağı kaydırırken başka hiçbir resmin olmadığını fark edin. Bu bölümün tamamı, iPhone uygulaması için özel olarak tasarlanmıştır. Açılış sayfası. Vektörler gözlerinizi derhal yakalar ve uygulamanın ne hakkında olduğuna dair ipucu verir..

Kitchenator, pişirme ve pişirme için ölçü birimlerini dönüştüren benzer bir iOS uygulamasıdır. Başlık düzeninde zengin ahşap dokular, damalı bir masa örtüsü ve mini su kaşığı kullanılır. Bu görüntü, içeriği bile gözden geçirmeden önce bu uygulamanın amacına işaret ediyor.

Bu tasarım stili aslında tüm düzen boyunca nüfuz eder. Altbilgi alanı, benzer bir ahşap arka planla ve aynı font seçeneklerinin çoğuyla eşleşir. Bu, bazı çok güçlü grafiklere sahip çok basit bir web sitesi düzeni örneğidir.

Uygulama Siteleri: Premium Vitrin

Biraz şekerleme olmadan hangi makale tamamlanmış olur? Yukarıdaki tekniklerle birlikte, mobil uygulama web sitelerinin bu güzel galerisini de bir araya getirdim; logo ve gezinme şemalarının yanı sıra etki alanı URL'lerini de unutmayın. Profesyonellerin ne yaptığını inceleyerek tasarım trendlerini anlayabilir ve bunları kendi projelerinizde kullanabilirsiniz..

Bosquet App