Конспект книги Дэна Саффера — Микровзаимодействия (Microinteractions) https://m.habrahabr.ru/post/225435/
Читать полностью…Очень клевая демонстрация того, как меняется технология дизайна и цифровой иллюстрации с помощью VR. http://apptractor.ru/info/media/kak-vr-menyaet-mir-tsifrovoy-illyustratsii-i-dizayn.html
Читать полностью…Всех с весной!
В честь этого дня интересный сайт, который напомнит, как изменялся дизайн страниц известных брендов http://uxtimeline.com/
Хорошая статья о анимации интерфейсов и пользе микроанимаций http://sketchapp.me/animaciya-interfejsov-mikrovzaimodejstviya-dlya-makrorezultata/?_utl_t=fb
Читать полностью…Недавно Google представил удобный инструмент позволяющий посмотреть как выглядят сайты на разных устройствах и разрешениях.
Полезен дизайнерам и девелоперам http://design.google.com/resizer/
О преимуществе круглых форм для фотографий профиля.
Круг лучше подчёркивает форму лица и фокусирует внимание на лице человека нежеле квадрат. Хотя это хорошо работает только с фотографиями лиц людей, другие объекты выглядят не так эффективно.
http://uxmovement.com/thinking/why-circular-profile-pictures-accentuate-faces/
Большой и полезный материал на тему того, как адаптировать сайт под мобильное устройство и зачем это нужно делать. А делать это нужно!
Уже сейчас Google выдаёт в первых строчках поисковой выдачи именно те сайты, которые имеют мобильную версию.
В статье так же рассматриваются основные моменты по адаптации изображений, таблиц, выбору технологий, методах тестирования и многое другое - https://vc.ru/p/eski-mobile-site
Avacode - удобный инструмент для работы с PSD файлами.
С помощью сервиса разработчик может с легкостью узнать нужные размеры объектов, цвета, информацию о шрифтах и другие важные моменты в дизайне.
Есть поддержка Photoshop и Sketch.
http://avocode.com/
Основные правила и рекомендации по подготовке гайдлайнов для веб проектов, и в чем их разница перед обычным UI kit - http://book.nimax.ru/gajdlajn-dlya-veb-proektov/
Читать полностью…Luke Wroblewski рассказал о зависимости размера экрана устройства к времени его активности.
Итог простой, чем больше экран устройства тем выше ваша активность. http://www.lukew.com/ff/entry.asp?1956
Хорошая статья о проектирование и взаимодействии коммерческих интерфейсов в Смарт ТВ. Рекомендации по построению интерфейсов, статистика, а также примеры удачных интерфейсных решений. http://habrahabr.ru/company/sobakapavlova/blog/232345/
Читать полностью…Microsoft готовит клавиатуру на которой можно будет удобно набирать текст одной рукой. В ближайшее время планируется версия для iOS. Позже обещают на Android - http://appleinsider.com/articles/16/01/25/microsofts-ios-keyboard-to-feature-one-handed-mode-coming-soon-to-testers?utm_source=dlvr.it&utm_medium=twitter
Читать полностью…Zeroheight - молодой инструмент, который поможет подготовить спецификации дизайна для разработчиков. С помощью плагина для Photoshop вы загружаете свой макет в сервис и он анализирует все используемые шрифты, цвета и показывает нужные расстояния на макете. Аналог Zeplin, но с поддержкой Photoshop. http://www.zeroheight.com/
Читать полностью…Коллекция видео примеров обучающих экранов (Onboarding) из различных приложений - http://heyuser.com/
Читать полностью…Коллекция полезных инструментов для дизайнеров, фрилансеров и других специалистов https://www.hellobonsai.com/best-freelance-tools
Читать полностью…Особенности построения приложений для Китая. Статья может быть не новая, но ознакомиться с ней это не мешает. Человек живущий в Китае подтверждает, что все так и есть - http://dangrover.com/blog/2014/12/01/chinese-mobile-app-ui-trends.html
Читать полностью…Ранее я делился с вами статьёй об особенностях построения интерфейсов для Китая. В продолжении свежий материал по этой же теме - http://dangrover.com/blog/2016/01/31/more-chinese-mobile-ui-trends.html
Читать полностью…Как вы уже наверно знаете, Facebook недавно внедрил новый механизм оценки постов - Reaction.
Большая статья об их создании https://medium.com/facebook-design/reactions-not-everything-in-life-is-likable-5c403de72a3f
Простой, но полезный сайт с курсорами различных состояний.
Просто возьми и перетащи нужный вариант в макет http://cursorio.com/
Скрипт для автоматического вертикального выравнивания объектов в Photoshop CC https://designpub.ru/%D1%81%D0%BB%D0%BE%D0%B9-%D0%B7%D0%B0-%D1%81%D0%BB%D0%BE%D0%B5%D0%BC-6cf87d2c7e4b#.y7zfjd29w
Читать полностью…В продолжение к прошлому посту про инструмент, который помогает подружить дизайнера и фронтенд разработчика.
Zeplin - крутой тул для дизайнеров, которые работает с файлами из векторного редактора Sketch.
https://zeplin.io/
Новый инструмент Koncept с возможностью создания интерактивных прототипов и проведением юзабилити-тестирования https://konceptapp.com/
Читать полностью…InVision выпустили отличный инструмент (плагин) для работы с реальными данными.
Можно быстро дублировать одинаковые объекты (чем то похоже на Repeat grid в будущем Adobe Comet) генерировать различные данные: номер телефона, имя, адрес и т.п. Или вовсе брать данную информацию с какого либо сайта напрямую.
Весь этот крутой функционал бесплатен и имеет поддержку Photoshop CC и Sketch!
Скачать плагин и ознакомиться подробнее по ссылке - http://labs.invisionapp.com/craft
Особенности построения приложений для Китая. Статья может быть не новая, но ознакомиться с ней это не мешает. Человек живущий в Китае подтверждает, что все так и есть - http://dangrover.com/blog/2014/12/01/chinese-mobile-app-ui-trends.html
Читать полностью…«Яндекс» открыл бесплатный дистанционный видеокурс Школы дизайна, запущенной летом 2015 года — слушатели курса смогут последовательно пройти все секции Школы, слушая лекции сотрудников «Яндекса» и параллельно занимаясь собственными проектами. - https://vc.ru/p/yaschool-online
Читать полностью…Подборка бесплатных иконок конца 2015 года. И пусть на дворе 2016 год. http://speckyboy.com/2015/12/21/top-50-free-icon-sets-2015/
Читать полностью…Интересный ряд статей о процессе создания продукта - IQPlanner" rel="nofollow">https://medium.com/@IQPlanner
Читать полностью…