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). Так же приветствуются ваши пожеланияи, а в дальнейшем и отзывы, которые вы можете оставить прямо здесь в комментариях к посту.

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

-

Microsoft Россия рекомендует AReader

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

| Вокабуляр

Pianorama в топе Pianorama в топе


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

Pianorama в топе Pianorama в топе


| Pianorama

Microsoft Россия рекомендует AReader Microsoft Россия рекомендует AReader


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

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


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

ДО///ДЬ официальный клиент интернет-канала (бетта)

И вновь, вслед за долгожданным скайпом в маркетплейсе появилось еще одно отличнейшее приложение!
Официальный клиент интернет-канала ДО///ДЬ (бетта
Пока все ждут, что виндафон станет одной из самых крутых платформ Дождь выпустил приложение для wp7. Тем самым лишний раз доказал, что ребята работающие в редакции канала прогрессивные инакомыслящие «им не наплевать».

Пока доступен ограниченный функционал, но мы уже заканчиваем полноценную версию.

Обладатели афонов и дройдов будут дико завидовать счастливчикам виндафонов. :)

| Приложение в Marketplace
Официальный клиент интернет-канала ДО///ДЬ (бетта

Microsoft Россия рекомендует Pianorama

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

Вокабуляр

Pianorama в топе Pianorama в топе


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

Pianorama в топе Pianorama в топе


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

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



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

Неофициальный клиент портала Head Hunter

Head Hunter

Приложение сделано в рамках программы | Бесплатный дизайн ваших приложений.

Серьезное пополнение маркетплейс. Неофициальный клиент самого крупного и качественного портала по трудоустройству Head Hunter.
Мы проделали большую работу и теперь, наконец наше детище может установить себе любой обладатель виндафона. Приложение получилось очень простым и чрезвычайно удобным.

Неофициальный клиент портала Head HunterНеофициальный клиент портала Head Hunter

http://www.windowsphone.com/ru-RU/apps/7d61587d-cbc6-443c-8594-cc5ab24e0ce7