Ответ
Десятка новинок wireframing tools Опции темы
Старый 03.12.2012, 08:41
  #1
Alsu
 
Аватар для Alsu
Регистрация: 02.07.2012
Сообщений: 648

Десятка новинок wireframing tools
Что такое wireframing tools ? Это каркасные приложения по-нашему. Или более известны, как схема любой Web-страницы. Широко каркасы используются конечно же дизайнерами, которые анализируя визуальные дизайны, как архитектуру сайта и учитывая пользовательские предпочтения, создают макеты страниц, которые максимально оптимизированы под определённые цели маркетинга. Каркасы позволяют наглядно представить будующий сайт, который будет наполнен содержательным и интересным контентом, согласно типовой схеме, которая детально проработана в блок-схеме страницы(каркасе). Поэтому создавая каркас, надо себе чётко представлять, где будут на странице расположен контент в виде изображений, текста, видеороллов, дополнительно элементы интерфейса и навигационных систем. Каркас обычно сам по себе не содержит ни каких стилей, цвета и графики, так как основная задача сосредоточенна в функциональности, поведение и содержании страницы сайта. Иными словами, цель каркасных схем сосредоточена на том, что делает экран, а не то как он выглядит. Основные направления при разработке каркасов просты:
  • Виды отображаемой информации
  • Диапазон доступных функций
  • Относительные приоритеты информации и функций
  • Правила для отображения определенных видов информации
  • Влияние различных сценариев на экране
Поэтому Wireframes приложения помогают воплотить в реальность тот или иной функционал. Цикличность процесса создания каркасов является эффективным способом, чтобы создавать быстрые прототипы страниц. Ну а поскольку внешнее оформление для всех страниц сайта должно быть одинаковым, то создав хорошо спланированный каркас для одной страницы сайта, он будет затем шаблонном всех будующих страниц данного сайта. Другое применение Wireframes приложений в том, что можно проанализировать модульность страниц уже готовых популярных сайтов и получить наглядный каркас для последующего анализа основных аспектов дизайна сайта: модульную систему вёрстки, визуальную иерархию, свободное пространство, симметрию, золотое сечение, правило третей и т.д. вплоть до винтиков.
Помимо веб-сайтов, каркасы используются для создания прототипов мобильных сайтов, компьютерных программ и других экранных продуктов, которые включают взаимодействие человека с компьютером.
Wireframe.cc
Минимальный онлайн-инструмент, который позволяет быстро создавать макеты страниц, и самое важное не требует регистрации, чтобы использовать его, либо сохранить вашу работу. На выбор даются мобильные и простые шаблоны.
Moqups
Впечатляюще мощный HTML5 приложение с большим количеством элементов дизайна, которые можно использовать при разработке страниц. Простота в использовании, возможность создания простых, мобильных и планшетных шаблонов.
FlairBuilder
FlairBuilder это приложение для создания интерактивных каркасов, что позволяет командам / группам дизайнеров, разрабатывать прототипы в режиме реального времени, синхронно изменяя и дополняя создаваемые каркасы. Включает в себя более 70 драг-ин-дроп компонентов и виджетов.
Жидкие UI
Прекрасный инструмент с широким набором функций для создания прототипов мобильных приложений. Доступен режим предпросмотра виртуального экрана, чтобы увидеть картину в целом, а также на уровне страниц подробно. Регистрация не требуется.
Google Drawings
Большая куча трафаретов от Google Drawings , чтобы упростить процесс wireframing мастерам.
HotGloo
Платный инструмент (с ограниченным доступом бесплатной версии. Включает в себя обычные функции перетаскивания, при этом имея обширную библиотеку элементов пользовательского интерфейса. Из интересный опций этого сервиса та, что можно виртуально смоделировать несколько вариантов страницы по содержанию, например, что будет показано зарегистрированному пользователю, а что увидит на этой странице обычный посетитель.
Wirify
Это бесплатный букмарклет, с помощью которого можно отобразить каркас (wireframe) любого сайта одним щелчком мыши. С главной странице сайта Wirify без проблем перетягиваем себе в закладки букмарклет и теперь находясь на той или иной странице, достаточно кликнуть по букмарклету и каркас любой страницы готов, совместим со всеми современными браузерами,
Макет iPhone
Позволяет работать нескольким пользователям над каркасами для iPhone приложений. Изменения отображаются в режиме реального времени.
iMockups
wireframing этого сайта позволяет на коленке клепать каркасы IPad приложений.
ASCII
Не обойдём стороной тех, кто любит антиквариат, именно этот сервис каркасит в старой доброй кодировке ASCII.
Ну, а на десерт несколько каркасов миллионеров веб-индастри, так сказать законодателей моды: Facebook, Twitter, Google+, YouTube, LinkedIn и Pinterest.




Нравится 0   Не нравится 0
Пожаловаться на это сообщение 0  
Ответить с цитированием

Ответ
 
 

Метки
блок-схема, мобильный каркас, мобильный макет, wireframing tools, дизайн, шаблон


Здесь присутствуют: 1 (пользователей: 0, гостей: 1)
 
Опции темы

Быстрый переход


Текущее время: 18:52. Часовой пояс GMT +3.