ТОП антитрендов в дизайне 2021

💠Неоморфизм💠

Неоморфизм остался пережитком Dribbble образца 2019 года, когда сайт был переполнен работами в подобном стиле.
Современно, трендово, минималистично, но бесперспективно.
Низкая функциональность, сложно пользоваться при ярком солнечном свете, неудобный для пользователей за счёт низкой контрастности и ограниченных цветов. Найти реальный продукт с таким стилем сложно.

✨Тени и неуместные свечения✨

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

👾Однотипные иллюстрации👾

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

🧩Украшательство🧩

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

🧲Нехватка воздуха 🧲

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

🎈Слишком яркий и контрастный дизайн 🎈

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

🌑Темные и адаптивные темы🌑

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

Подборка плагинов для Figma:

Spellchecker — поиск и исправление опечаток в тексте.
Image Tracer — перевод растрового лого в вектор. Предварительно следует сделать изображение черным, а потом запустить плагин.
To Path — много где про него говорили, плагин, который запускает текст по кругу.
Content Reel — плагин поможет заполнить макет контентом. Телефоны, аватарки, адреса, иконки и много другого.
Isometric — автоматически повернет ваш объект в изометрии на указанное вами значение.
Max Line Length — плагин позволяет считать количество символов во всех строках текстового поля.
Mesh Gradient — плагин для создания сложных сеточных градиентов.

#плагины

⚡️Есть работа⚡️

Если вы ищете исполнителя для своего проекта, заполняйте форму https://tildoshnaya.com/works

Дано: Многостраничный сайт-визитка для психолога с возможностью ведения блога.
Бюджет: от 5000 до 10000 р
Куда писать: Telegram: @linasiz Почта: l-b-@list.ru

Дано: Нужно к интернет-магазину интегрировать 1С Управление торговлей, ред. 11 (11.4.13.85)
Бюджет: от 500 до 5000 р
Куда писать: denis@leopult.ru

Дано: В блоке "Категории номеров" на сайте https://teslahotel.ru необходимо сделать анимацию при наведении как на примере сайта: https://hitrovkahotel.com (блок «Выберите номер по вкусу». Наводим на карточку и раздвигается фон с картинкой/фото номера).
Бюджет: от 500 до 5000 р
Куда писать: @Sergeynajes

Дано: Продающий b2b лендинг с информацией о бренде и продукте с возможностью оставить заявку
Бюджет: от 10000 до 20000 р
Куда писать: e.avivo@adggroup.ru

Неразрывный пробел — специальный символ, который «связывает» два слова. Это позволяет избежать ситуации, когда одно слово остается на одной строке, а второе переносится на следующую.
Чтобы поставить неразрывный пробел, добавьте между словами: #nbsp;

Мягкий перенос — спе­ци­аль­ный неви­ди­мый сим­вол для ука­за­ния мест внут­ри сло­ва, по ко­то­рым это сло­во мо­жет быть пе­ре­не­се­но на дру­гую строку.
Чтобы поставить мягкий перенос, добавьте между символами: #shy;

(Случаи, когда используется неразрывный пробел:
Инициалы (Пушкин А.С.)
Сокращения с точками (и т. д., и т. п.)
Числа с последующим словом или единицей измерения
(20 котят, 42 км, 1984 г.)
Предлоги, союзы и некоторые частицы (ни страны, ни погоста)
Тире с предыдущим словом (иду — красивый, двадцатидвухлетний))

Еще есть неразрывный диапазон (nobr). Он используется в случаях, когда неразрывный пробел неуместен. Это касается телефонных номеров и ряда слов, которые пишутся через дефис (некоторые браузеры переносят слова в месте дефиса).

В начале года в школе Тильды полностью обновили программу и записали новые уроки для курса Tilda Start.

Теперь обновился дизайн страницы курса
👉 https://tilda.school/start

Курс с новой программой стартует сегодня. Уроки уже доступны в личном кабинете, а первый эфир начнется в 19:00 МСК/Киев.

После этого потока будет перерыв. Поэтому если вы планировали пройти Start — сейчас самое время 😏 https://tilda.school/start


P.S. Вчера был вступительный урок с Максимом Ширко. Если хотите послушать подробно о программе и посмотреть на новую студию Максима — запись здесь: https://link.tilda.school/openlesson-start9

Приятный одностраничный скроллер, вдохновленный миром видеоигр, от семьи, создавшей Nintendo.
By 米道昌弘 / MOUNT INC. 🕹 https://y-n10.com

#inspiration

📱 29-30 апреля Максим Ширко проведет онлайн-интенсив по дизайну мобильных версий сайта на Тильде

Максим за 2 дня расскажет, как адаптировать дизайн сайта, интерактивность и анимацию для мобильных устройств

Участие бесплатное. Регистрируйтесь по ссылке 👉 https://webinars.tilda.cc/mobile-intensive


💫 Программа интенсива

День 1 | 29 апреля
• Актуальный подход к созданию мобильных версий
• Тренды дизайна для мобильных 2021
• Принцип адаптации сайта на Тильде
• Особенности адаптации в Zero Block

День 2 | 30 апреля
• Как добавить интерактивность
• Возможности мобильной анимации
• Хорошие примеры мобильной анимации
• Дизайн сложных элементов

Полезные дизайн-игры для вскрытия неочевидных пробелов у дизайнеров в сегодняшней подборке. 🙊 Делитесь результатами!

1. Шрифтовая игра https://foont.co/

2. Осваиваем перо https://bezier.method.ac/

3. Эта игра заставит вас бомбить https://cantunsee.space

4. Тренировка кернинга https://type.method.ac

5. Найди тот самый продающий красный
https://meduza.io/games/tsvet-nastroeniya-krasnyy-igra-meduzy

Вспоминаем о параметре Pointer events в Zero Block. Для чего и чем удобно?

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

Например, нам нужно добавить кнопку в Zero Block и наложить поверх неё стрелку на прозрачном фоне.
— Нажмём на верхний элемент > перейдём в настройки > Pointer Events и установим значение None.
Теперь верхний элемент (стрелка) стал невидимым для мыши — можно наводить и нажимать на кнопку.

Если для верхнего элемента установить Pointer Events — Auto, на кнопку невозможно будет нажать — её перекрывает верхний элемент.

#Tilda

Сбой в открытии сайтов с https-сертификатами

Некоторые сайты с https-сертификатами не открываются. Чтобы сертификат заработал и сайт открылся, необходимо:
1. Проверить текущий IP-адрес. Если указан 185.203.72.17, его необходимо заменить на 185.129.100.113.
2. Если указан другой IP-адрес, его необходимо заменить на 185.129.100.112.
3. Перейдите в Настройки сайта > SEO > HTTPS > выключите и включите https.
Готово! Все должно заработать.

Для Казахстана и Беларуси: если домен вашего сайта в зоне .kz или .қаз, ip-адрес должен быть 77.220.207.191. Для доменов в зоне .by — 45.155.60.8.

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

🌱 Виды успокаивающих чаев

• Чай из липы и мелиссы с добавлением меда для снятия раздражительности

• Чай из пустырника и мяты с добавлением аптечной ромашки, липы, мелиссы и высушенный ягод земляники. Подобный отвар легко воздействует на нервную систему, нежно успокаивая ее и не нанося никакого вреда

• Зеленый чай, смешанный с липой, мелиссой и зверобоем

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

Поиск исполнителя

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

Как это работает:

1. Заказчик заполняет форму
2. В этом телеграм-канале мы будем публиковать подборку пришедших проектов
3. Исполнители пишут Заказчику напрямую

Начните поиск прямо сейчас! https://tildoshnaya.com/works