Добро пожаловать на канал о дизайне - dui

Здесь я буду делиться с вами  полезными ссылками и интересными материалами.

Подписывайтесь!

Интересное иследование про использование многоколоночных форм.

Резюме. Никогда не делайте форму заполнения в несколько колонок!

Подробнее о самом иследование по ссылке - https://medium.com/@rofldorf/%D0%B8%D0%B7%D0%B1%D0%B5%D0%B3%D0%B0%D0%B9%D1%82%D0%B5-%D0%BC%D0%BD%D0%BE%D0%B3%D0%BE%D0%BA%D0%BE%D0%BB%D0%BE%D0%BD%D0%BE%D1%87%D0%BD%D1%8B%D1%85-%D1%84%D0%BE%D1%80%D0%BC-c82b279ffde6

Справочник оптимальных размеров изображений для популярных социальных сетей. Полезная информация, которую рекомендую сохранить в заметках - http://tilda.education/articles-images-for-social

Интересный ряд статей о процессе создания продукта - https://medium.com/@IQPlanner

Zeroheight - молодой инструмент, который поможет подготовить спецификации дизайна для разработчиков. С помощью плагина для Photoshop вы загружаете свой макет в сервис и он анализирует все используемые шрифты, цвета и показывает нужные расстояния на макете. Аналог Zeplin, но с поддержкой Photoshop. http://www.zeroheight.com/

Подборка бесплатных иконок конца 2015 года. И пусть на дворе 2016 год. http://speckyboy.com/2015/12/21/top-50-free-icon-sets-2015/

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

«Яндекс» открыл бесплатный дистанционный видеокурс Школы дизайна, запущенной летом 2015 года — слушатели курса смогут последовательно пройти все секции Школы, слушая лекции сотрудников «Яндекса» и параллельно занимаясь собственными проектами. - https://vc.ru/p/yaschool-online

Хорошая статья о проектирование и взаимодействии коммерческих интерфейсов в Смарт ТВ. Рекомендации по построению интерфейсов, статистика, а также примеры удачных интерфейсных решений. http://habrahabr.ru/company/sobakapavlova/blog/232345/

Особенности построения приложений для Китая. Статья может быть не новая, но ознакомиться с ней это не мешает. Человек живущий в Китае подтверждает, что все так и есть - http://dangrover.com/blog/2014/12/01/chinese-mobile-app-ui-trends.html

Luke Wroblewski рассказал о зависимости размера экрана устройства к времени его активности.
Итог простой, чем больше экран устройства тем выше ваша активность. http://www.lukew.com/ff/entry.asp?1956

InVision выпустили отличный инструмент (плагин) для работы с реальными данными.

Можно быстро дублировать одинаковые объекты (чем то похоже на Repeat grid в будущем Adobe Comet) генерировать различные данные: номер телефона, имя, адрес и т.п. Или вовсе брать данную информацию с какого либо сайта напрямую.

Весь этот крутой функционал бесплатен и имеет поддержку Photoshop CC и Sketch!

Скачать плагин и ознакомиться подробнее по ссылке - http://labs.invisionapp.com/craft

Основные правила и рекомендации по подготовке гайдлайнов для веб проектов, и в чем их разница перед обычным UI kit - http://book.nimax.ru/gajdlajn-dlya-veb-proektov/

Новый инструмент Koncept с возможностью создания интерактивных прототипов и проведением юзабилити-тестирования https://konceptapp.com/

Avacode - удобный инструмент для работы с PSD файлами.

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

Есть поддержка Photoshop и Sketch.

http://avocode.com/

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

Zeplin - крутой тул для дизайнеров, которые работает с файлами из  векторного редактора Sketch.

https://zeplin.io/

Большой и полезный материал на тему того, как адаптировать сайт под мобильное устройство и зачем это нужно делать. А делать это нужно!

Уже сейчас Google выдаёт в первых строчках поисковой выдачи именно те сайты, которые имеют мобильную версию.

В статье так же рассматриваются основные моменты по адаптации изображений, таблиц, выбору технологий, методах тестирования и многое другое - https://vc.ru/p/eski-mobile-site

Скрипт для автоматического вертикального выравнивания объектов в 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

О преимуществе круглых форм для фотографий профиля.

Круг лучше подчёркивает форму лица и фокусирует внимание на лице человека нежеле квадрат. Хотя это хорошо работает только с фотографиями лиц людей, другие объекты выглядят не так эффективно.
http://uxmovement.com/thinking/why-circular-profile-pictures-accentuate-faces/

Простой, но полезный сайт с курсорами различных состояний.

Просто возьми и перетащи нужный вариант в макет http://cursorio.com/