14 заметок с тегом

app design

Дизайн приложений для Windows Phone без ножа

Не секрет, что создание дизайна приложения под 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, и тогда на выходе разработчик будет получать не только стили макета, но и переходы, и функционал основных элементов.
2013   app design   blend   windows 8   windows phone   опыт

Топ 3 — ДОЖДЬ (Windows 8)

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


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


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

Приложение WP7 «WonderMe»

Приложение WP7 «WonderMe»

Очередное пополнение русскоязычного Маркетплейса хорошим и интересным приложением.

Wonderme — это огромный сборник тщательно отобранных удивительных фактов обо всем на свете. В приложении собрано более 2000 фактов, которые распределены по категориям. Приложение Wonderme — это официальная версия одноименного сайта удивительных фактов.

Совместный проект с http://www.magora-systems.ru. Отдельное спасибо Ксении за отзывчивость и позитив.

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

Приложение WP7 «WonderMe»

ElektroShowcase

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

ElektroShowcase

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

Microsoft Россия рекомендует Диафильмы

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

Microsoft Россия рекомендует Диафильмы Microsoft Россия рекомендует Диафильмы

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


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

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

Тестирование приложения Мегаплан WP7

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

Тестирование приложения Мегаплан WP7

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

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

-
Ctrl + ↓ Ранее