Как создать эффективную анимацию, подобрать иллюстрацию и потренироваться в типографике — все это в свежем дайджесте Нетологии.
Обучение в онлайн-университете: профессия «UI-дизайнер»
«Базовая теория веб-анимации», Tilda
В Tilda написали подробное руководство по веб-анимации. Мы законспектировали основные правила:
- Учтите, что анимация должна быть не слишком медленной, но и не летать со скоростью света. Все зависит от размера анимации: динамичная подходит небольшим элементам, а более плавная — крупным.
- Не нужно анимировать много элементов, для начала выберите один.
- Используйте Easing (сглаживание) — изменение скорости движения элемента в рамках одной анимации, оно придает естественность, характер и динамику.
- Обратите внимание на хореографию анимации — она выстраивает ритм. Движение должно хорошо прослеживаться и не быть монотонным. Анимации с ключевыми элементами должны быть ритмичны, элементы одного назначения анимируйте одинаково и с маленькой задержкой.
- Не загружайте тяжелые изображения, иначе страница будет загружаться медленно, а вы потеряете эффект от анимации.
- Для начала проверьте анимацию на компьютере с небольшой мощностью и с медленным интернетом.
«Как подобрать хорошее изображение — даже если это фотосток», setka blog
Анастасия Дьяковская на примере Unsplash показала, на что обращать внимание при поиске иллюстраций на фотостоках и какие ключевые запросы использовать.
Управление и лидерство. Выделяться из толпы — главная идея образов, связанных с лидерством. Ищете картинки, где один элемент выделяется на фоне других. Это может быть путешественник, который первым добрался до вершины, или красный цветок посреди желтого поля.
Ключевые слова: stand out, silhouette, glow, leadership, success.
Корпоративная культура и команда. Используйте фотографии опен-спейсов, мозговых штурмов или просто дружелюбных лиц — это поможет создать впечатление открытости.
Ключевые слова: teamwork, workspace, office, colleague, employee.
Спорт и ЗОЖ. Главное требование к таким картинкам — реалистичность. Здесь подойдут картинки, где тренируются спортсмены и видны эмоции.
Ключевые слова: boxing, rowing, jogging, boxing gloves, sneakers и название брендов спортивной одежды.
Еда. Ищите фотографии блюд, напитков, фруктов и приготовления пищи.
Ключевые слова: конкретные продукты, ингредиенты, блюда и термины food photography и food presentation.
Путешествия. Ищите картинки, которые покажут, как кипит жизнь в городе и каково дышится в новом месте.
Ключевые слова: определенные города и страны, beach, forest и mountains, world, globe, map.
Обучение в онлайн-университете: курс «Дизайн мобильных приложений»
«Десять ошибок разработчиков в дизайне приложений», vc.ru
Ян Австрейх законспектировал доклад Якоба Нильсена и Пейджа Лабхеймера из Nielsen Norman Group, в котором они рассказали, какие ошибки допускают веб-дизайнеры при разработке приложений. Подробно об ошибках и замечания вы можете прочитать в статье.
Неотзывчивость. Если приложение не сообщает пользователю, к чему привели его действия — он начинает сам искать ответ и заходит в тупик. Показывайте пользователям, что происходит, и как приложение интерпретировало команды и действия.
Несогласованность. Запомните: отличия осложняют. Если у пользователя сложилось представление о том, как должно работать приложение, то несоответствие ожиданием запутает его и введет в ступор.
Плохие сообщения об ошибках. Если что-то пошло не так — пользователь узнает об этом из сообщения об ошибке. Но часто ошибка произошла, но пользователь не понял, из-за чего и что ему делать дальше.
Нет шаблонных значений. Когда пользователь выполняет рутинные действия ему помогут шаблонные значения. Работа идет быстрее, когда можно выбрать один из пунктов, а не заполнять все вручную.
Неподписанные иконки. Подписывайте иконки. Если иконка не подписана, то пользователь может запутаться и не понять, для чего она нужна.
Обучение в онлайн-университете: курс «Типографика»
«5 онлайн упражнений для улучшения типографических навыков», uxpub
В uxpub поделились играми и упражнениями, которые помогут закрепить знания в типографике.
Kerntype
Если у вас возникли проблемы с расстоянием между отдельными буквами — поиграйте. Эта игра, в которой вы будете следить за пространством между буквами.
Typewar
Если дизайнер разбирается в шрифтах и может идентифицировать шрифт — это крутой дизайнер. В игре Typewar вам нужно определить общие шрифты по одной букве.
Shape Type
Игра поможет понять различия между шрифтами.
Type Connection
Хотите почувствовать себя Розой Сябитовой мира типографики? Эта игра — что-то вроде теста на совместимость при знакомстве, которая научит успешно совмещать шрифты.
Typeface Anatomy
Это веб-версия печатного типографического учебника Эллен Люптон. Поможет освежить знания в типографике и терминологии.
«Последние тренды в дизайне логотипов от Logo Lounge», uxpub
Основатель Logo Lounge рассказал о трендах в дизайне логотипов в 2019 году. Спойлер: в моде точки, крылья и двери.
Затененная азбука Морзе. Дизайнеры используют гиперэффективные точки и штрихи для логотипов.
Перегрузка. В моде наслоение графических элементов. Дизайнеры создают верхний слой с понятной информацией и загружают на вспомогательный рисунок, который завершает историю.
Сиротливые тени. Тень отображает устремления,предсказывает события, дает ощущение места и показывает объем. Но некоторые дизайнеры делают так, что тень просто не видно. Если вам нужен визуальный эффект, убедитесь, что его видно и он не потеряется при масштабировании.
Полутона. Такие логотипы имитируют ретро-дизайн 70-х годов. Они грубоваты, но идеальны для пробуждения ностальгии. Но учтите — могут возникнуть проблемы при масштабировании.
Маркеры. Иногда дизайнеры украшают свою работу маркерами — они выделяют основную область ярко-желтым цветом. Области выделения могут быть случайными или целенаправленными.
«Гейм-парад. Расходы россиян на видеоигры растут», Коммерсантъ
В Коммерсанте рассказали, что случится с расходами россиян на видеоигры в 2019 году.
Исследователи агентства Newzoo пришли к выводу, что российские геймеры в 2019 году потратят в среднем $64 или около 4 тысяч рублей. Число геймеров увеличится 800 тысяч увеличится число геймеров и составит приблизительно 66 млн. Объем всего российского игрового бизнеса достигнет $1,8 млрд:
Полезные сервисы
Онлайн-генератор глитчевых вариативных шрифтов.
На этом всё! Желаем вам вдохновляющего и сильного дизайна!
Читать еще: «16 советов по созданию логотипа от экспертов по брендингу»
Хотите написать колонку для «Нетологии»? Читайте наши условия публикации. Чтобы быть в курсе всех новостей и читать новые статьи, присоединяйтесь к Телеграм-каналу Нетологии.