Mock up ( "мокап") - гэта ... Навошта патрэбен і як яго зрабіць?

"Мокап" - гэта вузкаспецыяльнымі тэрмін, якім карыстаюцца ў асноўным дызайнеры. У прамым значэнні слова мокап азначае макет. З яго дапамогай прафесіянал стварае трохмерную візуалізацыю чаго заўгодна, напрыклад упакоўкі або паліграфіі. Часта ён выкарыстоўваецца ў рэкламе. Просты прыклад: сетка хуткага харчавання «Макдональдс». Апетытны гамбургер на малюнку - не фатаграфія, а візуальная ідэалізацыя таго, што хочацца купіць і з'есці. Калі прапанаваны тавар знаходзіцца ўнутры асяроддзя, то глядзіцца лепш і больш выгадна, чым звычайны скрыншот (здымак).

Што гэта?

Мокап - гэта макет, які выкарыстоўваецца дызайнерамі для таго, каб прадэманстраваць заказчыку выраб або прадукт. Напрыклад, будучую візітную картку, вокладку кампакт-дыска, фотаальбом, паштоўку, змест або знешні выгляд кнігі. Дзякуючы гэтаму спосабу заказчык візуальна ацэньвае прапанаваны спецыялістам дызайн у рабочай асяроддзі. Атрымліваецца не проста плоская фатаграфія, а ўжо накладзены макет на прадукт. позволяет увидеть конечный результат в реальности. Mock up дазваляе ўбачыць канчатковы вынік у рэальнасці. Ён спрашчае ўзаемадзеянне заказчыка і дызайнера. Візуальныя макеты дазваляюць тэставаць прадукцыю на стадыі распрацоўкі, уносіць змены, папраўкі да друку.

Mock up добры тым, што гэта нескладаная, малазатратная па часе праца, якой могуць навучыцца ўсе без выключэння. Для таго каб дасканала авалодаць гэтай тэхнікай, важна мець уяўленні аб дызайне, пачуццё густу, стылю, меры, веды аб сумяшчальнасці колеру, умець працаваць у графічных рэдактарах. У час асваення мокапа праглядзіце працы вядомых дызайнераў, вучыцеся на чужых прыкладах і памылках.

Навошта ён патрэбны?

Мокапы патрэбныя прафесійным дызайнерам, фрылансерам, мастакам, якія працуюць на заказ і ствараюць дзіўна прыгожыя працы. Пазней яны прэзентуюцца кліенту ў лепшым выглядзе. Мокап ствараецца з мэтай прадэманстраваць гісторыю карцінкі або надпісы, якая паляпшае прадукт і дапамагае пакупнікам зрабіць выбар на яго карысць. Тэхнічна мокапы - PSD-файлы з рэдагуемымі смарт-аб'ектамі (пласты ў праграме "Фотошоп", якія дазваляюць ўставіць дызайн у патрэбнае месца). Мокапами могуць быць і фатаграфіі. Напрыклад: нататнік, які ляжыць на стале, або візітоўка. Мокап можна зрабіць самастойна, купіць або бясплатна спампаваць гатовы.

Як яго стварыць?

Мокап - гэта макет з нуля. Зрабіць ідэальную працу лёгка з дапамогай вядомай праграмы "Фотошоп". Да прыкладу, калі трэба стварыць лагатып ці надпіс на візітоўку, лепш за ўсё скарыстацца гатовымі файламі. На спецыяльных рэсурсах ёсць велізарнае мноства здымкаў з пустымі візітоўкамі, якія ляжаць на стале.

Варта адкрыць фатаграфію ў Photoshop і файл з гатовай надпісам. Яе трэба пісьменна змясціць на візітоўку так, каб стваралася адчуванне рэальнасці. Для гэтага выкарыстоўваюцца ўсе даступныя інструменты праграмы. Для такой працы патрабуецца пачатковае веданне графічнага рэдактара. Калі не ведаеце, як зрабіць мокап самастойна, вывучыце тэорыю, а таксама пастаянна трэніруйцеся.

Існуе адмысловы алгарытм самастойнага стварэння мокапа. Хочаце прадэманстраваць заказчыку надпіс або цытату? Прыгатуйце фотаапарат і прадметы для сцэны: нататнік, прыгожы нейтральны фон. Выставіце правільнае асвятленне, размесціце аб'екты і зрабіце некалькі здымкаў.

сферы ўжывання

Цяпер чытачы ведаюць, што мокап - гэта макет візітоўкі, часопіса, кнігі, паштоўкі, на які дызайнер накладвае пэўную карцінку, фатаграфію або надпіс. Гэты працэс дапамагае візуалізаваць працу (напрыклад, зрабіць надпіс на картцы) і дазваляе заказчыку зразумець, як будзе выглядаць вынік. Мокап ўжываецца ў стварэнні сайтаў, вэб-прыкладанняў, паліграфіі, рэкламных банэраў, шыльдаў, меню і шмат чаго іншага. Часта да яго звяртаюцца дызайнеры інтэр'ераў, калі рыхтуюць праект памяшкання.

Мокап сайта

Стварыць мокап сайта з веданнем справы могуць толькі прафесійныя вэб-дызайнеры. Прычына простая - спецыялісты не ўпадаюць у паніку, калі заказчык запатрабуе дапрацоўкі якіх-небудзь дэталяў. Мокап дапамагае дызайнеру ўбачыць ідэю, развіваць і ўдасканальваць яе ў далейшым. Вэб-каркас - гэта схематычны план інтэрнэт-старонкі. Спачатку дызайнер малюе яго ад рукі на аркушы паперы. Гэта трэба, каб больш эфектыўна выкарыстоўваць інструменты графічных рэдактараў.

Каркас сайта ствараецца ў чорна-белым колеры, што дазваляе распрацоўніку намеціць размяшчэнне галоўных элементаў: лагатыпа, меню, кантэнту, рэкламных блокаў. Пасля каркаса дызайнер распрацоўвае прататып сайта: колер і стыль. На дапамогу прыходзяць адзінаццаць карысных інструментаў. Яны выбавяць пры стварэнні ўсіх дэталяў сайта. Звярніце ўвагу на праграмы InVision, UXPin, Marvel App, Gliffy, OmniGraffle, Moqups, Axure, JustinMind, Mockingbird, HotGloo, Mockplus.

Напрыклад, Mockplus - просты інструмент дызайнера. Ён дапамагае стварыць каркас, перайсці ад чорна-белага варыянту да каляровага. Дадзены інструмент дазваляе выкарыстоўваць больш за дзвесце кампанентаў, якія нашмат спрашчаюць стварэнне сайта. На дапамогу дызайнеру прыходзяць і іншыя праграмы. З іх дапамогай лёгка ствараць элементы сайта, прапрацоўваць дэталі, вучыцца. Самы распаўсюджаны і просты спосаб атрымаць навыкі - зрабіць мокап візітоўкі.

графічны рэдактар

Photoshop - адна з праграм, якая прыходзіць на дапамогу дызайнеру пры стварэнні розных праектаў і макетаў. Мокапы для "Фотошопа" - гэта гатовыя PSD-файлы. Спампаваць іх можна на платных, бясплатных рэсурсах ці ж зрабіць самастойна. Прасцей за ўсё знайсці гатовы мокап і прымяніць для дэманстрацыі асноўнай працы.

Паспрабуйце зрабіць надпіс для буклета або паштоўкі. Прыдумайце ідэю, вызначыцеся з колерам. Зрабіце накід ад рукі на аркушы паперы. Затым увасобіце задумку ў графічнай праграме.

Лёгкі і папулярны варыянт сярод пачаткоўцаў - гэта мокап візітоўкі. Адкрыйце запампаваны файл, надпіс і тэкст. Перайдзіце да гатовага мокапу, націсніце на значок "Смарт-аб'ект" (гэта павінна быць малюнак візітнай карткі), выберыце ў меню "Рэдагаваць зьмест". У новай ўкладцы адкрыецца аб'ект, гатовы для змены. Далей актывуйце створаную надпіс або тэкст і перанясіце на паверхню візітоўкі. Надпіс можаце трансфармаваць, памяняць памер, абраць найболей падыходнае месца яе размяшчэння. Захавайце праект.

крыніцы

Няма нічога складанага ў стварэнні мокапов. Яны спрашчаюць асноўную працу дызайнера, эканомяць сілы і час. Калі ёсць жаданне, стварыце ўласную базу такіх файлаў і займіцеся іх продажам. Але для гэтага спатрэбіцца добры фотаапарат, навыкі здымкі, прадметы, веданне асвятлення, пачуццё добра развітага густу і стылю. Крыніцамі малюнкаў могуць стаць рэсурсы, якія за пэўную плату прадаюць гатовыя карцінкі для дэманстрацыі дызайну чаго-небудзь. Калі няма свабодных грашовых сродкаў для куплі мокапов, дызайнеру прапануецца вялікая колькасць бясплатных крыніц. Там c лёгкасцю можна знайсці для запампоўкі тысячы прыгожых малюнкаў на любую тэматыку.

Мінусы гатовых мокапов: аднатыпнасць, адсутнасць індывідуальнасці, шаблоннасць. Плюсы - даступнасць, прыгажосць, мінімалістычны, максімальны рэалізм, зручнасць. Калі займаецеся дызайнам прафесійна, абавязкова майце напрацаваную базу мокапов. Яна павінна падкрэсліваць стыль аўтара, выгадна дэманстраваць прадмет продажу, прыцягваць заказчыка.