Как стать автором
Обновить
9.61

Дизайн мобильных приложений *

Приложения для iOS, Android, Windows Phone

Сначала показывать
Порог рейтинга
Уровень сложности

Ресурсы для дизайнеров и front-end-разработчиков

Время на прочтение5 мин
Количество просмотров64K
Ниже представлена подборка инструментов для дизайнеров и front-end-разработчиков. Мы настоятельно рекомендуем вам просмотреть их все. Надеемся, что вы найдете для себя что-то полезное.

Читать дальше →
Всего голосов 41: ↑30 и ↓11+19
Комментарии7

Неправильно использованные шаблоны мобильного интерфейса

Время на прочтение6 мин
Количество просмотров33K


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

Некоторые могут возразить, что следование гайдам может убить творчество, и в итоге все приложения будут выглядеть одинаково. С точки зрения UX, я тут вижу другую проблему. Может казаться, что применение лучших шаблонов, которые используют Google / Facebook / Instagram / [вставить любимое приложение], всегда является отличным решением. Что они ставят себе такие же задачи, что и вы. Вот несколько шаблонов, которые считаются (или считались) лучшими, но в то же время не такие уж они и хорошие, какими кажутся на первый взгляд.
Читать дальше →
Всего голосов 37: ↑35 и ↓2+33
Комментарии29

Шрифт Lato: Sketch vs Android Studio

Время на прочтение2 мин
Количество просмотров11K


Жизнь в Avito заставила перейти на Sketch и начать рисовать в mdpi (1x). Чтобы сразу поддержать телефоны и планшеты. Так как я работаю по адаптированному под себя принципу Atomic Design.

Переход на Sketch я начал c переноса шрифтовых гайдов. Взял телефон с mdpi (1x), установил туда своё тестовое приложение с шрифтовой сеткой Avito. Начал обводить. Такое я уже делал для Photoshop. (Знать точные границы у текста мне надо, чтобы составлять точные спецификации дизайна для разработчиков)

Читать дальше →
Всего голосов 16: ↑13 и ↓3+10
Комментарии2

Дайджест продуктового дизайна, октябрь 2015

Время на прочтение15 мин
Количество просмотров9.3K
Уже пять лет я публикую регулярные обзоры свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок отбирается примерно 5% стоящих публикаций, которыми интересно поделиться. Предыдущие материалы: апрель 2010-сентябрь 2015.

Дайджест продуктового дизайна, октябрь 2015
Читать дальше →
Всего голосов 15: ↑13 и ↓2+11
Комментарии0

Дайджест продуктового дизайна, сентябрь 2015

Время на прочтение17 мин
Количество просмотров10K
Уже пять лет я публикую регулярные обзоры свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок отбирается примерно 5% стоящих публикаций, которыми интересно поделиться. Предыдущие материалы: апрель 2010-август 2015.

Дайджест продуктового дизайна, сентябрь 2015

Читать дальше →
Всего голосов 23: ↑20 и ↓3+17
Комментарии0

Эволюция дизайна и юзабилити мобильных приложений известных сервисов. Как улучшить свое приложение?

Время на прочтение5 мин
Количество просмотров17K


В июле 2008 года корпорация Apple анонсировала появление Apple App Store — каталога приложений для iOS. Несколько позже появился и Google Play. Изначально в каталогах было минимум программ, но спустя некоторое время количество приложений увеличилось до сотен тысяч. Теперь в App Store около полутора миллионов программ, а в Google Play и того больше — около миллиона шестисот тысяч (1,6 млн).

С течением времени изменялся дизайн приложений, причем эти изменения были (и есть) весьма значительными. Естественно, они произошли не просто так — разработчики хотели привлечь больше пользователей, удержать уже существующих, улучшив юзабилити и внешний вид программы. Давайте посмотрим, как с течением времени изменялись приложения известных сервисов и к чему могут привести такие изменения.
Читать дальше →
Всего голосов 14: ↑12 и ↓2+10
Комментарии1

Переход Todoist на Material Design

Время на прочтение9 мин
Количество просмотров23K
В рамках нашего конкурса для разработчиков приложений мы обещали перевести для вас несколько интересных материалов о том, как популярные приложения были переведены на новый язык визуального оформления информации: Material Design. На прошлой неделе мы рассказывали о Feedly, сегодня речь пойдёт о Todoist, одном из самых популярных таск-менеджеров для Android и iOS.


Читать дальше →
Всего голосов 13: ↑13 и ↓0+13
Комментарии4

Подборка полезных ссылок от команды дизайнеров e-Legion

Время на прочтение2 мин
Количество просмотров23K
image

Привет! Мы команда дизайнеров, которые проектируют и создают дизайн приложений для Android, iOS и Windows.

image

За 10 лет работы в e-Legion мы сделали проекты разной сложности: от интернет-магазина до мобильного банка. Идеи архитерктуры приложения / дизайна мы искали в разных источниках, что-то придумывали сами, искали интересные решения в интернете. И за время работы у нас накопилось достаточно полезных ссылок, которыми мы хотим поделиться.
Читать далее
Всего голосов 22: ↑15 и ↓7+8
Комментарии5

Еще раз о дизайне мобильного приложения. Какой цвет выбрать для иконки своей программы?

Время на прочтение4 мин
Количество просмотров29K


Кажется, это не слишком значительная проблема, правда? В любом случае дизайнер может справиться, не слишком заморачиваясь над вопросом выбора цвета. Тем не менее статистика говорит нам, что цвет иконки приложения имеет огромное значение для продвижения программы. Собственно, цвет любого продукта очень важен.

К примеру, если спросить человека, какая компания ассоциируется у него с красным цветом, скорее всего, ответ будет – Coca-Cola или Ferrari (хотя мы, конечно же, назвали бы Appodeal :)). Давайте попробуем определить, какой цвет важен для вашего продукта, а точнее – для иконки вашего приложения. Тема выбора цвета довольно сложная, субъективная. Но есть ряд исследований, которые позволяют говорить о некоторых вещах с уверенностью.
Читать дальше →
Всего голосов 25: ↑16 и ↓9+7
Комментарии9

Моя работа на конкурс Mail.Ru

Время на прочтение6 мин
Количество просмотров21K
Сегодня в блоге Mail.ru были опубликованы результаты конкурса на «дизайн околопочтового приложения», в котором и я принял участие.

Места в конкурсе я никакого не занял и не заслужил упоминания в статье. Я даже так и не дождался обещанного инвайта на Dribbble… Ну ладно. Видимо моя работа была сочтена «откровенно провальной в плане визуала»…

Шут с ним, с визуалом, но я все же считаю что идеи заложенные мной в проект стоят того чтобы их увидело больше 4 человек (столько просмотров моей работы на behance). Дело в том что сами идеи я развиваю достаточно давно, а конкурсная задача позволяет продемонстрировать их в реальной задаче.

Сразу скажу, что по уровню прорисовки и внимания к деталям — другие работы превосходят мою на порядок. Например, я вообще не отрисовывал список писем, а взял аналог из другого приложения. Вместо этого я рисовал концепт — принципиальную схему работы приложения и описывал принципы по которым оно работает.

Позволю себе цитату из упомянутого поста, я с ней полностью согласен, и в какой-то мере именно такими мыслями я руководствовался во время работы:
Артем Тройной: Очень жаль, что некоторые дизайнеры не старались придумать что-то совершенно новое, а лишь добавляли категории для сортировки. Это же не тестовое задание при приёме на работу. В таких конкурсах есть возможность придумать, что-то совершенно уникальное, а не то что будет внедрено после конкурса.
Итак. Если вы еще не передумали читать дальше — добро пожаловать под кат)


Читать дальше →
Всего голосов 43: ↑31 и ↓12+19
Комментарии40

Результаты конкурса на дизайн околопочтового приложения Mail.Ru на Dribbble

Время на прочтение19 мин
Количество просмотров11K
В середине августа мы завершили прием работ на конкурс концептов сопроводительного приложения Почты Mail.Ru на Dribbble. Хотя на старте динамика была достаточно вялой, под конец поток превзошел все наши ожидания — 54 дизайнера! Мы получили много свежих взглядов на то, как можно развивать функции работы с вложениями в продукте. А еще — хороший опыт проведения конкурсов.

Результаты конкурса на дизайн околопочтового приложения Mail.Ru на Dribbble
Читать дальше →
Всего голосов 30: ↑22 и ↓8+14
Комментарии3

Дайджест продуктового дизайна, август 2015

Время на прочтение10 мин
Количество просмотров13K
Уже пять лет я публикую регулярные обзоры свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Из лент нескольких сотен тематических подписок отбирается примерно 5% стоящих публикаций, которыми интересно поделиться. Предыдущие материалы: апрель 2010-июль 2015.

Дайджест продуктового дизайна, август 2015
Читать дальше →
Всего голосов 23: ↑19 и ↓4+15
Комментарии0

Как сделать бесполезный UI полезным

Время на прочтение2 мин
Количество просмотров6.5K
Сегодня мы решили оттолкнуться от тематического материала Ретта Нортона, руководителя компании Disruptive Advertising и бывшего консультанта Adobe, и поделиться собственным опытом оптимизации пользовательского взаимодействия с нашими сервисами.

Пара других материалов по этой теме из нашего блога на Хабре:


Читать дальше →
Всего голосов 11: ↑11 и ↓0+11
Комментарии2

Ближайшие события

Кто такой дизайнер?

Время на прочтение6 мин
Количество просмотров8.9K


Добавьте креативности


Позвольте, я расскажу вам прекрасную историю. Быть может вы давно уже живете в таком мирке, в таком случае вы просто счастливчик. Эта история происходит в прекрасном отдаленном уголке, где глубокое синее небо, океан возможностей хромакея, деревья с леденцами, истекающими вдохновением, и грациозные танцы, окружающие вас, в исполнении экзотических муз под техно-звуки окружающих джунглей. Ммм.
Читать дальше →
Всего голосов 10: ↑5 и ↓50
Комментарии1

Principle: инструмент для прототипирования, который вы должны попробовать

Время на прочтение5 мин
Количество просмотров71K


От переводчика
Principle — приложение для Mac OS, которое позволяет в два счета создать анимацию элементов пользовательского интерфейса и сгенерировать его интерактивный прототип. Будь то многоэкранное приложение или просто придуманный вами контрол, так просто и быстро реализовать это раньше не позволял ни один сервис. Бенжамин Бергер — бета-тестер ранней версии Principle, описал свой опыт в статье на Medium, где рассказал о первых впечатлениях и привел пару наглядных примеров использования.
Читать дальше →
Всего голосов 15: ↑12 и ↓3+9
Комментарии10

Подготовка графики для iOS-приложений

Время на прочтение2 мин
Количество просмотров42K
Недавно я писала о том, как готовить графику для Android, какие сложности возникают во время нарезки и как сделать так, чтобы приложение на выходе полностью соответствовало дизайну. Теперь я делюсь опытом и по iOS. В e-Legion мы работаем с пакетом Adobe и для нарезки графики используем Illurstator.



Читать дальше
Всего голосов 33: ↑25 и ↓8+17
Комментарии21

С чего начать работу по оптимизации UX

Время на прочтение2 мин
Количество просмотров11K
Проектирование продукта или сервиса — очень ответственный процесс. В области дизайна это направление вылилось в целую индустрию UI/UX-специалистов и студий, которые разрабатывают специальные методологии и задают структуру творческому процессу поиска нужного дизайна.

Этот подход позволяет обосновывать принятие тех или иных дизайн-решений на основе данных — количество переходов для выполнения задачи, отзывы с полевого тестирования и так далее. Аналогичного мнения придерживаемся и мы при разработке нашего IaaS-провайдера.

Читать дальше →
Всего голосов 16: ↑15 и ↓1+14
Комментарии7

Как избавиться от интерфейсов

Время на прочтение9 мин
Количество просмотров23K
Здравствуйте, Хабр!

Не успели мы сдать в верстку отличную книгу с интригующим названием "Дизайн. Книга для недизайнеров" (ждите в октябре), как нас увлекла еще более своеобразная дизайнерская работа, автор которой позволил себе усомниться в целесообразности дальнейшего умножения графических интерфейсов и предлагает ликвидировать их как класс. Мы решили перевести статью с выдержкой из этой книги, которая как минимум позабавит вас перед выходными. Если же вы — человек с художественной и творческой жилкой, когда-либо захлопывавший ключи в автомобиле, то просим не только ознакомиться со статьей, но и помочь нам определиться с востребованностью книги.
Читать дальше →
Всего голосов 18: ↑15 и ↓3+12
Комментарии41

Отчет с Dribbble Meetup 2015 в Москве

Время на прочтение7 мин
Количество просмотров7.9K
Dribbble Meetup 2015 в Москве

23 мая в Москве прошел Dribbble Meetup 2015. На этой неформальной конференции для дизайнеров выступили полтора десятка сильных и интересных специалистов, представленных в одной из главных тематических социальных сетей Dribbble. Команда Zeplin, Игорь Мустаев (Лавка букв), Анатолий Громов (Fjord), Данил Криворучко (Charlex), Олег Турбаба (SFÇD), Павел Шумаков (Вконтакте), Елена Лазутина, Алексей Рыбин (Great Simple Studio), Андрей Кармацкий (Яндекс), Антон Карташов (Иннова), Павел Скрипкин (Mail.Ru Group) и Евгений Беляев (Авито), Дмитрий Новиков (MacPaw), Дмитрий Чута (Chapps), Олег Андрианов (Одноклассники). Было много практически полезных рассказов и историй из жизни дизайнеров и компаний с живым и веселым диалогом со слушателями.
Читать дальше →
Всего голосов 22: ↑18 и ↓4+14
Комментарии0

Дизайн мобильного приложения. Как добиться оптимального результата?

Время на прочтение6 мин
Количество просмотров45K


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

В идеале приложение для мобильного устройства должно работать со скоростью мысли. Более того, интерфейс приложения должен быть понятен даже новичку.
Читать дальше →
Всего голосов 13: ↑12 и ↓1+11
Комментарии13

Вклад авторов