Задаволены
- Лепшыя каркасныя інструменты
- 01. UXPin
- 02. Adobe XD
- 03. Axure RP
- 04. Макеты Balsamiq
- 05. Эскіз
- 06. Фоташоп
- 07. Джасцінмынд
- 08. Wireframe.cc
- 09. Студыя Invision
- 10. InDesign
Лепшыя каркасныя інструменты дазваляюць адразу з самага пачатку зрабіць дызайн вашага сайта альбо прыкладання. Дамагаючыся, каб усе зацікаўленыя бакі дамовіліся пра тое, як будзе функцыянаваць ваш карыстацкі інтэрфейс, пакупка зарабляецца рана. І гэта жыццёва важна для ўпарадкавання працэсу і прадухілення няправільных паваротаў і разваротаў на гэтым шляху.
Некаторыя з лепшых каркасных інструментаў, зробленых спецыяльна для каркасных каркасаў. Які з іх вы выбіраеце, шмат у чым залежыць ад таго, ці хочаце вы стварыць нешта хуткае і грубае, альбо нешта бліжэйшае да цалкам функцыянальнага прататыпа.
З іншага боку медаля, некаторыя людзі не хочуць мітусні экспартаваць свае дызайны са спецыяльнага прыкладання для каркасных каркасаў у поўны дызайн. Замест гэтага яны аддаюць перавагу будаваць свае каркасы ў рамках праграмнага забеспячэння агульнага прызначэння, таму яны могуць распрацоўваць усё на адной платформе ад пачатку да канца. (Памятаеце, вы можаце стварыць сайт з мінімальнай мітуснёй, выкарыстоўваючы канструктар сайтаў.)
У нас ёсць рэкамендацыі ў абодвух лагерах. Мы звузілі яго да 10 лепшых інструментаў для апрацоўкі каркасаў. Для атрымання дадатковых зручных інструментаў звярніцеся да разгляду нашых інструментаў для вэб-дызайну, гэтага спісу лепшых інструментаў для дызайну карыстацкага інтэрфейсу альбо лепшых наўтбукаў для праграмавання.
Лепшыя каркасныя інструменты
01. UXPin
Лепшы каркасны інструмент у цэлым
Платформа: Вэб-аглядальнік | Бясплатная пробная версія: Так | Кошт: Ад $ 19 за рэдактара ў месяц
Інтуітыўна зразумелы інтэрфейс Чытае файлы Sketch і PS Лепшыя інструменты прэзентацыі Няма бясплатнай версііUXPin - гэта спецыяльны інструмент для апрацоўкі каркасаў, які мае выдатна інтуітыўна зразумелы інтэрфейс, з выразнымі значкамі і салідную бібліятэку элементаў карыстацкага інтэрфейсу, якія можна перацягваць у каркасы, а таксама кампаненты для Bootstrap, Foundation, iOS і Android. Вы можаце імпартаваць і экспартаваць файлы ў Sketch і Photoshop, што дае вам магчымасць развіваць каркасныя каркасы ў поўныя прататыпы далей.
Ёсць таксама некалькі выдатных функцый для супрацоўніцтва для працы над каркасамі з іншымі, а таксама першакласныя інструменты для прэзентацыі ў рэальным часе, каб прадэманстраваць свае праекты зацікаўленым бакам. Лёгка падабраць для пачаткоўцаў, а таксама ўкамплектаваны перадавымі інструментамі для больш вопытных, UXPin - наш лепшы каркасны інструмент у цэлым.
02. Adobe XD
Лепшы поўны інструмент праектавання каркасных каркасаў
Платформа: MacOS, Windows, Android, ioS | Бясплатная пробная версія: Не, але абмежаваная бясплатная версія | Кошт: Ад £ 9,98 у месяц (адно прыкладанне) або £ 49,94 у месяц у рамках Creative Cloud
Крос-платформавая інтэграцыя Creative Cloud Пашыраныя функцыі Поўная версія патрабуе падпіскіAdobe XD, які з'яўляецца непасрэдным канкурэнтам Sketch, з'яўляецца вектарным інструментам дызайну, даступным як для Mac, так і для Windows. Ён цалкам сумяшчальны з іншымі інструментамі Adobe, такімі як Photoshop і Illustrator, а таксама з такімі сэрвісамі, як Adobe Fonts і Adobe Stock. І ён нацэлены на тое, каб зрабіць эскіз каркасных каркасаў простым для дызайнераў; ад стварэння карт сайта, блок-схем і раскадровак да стварэння функцыянальных прататыпаў.
Важныя функцыі ўключаюць "Паўтарыць сетку" для хуткага праектавання, аўтаматычнай анімацыі, галасавых трыгераў і моцных інструментаў сумеснай працы. Вы можаце паспрабаваць Adobe XD бясплатна, але вам патрэбна падпіска Creative Cloud, каб атрымаць доступ да поўнага спектру функцый.
03. Axure RP
Лепшы спецыялізаваны каркасны інструмент для прафесіяналаў UX
Платформа: MacOS, Windows | Бясплатная пробная версія : Так | Кошт: Ад $ 25 (за) за карыстальніка ў месяц
Стварэнне рабочых прататыпаў Пашыраныя функцыі Крывая навучання можа быць залішняйAxure дазваляе не толькі ствараць малаканальныя каркасы, але і дадаць дадатковую функцыянальнасць, і стварыць высокую дакладнасць. Вы можаце выкарыстоўваць яго для стварэння інтэрактыўных макетаў HTML як для вэб-сайтаў, так і для праграм, а таксама праглядаць дызайн вашага прыкладання на тэлефоне з убудаванай функцыяй сумеснага выкарыстання.
Гэта праграмнае забеспячэнне, якое выкарыстоўваецца арганізацыямі, уключаючы Microsoft, Amazon і BBC, уключае функцыі перавызначэння сімвалаў, рэжым праверкі распрацоўшчыка, анімацыйныя эфекты, воблачнае захоўванне і сумеснае выкарыстанне, экспарт CSS і дакументацыю. Выдатны выбар для вопытных прафесіяналаў UX, якія хочуць перадаць свае распрацоўкі распрацоўнікам.
04. Макеты Balsamiq
Лепшы каркасны інструмент для дызайну з нізкім узроўнем шуму
Платформа: Mac, Windows, Linux, вэб-аглядальнік | Бясплатная пробная версія: Так | Кошт: Ад 89 долараў за аднаго карыстальніка для працоўнага стала; ад $ 9 / месяц для вэб-версіі
Хуткі ў выкарыстанні Стварае рэчы простымі Невялікая крывая навучання Толькі малаканальныя каркасыМакеты Balsamiq дазваляюць вельмі лёгка ўзяць і пачаць ствараць каркасы, нават калі ў вас няма досведу. Мы рэкамендавалі б яго ўсім, хто хоча паставіць, каб сабраць хуткі і маламаштабны каркас, у адрозненне ад паліраванага прататыпа.
Праграмнае забеспячэнне мае некалькі элементаў перацягвання, ад кнопак да спісаў, кожны з якіх стылістычна маляваны, і вы можаце ўбачыць, як будзе выглядаць ваш каркас на розных памерах экрана. Дзякуючы добра інтэграваным інструментам сумеснай працы і тэставанню карыстальнікаў, гэта выдатны выбар як для непрафесійных, так і для худых каманд UX.
05. Эскіз
Поўны інструмент дызайну з моцным акцэнтам на карыстацкім інтэрфейсе
Платформа: Mac | Бясплатная пробная версія: Так | Кошт: $99
Моцны фокус карыстацкага інтэрфейсу Лёгкі інтуітыўна зразумелы інтэрфейс Толькі для MacХоць Sketch недаступны для Windows, але калі вы карыстаецеся Mac, гэта, безумоўна, варта разгледзець. З моманту свайго запуску ў 2010 годзе ён зрабіў рэвалюцыю на ўсім рынку каркасных каркасаў і інструментаў для прататыпавання, і сёння ён па-ранейшаму лазерна арыентаваны на дызайн карыстацкага інтэрфейсу і вектараў значкоў. Лёгкі і просты ў выкарыстанні, яго інтэрфейс выдатна просты і інтуітыўна зразумелы.
Эскіз - выдатны інструмент для стварэння простых каркасных каркасаў, дзякуючы функцыі "Сімвал", які дазваляе аўтаматычна паўтараць элементы ў макеце. Калі вы хочаце стварыць поўны прататып, можна загрузіць незлічоную колькасць камплектаў карыстацкага інтэрфейсу. І ў адрозненне ад праграм Adobe, ён даступны за аднаразовую плату без падпіскі.
06. Фоташоп
Прамысловы стандарт лічбавага дызайну
Платформа: Windows, Mac | Бясплатная пробная версія: Так | Кошт: Ад $ 19,99 у месяц у рамках Adobe Creative Cloud
Прамысловы стандарт Творчая хмарная інтэграцыя Бібліятэкі элементаў, багатых на асаблівасціPhotoshop - гэта галіновы стандарт, калі гаворка ідзе пра дызайн праграмнага забеспячэння ў цэлым. Спецыяльных каркасных асаблівасцей няма; напрыклад, ён не прапануе бібліятэкі элементаў інтэрфейсу. Але няма ніякіх прычын, па якіх вы не можаце выкарыстоўваць яго для каркасных каркасаў. Сапраўды, паколькі ён так прыемна інтэграваны з іншымі інструментамі Adobe і такімі паслугамі, як Adobe Fonts і Adobe Stock, вы цалкам можаце знайсці Photoshop лепшы для вас інструмент каркаса. Асабліва, калі вы ўжо знаёмыя з праграмным забеспячэннем. І ў ім столькі функцый, што вы можаце рабіць усё, пачынаючы ад накідаў хуткіх ідэй і заканчваючы групаваннем розных элементаў і слаёў для стварэння надзейнага каркаса.
07. Джасцінмынд
Лепшы каркасны і прататыпны інструмент для нетэхнікаў
Платформа: Mac OS, Windows | Бясплатная пробная версія: Не, але абмежаваная бясплатная версія | Кошт: Ад $ 19 / месяц
Стварэнне працоўных прататыпаў Падыходзіць для пачаткоўцаў Бясплатная версія Крывая навучанняJustinmind - яшчэ адзін інструмент, які дазваляе будаваць усё - ад грубага каркаса да працоўных прататыпаў, але больш прыдатны для нетэхнікаў, чым Axure RP. Яна ўключае ў сябе бібліятэку элементаў карыстацкага інтэрфейсу, ад кнопак і формаў да агульных фігур і шэраг віджэтаў для iOS, SAP і Android.
Уключаны індывідуальны стыль, таму вы можаце дадаваць закругленыя куты, абрэзаныя выявы альбо каляровыя градыенты альбо імпартаваць графіку, перацягваючы іх у браўзэр. Прататыпы можна экспартаваць у выглядзе HTML. Існуе нават абмежаваная версія, якая з'яўляецца бясплатнай назаўсёды.
08. Wireframe.cc
Лепшы каркасны інструмент у браўзэры
Платформа: Вэб-аглядальнік | Бясплатная пробная версія: Так | Кошт: Ад 16 долараў у месяц
Стрымлівае рэчы проста. Выдаляе адцягваючыя факты. Няма чаго загружаць. Не хапае функцый (хаця і знарок)У бізнэсе існуе папулярная прымаўка, вядомая як прынцып KISS: «Будзь простым, дурным». І калі вы выкарыстоўваеце такі падыход да каркаснага абрамлення, Wireframe.cc можа стаць для вас лепшым выбарам.
Гэты інструмент на аснове браўзэра прапануе просты інтэрфейс для эскізавання вашых каркасаў і пазбягае панэляў інструментаў і значкоў тыповага прыкладання, таму вам нічога не замарудзіць. Існуе абмежаваная каляровая палітра, якая дапаможа пазбегнуць гэтага шляху прамаруджвання, а элементы карыстацкага інтэрфейсу з'яўляюцца кантэкстнымі і з'яўляюцца толькі тады, калі яны вам патрэбныя.
09. Студыя Invision
Дызайн праграмнага забеспячэння з моцнай сумеснай працай і спагаднымі функцыямі
Платформа: Windows, Mac | Бясплатная пробная версія: Не, але абмежаваны бясплатны план | Кошт: Ад 13 долараў у месяц
Прастата ў выкарыстанні Інтэгруецца з версіяй Invision Freehand Free Не інтэгруецца з многімі інструментаміСтудыя Invision можа быць не такой багатай на функцыі, як Adobe XD, але для стварэння каркасных каркасаў у ёй ёсць усё неабходнае. Гэта асабліва моцна рэагуе на дызайнерскія функцыі і выдатна інтэгруецца з Invision Freehand для супрацоўніцтва ў рэжыме рэальнага часу з іншымі.
Інтэрфейс даволі просты ў засваенні, а папярэдне загружаныя абразкі вельмі гладкія і прыгожа распрацаваны. З такімі зручнымі функцыямі, як каментарыі, пераходы і сінхранізацыя на працоўным стале, гэта вельмі здольны інструмент для стварэння ўсяго - ад маламагутных каркасных каркасаў да поўнафункцыянальных прататыпаў.
10. InDesign
Настольны выдавецкі інструмент, які выдатна падыходзіць для вырабу каркасаў
Платформа: Windows, Mac | Бясплатная пробная версія: Так | Кошт: Ад $ 19,99 у месяц у рамках Adobe Creative Cloud
Распрацуйце інтэрактыўныя PDF-файлы Стварыце ўласныя бібліятэкі Творчая інтэграцыя ў воблака Не хапае бібліятэк элементаўAdobe InDesign ужо даўно з'яўляецца самым папулярным праграмным забеспячэннем для настольных выданняў. Але ў нашы дні гэта ўжо не толькі дызайн друку. Апошняя версія таксама можа быць выкарыстана для стварэння некалькіх даволі інтэрактыўных PDF-файлаў, уключаючы анімацыю, відэа і стану аб'ектаў. І хоць лічбавыя функцыі InDesign у асноўным выкарыстоўваюцца для стварэння электронных кніг, электронных брашур і электронных часопісаў, яны гэтак жа здольныя ствараць каркасы і макеты. Праграмнае забеспячэнне таксама ўключае магчымасць стварэння бібліятэк элементаў старонкі, так што вы таксама можаце ствараць калекцыі шматразовай графікі карыстацкага інтэрфейсу.
