Дизајн Киллер Мобиле Апп Веб странице Савјети и примјери

Мобилна сцена је експоненцијално порасла у протеклих неколико година. ИОС Апп Сторе и Андроид Аппс на Гоогле Плаи-у постали су два жаришта за љубитеље паметних телефона. Како се број корисника паметних телефона повећава, видимо стотине развојних инжењера мобилних апликација који лансирају нове идеје на тржиште.

Најпопуларније апликације су праћене сопственим веб сајтом. Ово може бити корисно код маркетинга и добијања вашег имена тамо. То је такође много лепши онлине УРЛ од било које од продавница апликација. Осјећам да било која успјешна мобилна апликација готово захтијева веб присутност.

У овом чланку желим да пређемо на неке од њих најчешћи трендови дизајна за веб локације за мобилне апликације. Не постоји строги правилник који морате поштовати за изградњу таквог распореда. Умјесто тога постоје неке јединствене смјернице и трендови које су веб дизајнери пронашли да добро раде у стицању публике. Заједно са мојим Водичем за развој иОС-а можете саставити фантастичну мобилну апликацију и изградити њену веб страницу.

Погледајте ове концепте испод и покушајте да их имплементирате у свој изглед веб-сајта апликације.

Снимци екрана уређаја

Главни предмет за било коју веб локацију мобилних апликација мора бити снимак екрана апликације. Посетиоци су заинтересовани само за вашу апликацију, а који бржи начин да покажете своју сврху него кроз снимке екрана? Можете убацити снимке уређаја у било који стил распореда тако да то није ограничавајући фактор.

Еаси Цхеф је шпањолска иОС апликација која користи многе снимке уређаја. У самом горњем делу распореда приказан је приказ различитих приказа слајдова. Али док се померате надоле, приметићете друге дијаграме који користе иПхоне екране. Ови панели садрже детаљне ознаке и повећане, увећане приказе екрана. Заправо сам писао о дизајнирању информативне графике производа на старијем посту.

Још једна занимљива поставка се може наћи на страници галерије Твеетбот. Ово је веома популаран Твиттер клијент за иПхоне и програмери су саставили клизну витрину снимака екрана. Ако покушавате да уштедите собу у свом распореду, ово може бити лакше решење. Посетиоци неће морати да се померају надоле тражећи одређени приказ. јКуери је једноставан за имплементацију и можете брзо саставити клизни преглед иПхоне екрана. Можда ће бити тешко укључити додатне детаље, али то се може додати у другом одељку.

Апп Сторе Бадгес

Ова техника се такође чини бесмисленом када завршите са изградњом апликације. Значке се брзо препознају као везе за преузимање на тржиште апликација. И Андроид и иОС корисници имају могућност да прегледавају апликације директно из свог претраживача, или ће се преусмерити када се гледају на паметном телефону.

Волим да користим Инстаграм као пример пошто је сајт ажуриран на новији изглед. Имају значке које подржавају Андроид Маркетплаце (Гоогле Плаи) и иОС Апп Сторе. Обје значке су врло једноставне у дизајну и лако се препознају на први поглед. Ако сте у потрази за сложенијим дизајном, препоручујем вам брзу претрагу. Талентовани дизајнери често деле концепт концепта за продавнице апликација за конструктивне критике.

Мобиле Социал Нетворкс

Фацебоок и Твиттер су се пребацили на мобилне уређаје, али то није зауставило појаву других мрежа. Видимо да друштвене мреже користе мобилне апликације да би омогућиле нову платформу комуникације.

Лоцалминд ради на концепту који је сличан Фоурскуареу, гдје регистрирате рачун и почнете провјеравати локална мјеста. Можете остављати питања или одговарати на питања других људи. Њихова веб страница је врло пријатељска и позива на нове чланове. Нарочито ми се свиђа топ одељак дизајниран са прилагођеном позадином карте. Њихова употреба градијента и позадинске текстуре даје веб сајту властити живот.

Минимална размена фотографија

Посе је још једна мобилна мрежа са сличним идеалима за минималистички дизајн. Можете преузети мобилну апликацију за иОС и Андроид уређаје. Осећај је сличан оном у срцу, али је за љубитеље мобилне моде. Цела апликација је фокусирана на моду, косу, шминку и гламур.

Корисници могу да фотографишу своју одећу, одећу или додатну опрему и да их деле у мрежи. Једна ствар коју треба приметити на Посе је како брзо можете претраживати веб страницу. Лако је пронаћи блог компаније, контакт детаље, итд. Друге веб странице апликација често превиђају ове корпоративне функције које могу бити осјетљива тема.

Ако желите да скренете пажњу са медија, важно је да ваш сајт изгледа и осећа као прави производ друштвеног умрежавања. Не само да покушавате да продате своју апликацију (огласима или плаћеном претплатом), већ и да продате мрежу. Друштвене апликације дефинитивно могу бити теже од дизајнирања регуларних веб локација апликација. Али они такође добијају пуно више преузимања од корисника и то је узбудљиво ново поље за мобилне уређаје.

Фром Хумбле Бегиннингс

Веб дизајнери нису увек у стању да саставе нечувене графике и иконе. Срећом, веб-локације апликација нису критичне према томе колико имате Адобе Пхотосхоп. У ствари, осећам да минимализам може много боље радити за овај стил.

Лееф Апп је ново објављени Форрст клијент за иПхоне. Њихова веб страница садржи прекрасан сцреенсхот апликације заједно с великим болд гумбом за преузимање. Сав текст странице је поједностављен на сличан начин као и Апплеови фонтови и схеме боја.

Оно што чини веб страницу Лееф великим је искрена природа сваког елемента странице. То је очигледно и унапријед са ништа скривено или гурнуто у страну. Препоручујем да пробате овај стил као ваш први веб сајт за мобилне апликације, ако ишта друго ради праксе. Можете много научити тако што ћете смањити мање сластице и концентрисати се на оно што привлачи пажњу.

Ловели Вхитеспаце

Исто тако бриљантно једноставна је веб камера Апп камере. Њихов распоред не садржи ништа друго до обичну белу позадину и центрирани садржај. Овај садржај садржи неке подразумеване снимке екрана, значку продавнице апликација и неке додатне кључне функције.

Ако се осјећате као минимализам и бијели простор важни су за ваш распоред, онда се држите тога! Камера за дрво није посебно упечатљив изглед сајта, али је супер једноставна за навигацију. Њихова страница не повезује ни са каквим алтернативним садржајем, осим на званичној страници развојног програмера. Ово се фокусира на апликацију и оно што она може да понуди, што је много важније од шарене графике. Иако то не значи да је невероватна уметничка слика лоша идеја - она само захтева правилну имплементацију.

Цолорфул Иллустратионс

Управо супротно од минималистичког приступа је рад са јединственим илустрацијама, које потпуно обожавам. Често ће ми овај додатни детаљ потпуно продати апликацију. Један од примјера на који се могу односити је апликација Бариста за иПхоне. Њихово заглавље на локацији је прожето малим векторским цаппуццином и еспрессо пићима.

Али приметите како нема других слика приликом скроловања по страници. Овај цео горњи део је дизајниран посебно за иПхоне апликацију, сличну а почетне странице. Вектори одмах хватају ваше очи и указују на то о чему се ради у апликацији.

Китцхенатор је слична иОС апликација која претвара јединице мерења за кување и печење. У њиховом распореду заглавља користе се богате дрвене текстуре, шарени столњак и мини жлице воде. Ове слике указују на сврху ове апликације пре него што прелистате садржај.

Овај стил дизајна заправо прожима читав распоред. Подручје подножја одговара сличној дрвеној позадини и већини истих избора фонтова. Ово је пример веома једноставног изгледа сајта са веома моћном графиком.

Апп Вебситес: Премиум Сховцасе

Који чланак би био потпун без мало слаткиша? Заједно са горе наведеним техникама, саставио сам и ову прекрасну галерију веб локација за мобилне апликације; приметите лого и шеме за навигацију, као и УРЛ-ове домена. Проучавањем онога што раде професионалци, можете разумети трендове дизајна и користити их у својим пројектима.

Боскует Апп