Блог компании Microsoft → Прототипирование в Expression Blend + SketchFlow. Часть 3. Работа с контролами
Продолжаем разбираться с прототипированием с помощью SketchFlow. В предыдущих сериях:
Сегодня мы рассмотрим работу с контролами, а начнем с примитивов.
Прежде всего, помимо того, что вы можете импортировать готовые картинки, какие-то примитивы для разметки компоновки вы можете рисовать непосредственно в Expression Blend (помомо прямоугольников, линий и овалов, есть кривые, звездочки, стрелочки, треугольники, callout`ы и ряд других примитивов):
Сегодня мы рассмотрим работу с контролами, а начнем с примитивов.
Примитивы
Прежде всего, помимо того, что вы можете импортировать готовые картинки, какие-то примитивы для разметки компоновки вы можете рисовать непосредственно в Expression Blend (помомо прямоугольников, линий и овалов, есть кривые, звездочки, стрелочки, треугольники, callout`ы и ряд других примитивов):
Блог компании Microsoft → Прототипирование в Expression Blend + SketchFlow. Часть 2. Основы
Продолжаем, а, вернее, начинаем разбираться с прототипированием в SketchFlow. В прошлый раз мы посмотрели на эволюцию самого SketchFlow — от ранних прототипов до финального продукта, а сегодня начнем разбирать по полочкам его возможности.
Все начинается с создания нового проекта. На этом этапе вы можете выбрать, какого типа SketchFlow-приложение вы хотите создать. У вас два варианта: Silverlight и WPF-приложение.
Начало работы и интерфейс
Все начинается с создания нового проекта. На этом этапе вы можете выбрать, какого типа SketchFlow-приложение вы хотите создать. У вас два варианта: Silverlight и WPF-приложение.
Блог компании Microsoft → Прототипирование в Expression Blend + SketchFlow. Часть 1. Немного истории
Введение
Этой статьей я хочу начать цикл статей, посвященных созданию прототипов с помощью Expression Blend и SketchFlow. Мы постепенно пройдемся от базовых концепций и понимания, как работает SketchFlow, до отдельных нюансов вроде настройки и брендирования проигрывателя прототипов. Местами, я буду включать переводы статей других авторов.
В качестве введения в тему и для того, чтобы получить общее представление, предлагаю посмотреть вот это короткое видео (всего 90 секунд!) с обзором текущих возможностей SketchFlow:
А начнем мы со статьи Christian Schormann об истории SketchFlow.
SketchFlow: Немного истории
SketchFlow, инструмент динамичного прототипирования для Expression Blend, наконец официально вышел (от переводчика: статья писалась к выходу Expression Blend 3)! Вы можете скачать триальную версию здесь.
Так как мне всегда нравилось наблюдать за развитием людей, идей и продуктов, я подумал, что вам тоже будет интересно узнать немного о прошлом SketchFlow — сейчас, кажется, подходящий момент, чтобы взять школьные тетрадки со столика и рассказать немного о том, как рос SketchFlow. Если вы хотите узнать больше о сегодняшем состоянии SketchFlow, смотрите этот пост…
Silverlight → Sketch Flow — небольшое практическое использование
Насмотревшись разных презентаций и начитавшись интервью, решил попробовать применить Sketch Flow к небольшому новому проекту.
Для справки: Sketch Flow — это кусочек Expression Blend 3, служащий для прототипирования пользовательских интерфейсов. Про него уже немного рассказывали на хабре (1, 2). Лично мне понравилась его презентация на MIX'09 (около часа видео, английский).
Для справки: Sketch Flow — это кусочек Expression Blend 3, служащий для прототипирования пользовательских интерфейсов. Про него уже немного рассказывали на хабре (1, 2). Лично мне понравилась его презентация на MIX'09 (около часа видео, английский).
Интерфейсы → SketchFlow: прототипирование интерфейсов по-новому
Все хорошие разработчики и дизайнеры, с которыми я знаком, в той или иной мере занимаются прототипированием. Как мне кажется, прототипирование напоминает канал между заказчиком и разработчиком, по которому передаются идеи и отзывы заинтересованных сторон, что позволяет вносить изменения в проект еще на раннем этапе разработки.
Как вы, наверное, замечали, прототипы могут быть представлены в разнообразных формах: от каких-то набросков на салфетке, до дизайна созданного в профессиональном пакете, который выглядит очень близко к желаемому результату. Несмотря на такое количество вариантов, мы можем выделить два основных типа прототипов: малодостоверные (Low fidelity) и высокодостоверные (High fidelity ). Малодостоверный прототип – это простое описание, набросок на рисовальной доске или скетч, которые приблизительно показывают кусочек пользовательского интерфейса. Пример такого прототипа представлен на рис. 1.
Рис. 1 – Пример малодостоверного прототипа, который демонстрирует форму входа в систему
Как вы, наверное, замечали, прототипы могут быть представлены в разнообразных формах: от каких-то набросков на салфетке, до дизайна созданного в профессиональном пакете, который выглядит очень близко к желаемому результату. Несмотря на такое количество вариантов, мы можем выделить два основных типа прототипов: малодостоверные (Low fidelity) и высокодостоверные (High fidelity ). Малодостоверный прототип – это простое описание, набросок на рисовальной доске или скетч, которые приблизительно показывают кусочек пользовательского интерфейса. Пример такого прототипа представлен на рис. 1.
Рис. 1 – Пример малодостоверного прототипа, который демонстрирует форму входа в систему
Дизайн в IT → Dynamic Prototyping with SketchFlow for Expression Blend
Книгу именно с таким названием готовят Chris Berbard и Sara Summers – UX-евангелисты в Microsoft. Amazon принимамет предзаказы.
Как несложно догадаться, книга появящена созданию насыщенных и динамичных прототипов с помощью инструмента SketchFlow, встроенного в Expression Blend.
Выйдет она позже — в 2009 году, но уже сейчас доступна preview-версия (112 страниц) первой главы, в которой как раз освещаются основы работы со SketchFlow.
Скачать можно здесь http://www.dynamic-prototyping.com/
Скачать Expression Blend3 + SketchFlow RC можно здесь http://www.microsoft.com/downloads/details.aspx?displaylang=en&FamilyID=92e1db7a-5d36-449b-8c6b-d25f078f3609
Chris has served as Creative Director and Practice Leader in the Centers for e-business Innovation at IBM, and in design and strategy roles in many interactive and broadcast organizations.
Sara has worked in the design industry for 14 years. She has worked for renowned agencies such as FrogDesign and Young and Rubicam, and for clients such as AMD, HP, Motorola, the NFL, and Sony.
Как несложно догадаться, книга появящена созданию насыщенных и динамичных прототипов с помощью инструмента SketchFlow, встроенного в Expression Blend.
Выйдет она позже — в 2009 году, но уже сейчас доступна preview-версия (112 страниц) первой главы, в которой как раз освещаются основы работы со SketchFlow.
Скачать можно здесь http://www.dynamic-prototyping.com/
Скачать Expression Blend3 + SketchFlow RC можно здесь http://www.microsoft.com/downloads/details.aspx?displaylang=en&FamilyID=92e1db7a-5d36-449b-8c6b-d25f078f3609
Персональные блоги → Microsoft Expression и Silverlight. (Конференция в Сан-Франциско)
Сегодня в Сан-Франциско в InterContinental Hotel прошла презентация Майкрософта посвященная Silverlight 3 и линейке продуктов Expression 3. Думаю не помешает объяснить что из себя представляет каждый из этих продуктов. По сути Silverlight это плагин к вашему браузеру, кросс-платформенный и кросс-браузернный, а также подерживаюший большинство девайсов. Этот «убийца флеша» от Майкрософт имеет большие мультимедийные возможности, о которых на презентации рассказал Scott Guthrie, вице-президент отдела разработки продуктов Майкрософт (Microsoft Developer Division). Перечисляя плюсы Silverlight'a стоит отметить такие как: