Design Killer Site-uri Web pentru aplicații mobile și exemple

Scena mobilă a crescut exponențial în ultimii ani. Aplicația iOS App Store împreună cu aplicațiile Android pe Google Play au devenit cele două hotspot-uri pentru entuziaștii smartphone-urilor. Pe măsură ce numărul utilizatorilor de smartphone-uri crește, vedem sute de dezvoltatori de aplicații mobile care lansează noi idei pe piață.

Cele mai populare aplicații sunt însoțite de propriul lor site web. Acest lucru poate fi util pentru marketing și obținerea numelui dvs. acolo. Este, de asemenea, o adresă mult mai frumoasă online decât oricare dintre Magazinele de aplicații. Cred că orice aplicație mobilă de succes necesită aproape o prezență pe web.

În acest articol vreau să trec peste câteva dintre ele cele mai frecvente tendințe de design pentru site-urile de aplicații mobile. Nu există o regulă strictă de reguli pe care trebuie să o urmați pentru a construi un astfel de aspect. Mai degrabă există câteva orientări și tendințe unice pe care designerii web le-au descoperit pentru a lucra bine în obținerea unui public. Împreună cu Ghidul meu de Dezvoltare iOS puteți crea o aplicație mobilă fantastică și puteți construi și site-ul său web.

Consultați aceste concepte de mai jos și încercați să implementați unele în aspectul propriei pagini de aplicație.

Dispozitive de ecran pentru dispozitive

O piesă de bază pentru orice site cu aplicații mobile trebuie să fie capturi de ecran ale aplicației. Vizitatorii sunt interesați numai de aplicația dvs. și care este modalitatea mai rapidă de a-și demonstra scopul decât prin capturi de ecran? Puteți potrivi fotografiile dispozitivului în orice stil de aspect, astfel încât acesta nu este un factor limitator.

Easy Chef este o aplicație spaniolă pentru iOS care utilizează multe fotografii de pe dispozitiv. Partea superioară a layout-ului are o previzualizare slideshow a diferitelor vederi. Dar, pe măsură ce defilați în jos, veți observa alte diagrame utilizând afișajele iPhone. Aceste panouri includ etichete detaliate și afișări ascunse, vizualizări de ecran mari. Am scris de fapt despre proiectarea graficii informative a produsului într-un post mai vechi.

O altă configurație interesantă poate fi găsită pe pagina de galerie Tweetbot. Acesta este un foarte popular client de Twitter pentru iPhone, iar dezvoltatorii au pus împreună o vitrină de imagini. Dacă încercați să salvați loc în aspectul dvs., aceasta poate fi o soluție mai ușoară. Vizitatorii nu vor trebui să deruleze în jos pentru a căuta o viziune specifică. jQuery este ușor de implementat și puteți pune rapid împreună un preview al ecranului iPhone alunecător. Este posibil să fie dificil să includeți detalii suplimentare, dar acest lucru poate fi adăugat într-o altă secțiune.

App Badge Store

Această tehnică pare, de asemenea, foarte proastă când ați terminat de realizat aplicația. Insignele sunt recunoscute rapid ca link-uri de descărcare către piața aplicațiilor. Atât utilizatorii Android cât și iOS au posibilitatea de a vizualiza aplicații chiar din browserul lor sau acest lucru va fi redirecționat atunci când este vizualizat pe un smartphone.

Îmi place să folosesc Instagram ca exemplu, deoarece site-ul a fost actualizat la un aspect mai nou. Au insigne care acceptă Android Marketplace (Google Play) și App Store iOS. Ambele insigne sunt foarte simple în proiectare, dar ușor de recunoscut dintr-o privire. Dacă sunteți în căutarea unor modele mai complexe, vă recomandăm o căutare rapidă. Designerii talentați împărtășesc adesea conceptele lor de etichete pentru aplicațiile magazinelor pentru critici constructive.

Rețele sociale mobile

Facebook și Twitter au trecut la telefonie mobilă, dar acest lucru nu a împiedicat dezvoltarea altor rețele. Vrem ca rețelele sociale să utilizeze aplicații mobile pentru a permite o nouă platformă de comunicare.

Localmind rulează pe un concept asemănător cu Foursquare, unde vă înregistrați un cont și începeți să verificați locurile locale. Puteți lăsa întrebări sau puteți răspunde la întrebările altor persoane. Site-ul lor este foarte prietenos și invită noii veniți. Îmi place mai ales secțiunea de banner de top proiectată cu un fundal de hartă personalizat. Folosirea lor de gradienti si textura de fundal confera site-ului o viata proprie.

Distribuirea minimă a fotografiilor

Pose este o altă rețea mobilă cu idealuri similare pentru designul minimalist. Puteți descărca aplicația mobilă pentru dispozitivele iOS și Android. Sentimentul este similar cu cel de la weheartit, dar este pentru iubitorii de moda de pe mobil. Întreaga aplicație se concentrează pe modă, păr, machiaj și glamour.

Utilizatorii pot face fotografii cu hainele, îmbrăcămintea sau accesoriile lor și le pot partaja în jurul rețelei. Un lucru de observat despre Pose este cât de repede puteți naviga pe site. Este ușor să găsiți blogul companiei, detalii de contact etc. Alte site-uri de aplicații ignoră de multe ori aceste caracteristici corporative care pot fi un subiect sensibil.

Dacă doriți să atragă atenția din partea mass-mediei, este important să faceți ca site-ul dvs. să arate și să se simtă ca un adevărat produs de rețele sociale. Nu încercați numai să vă vindeți aplicația (prin anunțuri sau abonament plătit), ci și să vindeți în sine rețeaua. Aplicațiile sociale pot fi cu siguranță mai complicate decât proiectarea site-urilor cu aplicații obișnuite. Dar, de asemenea, colectează mult mai multe descărcări de la utilizatori și este un nou domeniu interesant pentru telefonie mobilă.

De la începutul umilinței

Designerii de web nu sunt întotdeauna capabili să pună împreună grafică și icoane scandaloase. Din fericire, site-urile de aplicații nu sunt critice în ceea ce privește cât de multă pricepere Adobe Photoshop aveți. De fapt, simt că minimalismul poate funcționa mult mai bine pentru acest stil de aspect.

Leef App este un nou lansat client Forrst pentru iPhone. Site-ul lor include un screenshot minunat de aplicație împreună cu un buton de descărcare îndrăzneț mare. Tot textul paginii este simplificat într-o manieră similară fonturilor și schemelor de culori ale Apple.

Ceea ce face site-ul Leef excelent este natura sinceră a fiecărui element de pagină. Este evident și în față cu nimic ascuns sau împins deoparte. Vă recomandăm să încercați acest stil ca pe primul dvs. site cu aplicații mobile, dacă este vorba doar de practică. Puteți învăța o mulțime prin reducerea la minimum a tid-urilor mai mici și concentrarea asupra a ceea ce atrage atenția.

Spațiul albastru minunat

De asemenea, la fel de strălucit de simplu este și site-ul Aplicație pentru camere din lemn. Aspectul lor nu are altceva decât un fundal alb simplu și un conținut centrat. Acest conținut include câteva capturi de ecran implicite, o insignă de magazin de aplicații și câteva caracteristici cheie suplimentare.

Dacă simțiți că minimalismul și spațiul alb sunt importante pentru aspectul dvs., atunci lipiți-l! Camera din lemn nu este un layout particular al site-ului, dar este foarte ușor de navigat. Site-ul lor nu se leagă nici măcar la orice conținut alternativ în afară de pagina oficială a dezvoltatorului. Acest lucru se concentrează pe aplicație și pe ceea ce poate oferi, ceea ce este mult mai important decât grafica flastică. Deși asta nu înseamnă că opera de artă este o idee proastă - necesită o implementare corectă.

Ilustrații colorate

Spre deosebire de abordarea minimalistă este o lucrare cu ilustrații unice, pe care adora cu totul. De multe ori acest detaliu suplimentar îmi va vinde complet aplicația. Un exemplu la care pot să mă refer este aplicația Barista pentru iPhone. Antetul site-ului lor este plin cu cappuccinoși vectori mici și băuturi espresso.

Dar observați cum nu există alte imagini când derulați pagina. Această întreagă secțiune de sus a fost concepută special pentru aplicația iPhone, similară cu cea a pagina de destinație. Vectorii vă prind ochii imediat și, de asemenea, sugerăm spre ce este vorba despre aplicație.

Kitchenator este o aplicație iOS similară care convertește unitățile de măsură pentru gătit și coacere. Amplasarea lor cu antet folosește texturi bogate de lemn, o față de masă și linguri de apă. Această imagine indică scopul acestei aplicații înainte de a schimba conținutul.

Acest stil de design pătrunde, de fapt, prin întregul aspect. Zona de subsol se potrivește cu un fundal din lemn similar și o mare parte din aceleași alegeri de fonturi. Acesta este un exemplu de aspect foarte simplu al site-ului web, cu unele grafică foarte puternică.

Site-uri web pentru aplicații: Premium Showcase

Ce articol ar fi complet fără un pic de bomboane ochi? Împreună cu tehnicile de mai sus am pus de asemenea împreună această galerie frumoasă de site-uri de aplicații mobile; remarcați schemele de sigle și de navigare, precum și adresele URL ale domeniului. Studiind ceea ce fac profesioniștii, puteți înțelege tendințele de design și le puteți folosi în propriile proiecte.

Bosquet App