10-те най-добри каркасни инструмента

Най-добрите инструменти за каркасна рамка: Каркасна рамка, показана на таблет, до чаша кафе и растение
(Кредит за изображение: Визуален дизайн на Unsplash)

Най-добрите каркасни инструменти ви позволяват да забиете дизайна на вашия уебсайт или приложение още от самото начало. Като накара всички заинтересовани страни да се споразумеят за това как ще функционира вашият потребителски интерфейс, бай-инът се пече рано. И това е жизненоважно за рационализиране на вашия процес и предотвратяване на грешни завои и обръщания по пътя.

Някои от най-добрите каркасни инструменти, направени специално, направени с оглед на каркасната рамка. Кое от тях ще изберете до голяма степен зависи от това дали искате да създадете нещо бързо и грубо или нещо по-близо до напълно функциониращ прототип.

От другата страна на монетата, някои хора не искат суетата при експортирането на своите дизайни от специално приложение за каркасно проектиране в приложение за пълен дизайн. Вместо това те предпочитат да изграждат своите телени рамки в рамките на софтуер за общо предназначение, така че да могат да разработват всичко на една платформа от началото до края.



Имаме препоръки и в двата лагера. Ограничихме го до 10 от най-добрите инструменти за каркасно проектиране там. За още удобни инструменти вижте нашите инструменти за уеб дизайн облачно или наше най-добрите лаптопи за програмиране .

Най-добрите каркасни инструменти

UXPin интерфейс

(Кредит за изображение: UXPin)

01. UXPin

Най-добрият каркасен инструмент като цяло

Платформа: Уеб браузър | Безплатен пробен период: Да | Цена: От $ 19 на редактор на месец

Посетете сайта Интуитивен интерфейс Чете Sketch и PS файлове Топ инструменти за презентация Няма безплатна версия

UXPin е специален инструмент за каркасно проектиране, който има красиво интуитивен интерфейс, с ясни икони и солидна библиотека от елементи на потребителския интерфейс, които можете да плъзгате и пускате във вашите каркаси, както и компоненти за Bootstrap, Foundation, iOS и Android. Можете да импортирате и експортирате файлове в Sketch и Photoshop, което ви дава възможност да развиете вашите каркаси в пълни прототипи по-надолу по линията.

Има и някои чудесни функции за сътрудничество за работа по вашите каркаси с други, както и първокласни инструменти за презентация на живо за показване на вашите проекти пред заинтересованите страни. Лесен за взимане за начинаещи и пълен с усъвършенствани инструменти за по-опитните, UXPin е най-добрият ни каркасен инструмент като цяло.

Снимки на екрана на Adobe XD

(Кредит за изображение: Adobe)

02. Adobe XD

Най-добрият пълен инструмент за проектиране на телени рамки

Платформа: MacOS, Windows, Android, ioS ​​| Безплатен пробен период: Не, но ограничена безплатна версия | Цена: От £ 9.98 на месец (едно приложение) или £ 49.94 на месец като част от Creative Cloud

Препоръчан търговец Creative Cloud Всички приложения £ 49,94 / mth Creative Cloud Photography £ 9,98 / mth Creative Cloud Single App 19,97 паунда / mth Посетете сайта в Adobe Междуплатформена интеграция на Creative Cloud Разширени функции Пълната версия изисква абонамент

Стартиран като пряк конкурент на Sketch,Adobe XDе векторен инструмент за проектиране, който е достъпен както за Mac, така и за Windows. Той е напълно оперативно съвместим с други инструменти на Adobe като Photoshop и Illustrator, както и с услуги като Adobe Fonts и Adobe Stock. И той е силно фокусиран върху улесняването на процеса на скициране на телени рамки за дизайнерите; от създаване на карти на сайта, блок-схеми и разкадровки до изграждане на функционални прототипи.

Забележителните функции включват „Repeat Grid“ за бързо проектиране, автоматична анимация, гласови задействания и силни инструменти за сътрудничество. Можете да изпробвате Adobe XD безплатно, но ви е необходим абонамент за Creative Cloud, за да получите достъп до пълния набор от функции.

Axure интерфейс

(Кредит за изображение: Axure)

03. Axure RP

Най-добрият специализиран каркасен инструмент за UX професионалисти

Платформа: MacOS, Windows | Безплатен пробен период : Да | Цена: От $ 25 (професионално) на потребител на месец

Посетете сайта Изграждане на работещи прототипи Разширени функции Крива на обучение Може да е прекалено голяма

Axure ви позволява не само да създавате жични рамки с ниско ниво, но и да добавяте допълнителна функционалност и да изграждате такива с висока точност. Можете да го използвате, за да създадете интерактивни HTML макети както за уебсайтове, така и за приложения и да прегледате дизайна на приложението си на телефона си с вградена функция за споделяне.

Използван от организации, включително Microsoft, Amazon и BBC, този софтуер включва функции за замяна на символи, режим за проверка на разработчици, анимационни ефекти, съхранение и споделяне в облак, CSS експортиране и документация. Страхотен избор за опитни UX професионалисти, които искат да предадат своите проекти на разработчиците.

Прост каркас

(Кредит за изображение: Balsamic)

04. Balsamiq Mockups

Най-добрият каркасен инструмент за проекти с ниско качество

Платформа: Mac, Windows, Linux, уеб браузър | Безплатен пробен период: Да | Цена: От $ 89 за един потребител за настолен компютър; от $ 9 / месец за уеб версия

Посетете сайта Бърз за използване Поддържа нещата лесни Малка крива на обучение Само нискофирмени каркаси

Макети на Balsamiq прави много лесно да вземете и започнете да създавате телени рамки, дори ако нямате предишен опит. Бихме го препоръчали за всеки, който иска да постави, за да събере бърза и нискофиксирана рамка, за разлика от полиран прототип.

Софтуерът включва няколко елемента за плъзгане и пускане, от бутони до списъци, всеки от които е оформен като ръчно рисуване и можете да видите как ще изглежда вашата рамка на различни размери на екрана. С добре интегрирани инструменти за сътрудничество и потребителско тестване, това е чудесен избор както за нетехнически, така и за слаби UX екипи.

Скица интерфейс

(Кредит за изображение: Скица)

05. Скица

Инструмент за пълен дизайн със силен фокус на потребителския интерфейс

Платформа: Mac | Безплатен пробен период: Да | Цена: 99 долара

Проверете Amazon Посетете сайта Силен фокус на потребителския интерфейс Лек интуитивен интерфейс само за Mac

Докато Скица не е налице за Windows, ако сте потребител на Mac, определено си струва да се помисли. От стартирането си през 2010 г. той революционизира целия пазар на инструменти за каркасно проектиране и прототипиране и остава лазерно фокусиран върху дизайна на потребителския интерфейс и иконите и днес. Лек и лесен за използване, интерфейсът му е красиво опростен и интуитивен.

Sketch е чудесен инструмент за създаване на прости телени рамки, със своята функция Symbol, която ви позволява автоматично да повтаряте елементи в оформлението си. Има безброй комплекти за потребителски интерфейс на трети страни, които можете да изтеглите, ако искате да създадете пълен прототип. И за разлика от приложенията на Adobe, той се предлага срещу еднократна такса без абонамент.

Photoshop интерфейс

(Кредит за изображение: Adobe)

06. Photoshop

Индустриалният стандарт за дигитален дизайн

Платформа: Windows, Mac | Безплатен пробен период: Да | Цена: От $ 19,99 на месец като част от Adobe Creative Cloud

Препоръчан търговец Creative Cloud Всички приложения £ 49,94 / mth Creative Cloud Photography £ 9,98 / mth Creative Cloud Single App 19,97 паунда / mth Посетете сайта в Adobe Индустриален стандарт Creative Cloud интеграция с функции, богати на библиотеки с липси на елементи

Photoshopе индустриален стандарт, когато става въпрос за софтуер за проектиране като цяло. Няма специфични функции за каркасно кадриране; например не предлага библиотеки от интерфейсни елементи. Но няма причина да не можете да го използвате за изграждане на рамки. Всъщност, тъй като е толкова добре интегриран с други инструменти на Adobe и услуги като Adobe Fonts и Adobe Stock, може да намерите Photoshop най-добрия инструмент за вас. Особено ако вече сте запознати със софтуера. И той е пълен с толкова много функции, че можете да правите всичко, от скициране на бързи идеи, до групиране на различни елементи и слоеве, за да изградите здрава рамка.

Интерфейс на Justinmind

(Кредит за изображение: Justinmind)

07. Justinmind

Най-добрият каркасен и прототипен инструмент за нетехници

Платформа: Mac OS, Windows | Безплатен пробен период: Не, но ограничена безплатна версия | Цена: От $ 19 / месец

Посетете сайта Изграждане на работещи прототипи Подходящо за начинаещи Безплатна версия Крива на обучение

Justinmind е друг инструмент, който ви позволява да изграждате всичко - от груби телени рамки до работещи прототипи, но е по-подходящ за нетехници от Axure RP. Той включва библиотека от елементи на потребителския интерфейс, от бутони и формуляри до общи форми и набор от приспособления за iOS, SAP и Android.

Включен е персонализиран стил, така че можете да добавяте заоблени ъгли, изрязани изображения или цветови градиенти или да импортирате графики, като ги плъзгате в браузъра. Прототипите могат да бъдат експортирани като HTML. Има дори ограничена версия, която е безплатна, завинаги.

Интерфейс Wireframe.cc

(Кредит за изображение: Wireframe.cc)

08. Wireframe.cc

Най-добрият инструмент в рамките на браузъра

Платформа: Уеб браузър | Безплатен пробен период: Да | Цена: От $ 16 на месец

Посетете сайта Поддържа нещата прости Премахва отвличащите вниманието Нищо за изтегляне Липсват функции (макар и нарочно)

В бизнеса има популярна поговорка, известна като принципа на KISS: „Пази го просто, глупаво“. И ако възприемате този подход към телекомуникацията, Wireframe.cc може да е най-добрият избор за вас.

Този инструмент, базиран на браузър, предлага прост интерфейс за скициране на вашите рамки и избягва лентите с инструменти и иконите на типично приложение, така че няма какво да ви забави. Има ограничена цветова палитра, за да ви помогне да избегнете този конкретен път на протакане, а елементите на потребителския интерфейс са контекстно-зависими и се появяват само когато имате нужда от тях.

Два интерфейса за мобилни приложения

(Кредит за изображение: Invision)

09. Студио Invision

Проектирайте софтуер със силно сътрудничество и отзивчиви функции

Платформа: Windows, Mac | Безплатен пробен период: Не, но ограничен безплатен план | Цена: От $ 13 на месец

Посетете сайта Лесен за използване Интегрира се с Invision Freehand Free версия Не се интегрира с много инструменти

Invision Studio може да не е толкова богат на функции като Adobe XD, но за създаване на телени рамки разполага с всичко необходимо. Той е особено силен по отношение на отзивчивите дизайнерски функции и се интегрира добре с Invision Freehand за сътрудничество в реално време с други.

Интерфейсът е доста лесен за научаване, а предварително заредените икони са много елегантни и добре проектирани. С удобни функции като коментари, преходи и синхронизиране на работния плот, това е много способен инструмент за изграждане на всичко - от нискофирмени каркаси до пълнофункционални прототипи.

Интерфейс InDesign

(Кредит за изображение: Adobe)

10. InDesign

Инструмент за настолно публикуване, който е чудесен за създаване на телени рамки

Платформа: Windows, Mac | Безплатен пробен период: Да | Цена: От $ 19,99 на месец като част от Adobe Creative Cloud

Adobe InDesign CC 19,97 паунда / mth Посетете сайта в Adobe Проектиране на интерактивни PDF файлове Създайте свои собствени библиотеки Creative Cloud интеграция Липсва библиотека с елементи

Adobe InDesignотдавна е най-популярният софтуер за настолни издателства наоколо. Но в наши дни вече не се фокусира само върху дизайна на печат. Най-новата версия може да се използва и за създаване на доста красиви интерактивни PDF файлове, включително анимации, видео и състояния на обекти. И докато цифровите функции на InDesign се използват главно за създаване на електронни книги, електронни брошури и електронни списания, те са също толкова способни да изработват телени рамки и макети. Софтуерът също така включва възможността за създаване на библиотеки от елементи на страници, така че можете да създавате и колекции от графики за потребителски интерфейс за многократна употреба.

Прочетете още:

Преглед на най-добрите днешни оферти Adobe Creative Cloud Всички приложения £ 49,94 / mth Изглед Препоръчан търговец Adobe Adobe InDesign CC 19,97 паунда / mth Изглед Всеки ден проверяваме над 130 милиона продукта за най-добри цени задвижвани от