Мы с Женей Савкиным нарисовали и собрали замечательное приложение для поиска, бронирования и покупки авиабилетов. Качайте, пользуйтесь!

Не секрет, что создание дизайна приложения под Windows Phone или Windows 8 занимает гораздо меньше времени, чем под iOS или Android. И дело тут не только в специфике дизайна. Главным фактором экономии времени является налаженный алгоритм взаимодействия дизайнера с разработчиком. Инструмент, который соединяет дизайн и код — Blend, входящий в пакете Visual Studio.



Как это работает?
Как правило дизайнеры создают макеты либо в Adobe Photoshop, либо в Adobe Illustrator. При создании макетов в этих программах можно следовать нескольким правилам, которые позволят разработчику эффективно обработать макет в Blend.

1. Все объекты должны быть нарисованы “путями” (path). Если импортируете объекты из иллюстратора в фотошоп, всегда вставляйте объекты через «Shape Layer».


Таким образом, макет PSD будет содержать три вида объектов:
Текстовые блоки
Объекты path
Растровые объекты



2. Если к слою применены какие либо эффекты, их нужно обязательно растрировать (правой кнопкой на слой / Rasterize Layer Style).



В противном случае при конвертации в Blend все примененные эффекты — пропадут.

3. Старайтесь использовать родные шрифты Segoe. Либо, в качестве альтернативы, системные шрифты Windows. Использовать уникальные шрифты не возбраняется, но в таких случаях необходима более плотная работа с разработчиком, чтобы все отображалось корректно.
4. Аккуратно группируйте файлы в папки, все названия слоев и папок лучше набирать латиницей. Это элементарное правило позволит легко понимать разработчика, когда он начнет объяснять вам, в каком месте вашего файла что-то не в порядке.
5. Не используйте «tab» и многочисленные пробелы для отбивки при форматировании текстовых блоков. Вообще старайтесь избегать всяческих костылей.

Это далеко не весь список правил, а лишь тот перечень, с которым столкнулись наши дизайнеры, работая над проектами для Windows Phonе и Windows 8.

Теперь о магии
Для чего все эти правила и зачем их соблюдать? В первую очередь это позволяет дизайнеру забыть о такой «болезненной» операции, как нарезка, разметка (redline). Остаются, конечно, и мелочи, такие как иконки для аппбара (в ближайшее время и это может измениться), иконки приложения, нарезка сплешей.

Экран дизайнера


Экран разработчика


В итоге получается идентичное отображение макетов.

Для разработчика эти файлы так же большой подарок. Все стили, заливки, размеры шрифтов, отступы, все то, что так не любят разработчики, все это уже преобразовано Блендом в код, остается только перенести этот код в проект.



Опираясь на наш уже довольно-таки богатый опыт, можно сказать, что время затраченное на проект сокращалось в два-три раза.

Вышеописанный сценарий является компромиссным. В идеале дизайнер должен создавать проект прямо в Blend, и тогда на выходе разработчик будет получать не только стили макета, но и переходы, и функционал основных элементов.

С момента выхода ТВ ДО///ДЬ (W8) прошел всего месяц, а приложение уже попало в тор-3 самых скачиваемых приложений (в своей категории).


И в топ 50 самых скачиваемых приложений Windows store (Россия).


Спасибо всем, кто пользуется приложением.
Сделано в Chocolate Dog Software.

Мы c Павлом Кульбидой сделали небольшое, интересное приложение ElektroShowcase.
Его смысл в выводе текста на экран. Такая функция может найти различное применение. Самое первое что приходит в голову — это реклама телефонов на витринах магазинов.
Приложение позволяет вводить 63 символа и выбирать цвет фона и цвет текста из предложенной палитры.



| Приложение в Marketplace

Очередное наше (созданное мной с | Александром Калиновским) приложение попало в подборку микрософта. Спасибо.



| Подробнее о диафильмах.


Напоминаю, что в подборку уже попадали:
Вокабуляр, Кинопоиск.RU, Pianorama, aReader.
| Подробнее о все проектах.

Всем, кому не безразлична судьба своего приложения необходимо найти себе хорошего дизайнера, понимающего задачу :)

| Кроспост из блога Александра Калиновского



Наверняка многим известно SaaS решение по совместному ведению проектов Мегаплан.
Сейчас активно занимаюсь разработкой мобильного клиента под WP7. На текущий момент практически готова «обертка» для api Мегаплана. Уверен, многим будет интересен клиент для молодой развивающейся платформы. В связи с этим ищу пользователей Мегаплана, владельцев смартфонов на WP7, чтобы принять у частие в бета-тестировании клиента. Свои заявки на получение бета-версий клиента вы можете оставить здесь (mail@kalinovsky.net). Так же приветствуются ваши пожеланияи, а в дальнейшем и отзывы, которые вы можете оставить прямо здесь в комментариях к посту.

-
Мы с Сашей готовим клиент для мегаплана, и будем рады всем кто захочет поучаствовать в тестировании.
Эксклюзивная возможность поюзать приложение первым и внести свой вклад в формирование функционала! :)
-

Очередное наше (созданное мной с различными разработчиками) приложение попало в подборку микрософта. Спасибо.
Напоминаю, что в подборку уже попадали:

| Вокабуляр




| КиноПоиск.RU (неофициальный клиент)




| Pianorama




Теперь и приложение AReader (читалка) присоединилось к этому списку


| Подробнее об этом проекте
AReader в Marketplace


Всем, кому не безразлична судьба своего приложения необходимо найти себе хорошего дизайнера, понимающего задачу :)

Почти каждое наше (созданное мной с различными разработчиками) приложение рано или поздно выходит в подборку Microsoft. Это приятно и заслужено. Такой топ уже посетили:

Вокабуляр




КиноПоиск.RU (неофициальный клиент)




Теперь и Pianorama присоединилась к этому списку


Нет, это конечно же не из-за дизайна. Хотя в какой то мере и это тоже. Но главная причина — это наличие идеи, сильной и нужной. А потом уже профессиональность разработчика и подход дизайнера.



Всем, кому не безразлична судьба своего приложения необходимо найти себе хорошего дизайнера, понимающего задачу :)