Планирование и коммуникации являются двумя ключевыми элементами в развитии любого успешного сайта или приложения.
И это именно то, что wireframing процессе предложений: быстрый и простой способ планировать расположение и экономически эффективной, экономии времени инструмент легко общаться свои идеи другим.Каркасное как правило, имеет основные элементы веб-страницы: верхний и нижний колонтитулы, боковая панель, возможно, даже некоторые контент, который дает вам, вашим клиентам и коллегам просто визуально ориентированных макет, который показывает, что структура сайта будет к концупроекта и, что служит основой для любого будущего alterations.
Эта статья посвящена фактической инструменты wireframing и автономных приложений, а также ресурсы, которые you’ понадобится для создания собственного каркасного: wireframing наборы, окна браузера, элементы формы, сетки, Mac OS X элементы, мобильные elements,которые you’ будем использовать в любом типичном графическом редакторе, такие как Photoshop или Illustrator.… Или вы можете использовать перо и paper.
Полный Wireframing Toolkits
Quommunnication трафарет Kit
PSD файлов с общими элементами дизайна для черчения и wireframing: элементы формы, RSS подача значки, цвета, рекламных блоков, окон браузера и grids.
Mac OS X Интерфейс трафарет Kit
Leopardy интерфейс трафарета комплект.Этот широко используются таблицы, для максимальной гибкости при сохранении пикселей precision.
Приложения Facebook трафарет Kit
довольно значительная коллекция Facebook элементов, связанных использовать в создании каркасов для Facebook applications.
Flex трафарет Kit
Включает в себя все Flex компоненты Flex 3 Style Guide: панели, сетки данных, кнопки, поля, ссылки, переключение, меню, свитки, аккордеон, аккорды, список данных, выбора, подсказки, ошибки.
Затмение трафарет Kit
Этот шаблон позволяетЛегко прототип Eclipse (мастера) диалоги с OmniGraffle (TM)
Массивная веб-интерфейса & Button Set
Этот набор содержит элементы пользовательского интерфейса в трех различных стилях: глянцевый, матовый / градиентом света, и один цвет.Сатин / света градиент набора доступна в 7 различных цветах (который вы найдете все в PSD-файл).В наличии имеются кнопки управления, включая стрелы и основные символы, информация и текстовые поля, breadcrubs, кнопки и другие элементы навигации, раскрывающийся и складные стили окна, речи пузыри, формы поиска и загрузки elements.
Трафареты Yahoo! Дизайн – Design Pattern Library
Вы были бы в затруднении, чтобы найти лучшую wireframing ресурсов, чем этот.Трафарет Yahoo! Design Kit доступен практически для любой области применения: OmniGraffle, Visio (XML), Adobe Illustrator (PDF и SVG) и Adobe Photoshop.Это огромная библиотека включает в себя следующие элементы (в основном, все): рекламные блоки, календари, карусели, графиков и таблиц, элементов управления пользовательского интерфейса, элементы формы, сетки, меню и кнопки, мобильные (общий), мобильный телефон (iPhone), навигации и нумерация страниц,OS элементы, замещающий текст, разрешения экрана, вкладки, окна и containers.
Бесплатные эскизов & Wireframing Kit
Эскиз & Wireframing Kit является бесплатным набором элементов для черчения и wireframing.Она состоит из элементов формы, значков, индикаторов, сообщений обратной связи, подсказки, элементы навигации, изображение заполнителей, встроенные видео, ползунки и общих рекламных баннеров.Комплект поставляется в двух векторных форматах, один для Adobe Illustrator и других в SVG, которые могут быть легко изменены.Он также может быть загружен в PDF и EPS formats.
EightShapes Unify
EightShapes Unify представляет собой набор шаблонов, библиотек и других активов, которые позволяют дизайнерам пользовательский опыт для создания более последовательнойи эффективные результаты быстрее.Система использует Adobe Creative Suite продукции; Adobe InDesign является основной авторской tool.
Wireframe Symbols
Данный файл содержит библиотеку символов каркасные и полный Adobe Illustrator файл со всеми элементами разложить на доске.Для установки библиотеки просто перетащить файл с именем Wireframe Symbols.ai в вашу Adobe Illustrator “ Symbols” каталог.Как только вы открываете Illustrator, перейдите в палитру Символы и загрузить library.
OmniGraffle Wireframe Stencils
Это набор форм для изготовления каркасов в OmniGraffle версии 5.x (Mac OS X)
OmniGraffle UX Template
Это OmniGraffle Pro шаблон для дизайна интерфейса, который включает общие слои для основной документ потребности UX, напримертитульный лист, каркасы, storyboards.
веб-страницу Elements
Использование открытым исходным кодом “ Bitstream Vera” набор шрифтов и бесплатно иконки из FamFamFam, вы должны иметь большинство ваших общих элементов веб-страницы покрыты, включая заголовки, элементы формы, функции управления контентом,Изображение заполнителей, etc.
Web Browser Templates
Шаблоны Photoshop Browser – Web Designer Toolkit
Эти шаблоны Photoshop браузера приходят в 1024× 768 и 800× 600 пикселей размеров и охватывает почти все браузеры (Firefox, IE, Safari, Camino, даже Netscape).Для обоих размеров, в безопасную зону просмотра четко обозначена в отдельных layer.
Браузеры Шаблоны для Website
Эти браузере Photoshop шаблоны для Internet Explorer, Firefox для Mac и Firefox для Windows, подняли бы на смех в следующих размерах: 800 × 600, 1024 × 768 и 1280 × 1024 pixels.
Photoshop Browser Templates
Это слоистых PSD-файл содержит три различных резолюций браузера, все с легко редактируемые названия, адреса баров, полосами прокрутки и значки.Просто откройте PSD и положите слоями на верхней части конструкции, что вы работаете, и вуаля
Браузер Экраны и сайт Elements
полезный набор векторных сайта assets.
Web-безопасной зоне Шаблоны для Photoshop
Все Web-безопасный браузер области PSD templates перечисленные ниже, могут быть индивидуально скачал, выбирая из следующих решений: 640× 480, 800× 600, 1024× 768, 1280× 960 и 1600× 1200 pixels.
Windows Vista IE веб-Safe Area
Windows Vista Firefox веб-Safe Area
Mac OS X Firefox веб-Safe Area
Веб-форма Elements
Best Practice UX форм Stencil
Это полный релиз трафарета комплект, который следует передового опыта в дизайне формы UX.Она предусматривает три различных способа прокладки из форм, каждая со своими преимуществами.Эта версия также предоставляет различные макеты кнопку, индикатор прогресса, искаженным полем ввода кода, этикеток и more.
Photoshop элемент формы Templates
Photoshop Эти файлы включают в себя скриншоты всех общих элементов формы, как показано в выбранной операционной системы (Mac Classic, Mac OS X, Win XP и Win Classic).Форма элементы разделены на отдельные слои, так что вы можете легко выбрать, настроить или включить их, как вы please.
Элементы Browser форма PSD
В этом PSD файлов элементов формы для Mac Firefox 3, а другой для Vista IE7.
веб-формы объемных элементов 1
Том 1 содержит подборку веб-пользователей interace элементов формы в Photoshop format.
Элементы веб-форм Vol.2
Это Том 2 веб-формы Элементы пользовательского интерфейса упомянутые выше, и была разработана в различных style.
Photoshop кнопки Templates
Эти шаблоны Photoshop кнопки были разделены на отдельные слои, чтобы быть легко выбрать.Вы можете выбрать один из следующих цветов: темно-синий, светло-синий, темно-зеленый, светло-зеленый, желтый, оранжевый, красный и purple.
Web Browser Elements
Вы можете выбрать элемент, который вы need Из какой операционной системы и браузера вы используете, и загрузить их individually.
Windows Vista IE Form Elements
Windows Vista Firefox формы Elements
Windows XP Firefox формы Elements
Mac OS X Firefox формы Elements
Mac OS X Safari форма Elements
Grid Templates
960 Photoshop Сетка Template
Этот шаблон имеет руководство на три колонки 20-пиксель желоба дизайн, со слоями блеклые цвета, чтобы визуализировать обе колонки для целей правило третей.Кроме того, она разбита на шесть колонн из 20-пиксель gutters.
960 Grid шаблон для OmniGraffle
Illustrator шаблон для Blueprint CSS Comps
Этот документ Adobe Illustrator имеет 24-столбца сетки за рамки CSS, такие как Blueprint.Он состоит из руководства, которые соответствуют сетке Blueprint от 24 столбцов на 30 пикселей, 10-пиксель широкую жел …
Если вы хотите прочитать полностью статью, посетите сайт наших спонсоров