[Из песочницы] Конвертирование из Sketch в PSD

Конвертирование дизайн-макетов из формата .Sketch в .PSD



SKETCH — мощный инструмент, который давно используют веб-дизайнеры по всему миру. Своей популярностью он обязан высокой производительностью и уникальной системой символов, с возможностью создания для них отдельных подключаемых библиотек.

К сожалению, пользоваться этой артиллерией могут лишь обладатели компьютеров на платформе MAC OS. Продукты Adobe являются доминирующим инструментом для веб-дизайнеров, работающих под ОС Windows, но сильно уступают перед «Sketch». Исходя из этого, вопрос конвертации макета для просмотра на обоих операционных системах актуален как никогда.

В этой статье будут рассмотрены тонкости процесса конвертирования, преимущества и недостатки различных методов.
Читать дальше →

Анимация в мобильных приложениях. Тестируем Kite compositor



В 2017 году для MacOS вышла программа Kite compositor, которая может стать посредником между дизайнерами и разработчиками. Основная идея — быстрое создание анимации и прототипирование с последующей генерацией кода для платформы iOS. На структуре программы мы останавливаться не будем, на эту тему уже есть подробный материал. Цель нашей статьи — эксперимент. Дизайнер попробует создать анимацию с помощью программы, а разработчики проверят код и дадут обратную связь.
Читать дальше →

Разделение чатов и поиск в Telegram

В своей предыдущей публикации я описал 5 спорных UX/UI решений в Telegram и она получилась довольно неоднозначной (стоит только взглянуть на ее рейтинг 16 против 13). Основной причиной негодования было отсутствие в моём списке разделения чатов, что поначалу вызвало у меня определенное недоумение, а позже хорошенько все переосмыслив я понял проблему и постарался найти для нее оптимальное решение.


image

Читать дальше →

Аутентификация в мобильных приложениях

История с предысторией


Идеальный телефон, как верный пёс, должен узнавать хозяина по запаху и охранять имущество от посторонних.

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

У людей с нюхом намного хуже, поэтому в их естественной среде обитания пришлось разрабатывать искусственные системы опознания, такие как подорожная грамота, условные жесты и конспиративные пароль и отзыв.

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

Скоро этого стало не хватать. У первобытных программистов появились идентификаторы, затем логин с паролем – и вот перед нами классическая Basic Authentication протокола HTTP.
Читать дальше →

Эмпатическое картирование: когда и как им пользоваться?

Я перевел свежую статью на IDF, авторов Рикке Дама и Тео Сяна. Статья содержит инструментальную полезную и простую методику перехода от наблюдений за пользователем к определению его потребностей при разработке вашей услуги или продукта. image А вы знаете, что пользователи скорее выберут, купят и будут использовать продукты, которые просто отвечают их пожеланиям и потребностям? Эмпатическое картирование помогает понять потребности пользователя, пока вы занимаетесь медитацией над пониманием для кого же все таки вы делаете дизайн продукта? Есть много разных техник, чтобы развить этот способ эмпатии. Эмпатическое картирование одна из таких техник, которая помогает прочувствовать и собрать воедино ваши наблюдения на стадии исследований и выразить неожиданные озарения по поводу потребностей пользователей вашего продукта. Эмпатическое картирование позволяет обобщить изученное в результате встреч с людьми во время исследовательской стадии дизайна. Подобная карта показывает четыре основных области, на которых нужно сосредоточить внимание, таким образом обеспечив обзор опыта пользователя (того самого UX, *прим. перев.). Эмпатические карты это отличный инструмент для создания идеализированных портретов пользователей, которые потом тоже лучше сделать. ...Далее...

Полезное дизайнеру — выпуск №3. Нужные под рукой новинки из сообществ, призванные улучшить ваш workflow



В этом выпуске вы в очередной раз найдете 15 ссылок на разные релизы, авторы которых вносят значительный вклад в развитие профессионального сообщества дизайнеров и разработчиков. В сегодняшем выпуске будет summary того, что я уже публиковал на канале «Полезное дизайнеру», а именно: Froala design blocks, иллюстрации Undraw, Sketch-react by Airbnb, 5 полезных вебтулов, 2 ссылки по теме UX, быстрый туториал по изометрическим иллюстрациям и 3 ссылки полезные для разработчиков. Спасибо за внимание и с наступающим!
Читать дальше →

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

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

Дайджест продуктового дизайна, декабрь 2017
Читать дальше →

Как мы Raiffeisen.ru редизайнили

Слушай, я не помню как так вышло, но решили запустить новый сайт Райффайзенбанка. Прошлый был с вертикальным меню слева, ты, возможно, даже помнишь его. И кстати, он неплохой в целом получился, для своего времени. Его все нежно любили, как старого подслеповатого пса, привыкли, понимаешь? Но мышей он уже не ловил, не пес в смысле, а сайт конечно. Я про бизнес-задачи. Навигация какая-то кривая, обилие тупиковых страниц. Ладно бы они рассказывали про представительство банка в Сьерра-Леоне, так нет же, про продукт страницы. И сложилось понимание, нельзя так жить больше, у бизнеса сложилось, мы-то давно на низком старте. С пользователями посложнее, они изменения не любят, как известно. Тут мы, в некотором смысле, выступаем миссионерами, несем благую весть, так сказать. В общем, принялись за дело.

Читать дальше →

Головная боль от RecyclerView.Adapter — выход есть

Привет, Хабр! Сегодня в нашем блоге Макс Туев, архитектор Surf, одной из наших сертифицированных студий. Ребята занимаются заказной разработкой, поэтому сроки важны не меньше, чем качество кода. Подходы и технологии, которые тормозят разработку, здесь не подходят. Хороший пример такого — RecyclerView.Adapter. Под катом Макс расскажет, как сэкономить время и нервы. Слово Максу.
Читать дальше →

Мобильный UX-дизайн в 2018 году: тенденции и прогнозы

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


Читать дальше →


Последние посты