Больше интересного у нас на канале: https://t.me/uxidesign.
Вайрфрейминг — неотъемлемый элемент каждого нового UX-проекта. И прежде чем перейти к цветам и типографике, вам стоит учесть сам UX. Все это начинается с вайрфрейминга.
Многие дизайнеры предпочитают работать на бумаге, но наборы для вайрфрейминга позволяют делать все в цифровой форме. Я выбрал в интернете лучшие варианты, которые вы сможете бесплатно скачать и повторно использовать для всех мобильных и интерфейс-проектов.
Jolly UI
Jolly UI kit предлагает как бесплатные, так и премиум-ресурсы для дизайнеров. Это лучший вайрфрейминг кит, нарисованный от руки, с большой коллекцией навигационных меню, слайдеров, кнопок и общих элементов страницы.
Если вам нужно что-то базовое, чтобы начать, то возьмите лучше бесплатную версию. Она доступна в форматах PSD и AI.
Basic Wireframe Kit
Вайрфрейминг должен быть очень простым процессом. Black and white обычно работает лучше всего, и именно поэтому Basic Wireframe Kit — отличный выбор для пользователей Sketch.
Все элементы разработаны точно, и они прекрасно сочетаются с любым типом и стилем веб-сайта. Это также один из самых простых UI-китсов для Sketch, поэтому это просто маст-хев для тех, кто хочет отойти от использования программного обеспечения Adobe.
Teracy
Если вы хотите получить более полную коллекцию элементов Sketch, обратите внимание на Teracy Wireframe Kit.
Этот полностью бесплатный Sketch-ресурс предлагает десятки популярных UI- элементов, включая выпадающие списки, поля ввода, брэдкрамбсы и виджеты слайд-шоу. Хоть Teracy и больше фокурисуется на элементах веб-сайта, он также имеет много элементов для мобильных приложений.
Blue Wireframes
Некоторые дизайнеры рассматривают вайрфрейм как блупринт для всего проекта. Именно поэтому этот blue wireframing kit — отличный выбор как для эстетики, так и для практичности.
Это еще один Sketch UI кит, и его можно использовать для всех проектов. Уникальный дизайн каждого элемента добавит в ваш вайрфрейм изюминку. И поскольку все элементы являются векторами, вы сможете менять их размер без потери качества.
Savvy Sketch iOS Wireframe Kit
Мобильные приложения также, как и веб-сайты, должны иметь вайрфрейм-основу, и iOS Savvy Sketch iOS Kit идеально подходит для разработчиков iPhone-приложений.
Этот UI кит недавно обновился, получив новые функции с фокусом на iOS 10. Он полностью бесплатный и точно продуманный, что упрощает преобразование вайрфреймов в полноценные приложения.
Basiliq
Вайрфрейм часто создается на бумаге, но в цифровом виде все можно сделать на много проще. Поэтому такие UI-наборы, как Basiliq, соединяют лучшее из обоих миров.
Вы получаете полностью цифровой UI-кит для Photoshop, где все элементы выглядят как нарисованные на бумаге.
Этот кит лучше всего использовать при работе с мокапами веб-сайтов, поэтому, если вы создаете веб-сайт в Photoshop, подумайте взять с собой копию этого набора, прежде чем вникать в детали.
Responsive Wireframes
То, что мне больше всего нравится в этих элементах вайрфрейма, — их простота. Истинные лоу-фиделити вайрфреймы показывают нам, как действительно должен выглядеть и вести себя UI, без каких-либо специфических особенностей.
PSD-файл доступен для бесплатной загрузки в Dropbox. Это подходящий кит для любого проекта, и он фокусируется на очень простых формах для общих элементов страницы.
BeTheme Free UI Kit
BeTheme — это полномасштабный премиум WordPress-продукт, созданный командой MuffinGroup. Но ни также создали кит под названием BeTheme UI, который тоже очень полезен для дизайнеров.
Это хай-фиделити кит, в котором используется синий цвет. Отличный выбор из-за огромного объема предметов, которые вы получаете в паке.
The Ultimate Wireframe UI Kit
MediaLoot предлагает множество премиальных товаров, но у них есть и один бесплатный — The Ultimate Wireframe UI Kit.
И учитывая массивный размер этого PSD-файла, я думаю, он заслуживает того, чтобы его называли «полным» набором для вайфрейминга.
App Mockup UI
Еще один бесплатный ресурс с сайта премиум-класса — этот кит от Pixeden. Каждый скрин имеет стандартный размер iPhone, в котором вы можете менять элементы страницы по собственному желанию. Также очень легко редактировать их размер и стиль.
Если вы делаете дизайн для iPhone или какого-либо устройства iOS, нет лучшего ресурса, чтобы начать!
Bootflat UI Kit
Названный в честь знаменитого Bootstrap-фреймворка, этот бесплатный Bootflat UI kit доступен в одном PSD-файле и предлагает множество общих элементов веб-сайта, которые вы сможете повторно использовать снова и снова.
Bootflat красочный, хорошо продуманный, разработан с множеством динамических элементов, таких как выпадающие списки и таблицы цен. Хорошо подойдет как для вайрфрейминга, так и для дизайна мокапов. Вы можете даже использовать его вместе с другим наборами PSD как полноценный хай-фиделити мокап.
Будь вы любителем Photoshop, пользователем Illustrator или энтузиастом Sketch, свой вайрфрейминг кит найдется для каждого.