Как создать эффективную анимацию, подобрать иллюстрацию и потренироваться в типографике — все это в свежем дайджесте Нетологии.

Обучение в онлайн-университете: профессия «UI-дизайнер»

«Базовая теория веб-анимации», Tilda

В Tilda написали подробное руководство по веб-анимации. Мы законспектировали основные правила:

  1. Учтите, что анимация должна быть не слишком медленной, но и не летать со скоростью света. Все зависит от размера анимации: динамичная подходит небольшим элементам, а более плавная — крупным.
  2. Не нужно анимировать много элементов, для начала выберите один.
  3. Используйте Easing (сглаживание) — изменение скорости движения элемента в рамках одной анимации, оно придает естественность, характер и динамику.
  4. Обратите внимание на хореографию анимации — она выстраивает ритм. Движение должно хорошо прослеживаться и не быть монотонным. Анимации с ключевыми элементами должны быть ритмичны, элементы одного назначения анимируйте одинаково и с маленькой задержкой.
  5. Не загружайте тяжелые изображения, иначе страница будет загружаться медленно, а вы потеряете эффект от анимации.
  6. Для начала проверьте анимацию на компьютере с небольшой мощностью и с медленным интернетом.

«Как подобрать хорошее изображение — даже если это фотосток», setka blog

Анастасия Дьяковская на примере Unsplash показала, на что обращать внимание при поиске иллюстраций на фотостоках и какие ключевые запросы использовать.

Управление и лидерство. Выделяться из толпы — главная идея образов, связанных с лидерством. Ищете картинки, где один элемент выделяется на фоне других. Это может быть путешественник, который первым добрался до вершины, или красный цветок посреди желтого поля.

Ключевые слова: stand out, silhouette, glow, leadership, success.

Дизайн-дайджест №8: полезные статьи и сервисы

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

Ключевые слова: teamwork, workspace, office, colleague, employee.

Дизайн-дайджест №8: полезные статьи и сервисы

Спорт и ЗОЖ. Главное требование к таким картинкам — реалистичность. Здесь подойдут картинки, где тренируются спортсмены и видны эмоции.

Ключевые слова: boxing, rowing, jogging, boxing gloves, sneakers и название брендов спортивной одежды.

Дизайн-дайджест №8: полезные статьи и сервисы

Еда. Ищите фотографии блюд, напитков, фруктов и приготовления пищи.

Ключевые слова: конкретные продукты, ингредиенты, блюда и термины food photography и food presentation.

Дизайн-дайджест №8: полезные статьи и сервисы

Путешествия. Ищите картинки, которые покажут, как кипит жизнь в городе и каково дышится в новом месте.

Ключевые слова: определенные города и страны, beach, forest и mountains, world, globe, map.

Дизайн-дайджест №8: полезные статьи и сервисы

Обучение в онлайн-университете: курс «Дизайн мобильных приложений»

«Десять ошибок разработчиков в дизайне приложений», vc.ru

Ян Австрейх законспектировал доклад Якоба Нильсена и Пейджа Лабхеймера из Nielsen Norman Group, в котором они рассказали, какие ошибки допускают веб-дизайнеры при разработке приложений. Подробно об ошибках и замечания вы можете прочитать в статье.

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

Несогласованность. Запомните: отличия осложняют. Если у пользователя сложилось представление о том, как должно работать приложение, то несоответствие ожиданием запутает его и введет в ступор.

Плохие сообщения об ошибках. Если что-то пошло не так — пользователь узнает об этом из сообщения об ошибке. Но часто ошибка произошла, но пользователь не понял, из-за чего и что ему делать дальше.

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

Неподписанные иконки. Подписывайте иконки. Если иконка не подписана, то пользователь может запутаться и не понять, для чего она нужна.

Обучение в онлайн-университете: курс «Типографика»

«5 онлайн упражнений для улучшения типографических навыков», uxpub

В uxpub поделились играми и упражнениями, которые помогут закрепить знания в типографике.

Kerntype

Если у вас возникли проблемы с расстоянием между отдельными буквами — поиграйте. Эта игра, в которой вы будете следить за пространством между буквами.

Дизайн-дайджест №8: полезные статьи и сервисы

Typewar

Если дизайнер разбирается в шрифтах и может идентифицировать шрифт — это крутой дизайнер. В игре Typewar вам нужно определить общие шрифты по одной букве.

Дизайн-дайджест №8: полезные статьи и сервисы

Shape Type

Игра поможет понять различия между шрифтами.

Дизайн-дайджест №8: полезные статьи и сервисы

Type Connection

Хотите почувствовать себя Розой Сябитовой мира типографики? Эта игра — что-то вроде теста на совместимость при знакомстве, которая научит успешно совмещать шрифты.

Дизайн-дайджест №8: полезные статьи и сервисы

Typeface Anatomy

Это веб-версия печатного типографического учебника Эллен Люптон. Поможет освежить знания в типографике и терминологии.

Дизайн-дайджест №8: полезные статьи и сервисы

«Последние тренды в дизайне логотипов от Logo Lounge», uxpub

Основатель Logo Lounge рассказал о трендах в дизайне логотипов в 2019 году. Спойлер: в моде точки, крылья и двери.

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

Дизайн-дайджест №8: полезные статьи и сервисы

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

Дизайн-дайджест №8: полезные статьи и сервисы

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

Дизайн-дайджест №8: полезные статьи и сервисы

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

Дизайн-дайджест №8: полезные статьи и сервисы

Маркеры. Иногда дизайнеры украшают свою работу маркерами — они выделяют основную область ярко-желтым цветом. Области выделения могут быть случайными или целенаправленными.

Дизайн-дайджест №8: полезные статьи и сервисы

«Гейм-парад. Расходы россиян на видеоигры растут», Коммерсантъ

В Коммерсанте рассказали, что случится с расходами россиян на видеоигры в 2019 году.

Исследователи агентства Newzoo пришли к выводу, что российские геймеры в 2019 году потратят в среднем $64 или около 4 тысяч рублей. Число геймеров увеличится 800 тысяч увеличится число геймеров и составит приблизительно 66 млн. Объем всего российского игрового бизнеса достигнет $1,8 млрд:

Дизайн-дайджест №8: полезные статьи и сервисы

Полезные сервисы

Онлайн-генератор глитчевых вариативных шрифтов.

Дизайн-дайджест №8: полезные статьи и сервисы

На этом всё! Желаем вам вдохновляющего и сильного дизайна!

Читать еще: «16 советов по созданию логотипа от экспертов по брендингу»

Хотите написать колонку для «Нетологии»? Читайте наши условия публикации. Чтобы быть в курсе всех новостей и читать новые статьи, присоединяйтесь к Телеграм-каналу Нетологии.

Оцените статью

Средняя оценка 5 / 5. Всего проголосовало 1

Телеграм Нетологии
 

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


Помогла статья? Оцените её!
0 из 5. Общее количество голосов - 0