Тильдошная
13.3K subscribers
637 photos
67 videos
2 files
692 links
Неофициальное и независимое комьюнити любителей Тильды
Чат https://t.me/tildoshnayachat
Download Telegram
Рубрика для вдохновения и насмотренности

Подборка изображений, которые объединяет одна идея, собранные участником нашего комьюнити. Это может быть определенный стиль типографики, графические элементы, работа с изображениями, фоны и тд.

Сегодня подборка от @SergeyKovalenko
Спасибо, Катя) Эстафету принял.
В своей подборке хочу затронуть такие элементы как эмодзи, мемоджи и анимоджи в дизайне сайтов.

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

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

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

Эстафету передаю @nevera_web Ника, твоя очередь отсыпать порцию вдохновения :)
This media is not supported in your browser
VIEW IN TELEGRAM
Вы уже пользовались модификациями для popup от ANNEXX?

На коротком видео очень простой пример с блоками анимации и изображения-паттерна на фон popup-а (ANX004 и ANX006).
Несколько кликов, пара нужных настроек и в путь.

Казалось бы, зачем там анимашка? Без неё можно, но такая деталь (в умелых руках, конечно же) — очень приятный отклик на действия пользователя.
Плагины для Figma

Nouns — плагин генерирует пиксельных человечков в SVG
Install

Timers — запускает сразу несколько таймеров. Удобно для учета рабочего времени.
Install

Tumble — создаст эффект гравитации и прибьет объекты к нижней границе фрейма. Этот плагин поможет создать забавные паттерны силами Ньютона.
Install

Copy Colors — копирует содержимое заливки и вставляет его в обводку (и наоборот). Плагин будет полезен, если заливка сложная, например, градиенты и изображения.
Install

Find and Replace — плагин поможет найти и заменить текст
Install

#плагины
This media is not supported in your browser
VIEW IN TELEGRAM
Достаточно большая коллекция старых, специфических сайтов
websitesfromhell.net

Не знаем зачем вам это, но в целях ознакомления — почему бы нет?)
(Чем дольше смотришь, тем залипательнее)
💪 Начните год с новой полезной привычки. Попробуйте ежедневную разминку от Школы Тильды.

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

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

Автор разминки — фитнес-тренер Дмитрий Тарасенко

Переходите по ссылке, включайте видео и повторяйте за Дмитрием 🙃

👉 https://tilda.school/sport
Обложки для файлов в Figma

При управлении различными проектами и файлами Figma может быть сложно сразу найти нужный проект.

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

Как сделать?
✔️Создать страницу в файле и назвать ее «Обложка». Удобно, чтобы не захламлять основную страницу. (Необязательный пункт)
✔️Нарисовать фрейм для изображения обложки (лучше всего подходит размер 1920 x 960).
✔️Наполнить обложку нужными элементами — изображение, логотип, текст большого размера или чем-то ещё, что поможет узнать проект.
✔️Щелкнуть на фрейм правой кнопкой мыши и выбрать «Set as thumbnail» (Установить, как миниатюру).
Вторая часть Tilda Workshop о создании авторского проекта для портфолио уже началась.
Разберут лучшие работы и объявим авторов, которые получат ценные призы.

Ссылка на трансляцию тут: https://tilda.link/workshop-review

Воркшоп проведёт Максим Ширко, UI/UX-дизайнер и куратор Школы Тильды.
Как грамотное планирование помогает добиваться результатов:

1. Ты не забиваешь голову миллионом задач, потому что все они находятся у тебя в ежедневнике

2. Ты знаешь, чего ты хочешь, потому что поставил себе цели и составил план по ним

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

4. Ты не злишься на себя за отдых, потому что умеешь ценить время и знаешь, как распределять ресурсы

Приходи на открытый урок курса по планированию сегодня в 18:00, который будет у Ани в инстаграме:
www.instagram.com/annvoin/

Запись на курс:
https://annvoin.ru/planning
Вечерний #inspiration из Made on Tilda.
Мы выбрали сайт из тех, что вышли за прошедшую неделю.

Эстетичный многостраничный сайт-портфолио с приятной цветовой гаммой и линиями.
https://capsule-designstudio.com/

Делитесь в комментариях сайтами из MOT, которые понравились Вам.
Хорошо провести (даже за работой) понедельник – залог настроения на неделю. А ссылки на интересные сервисы, которые могут развлечь или помочь в работе, повышают шансы. Что нашли:

Ccclaymoji — простой конструктор SVG-смайликов (пластилиновых человечков) в стиле Claymorphism.
Ссылка

Slaaashes – здесь разные градиентные абстракции, карточки залипательные, но бесплатных всего 12 (плюс в том, что можно скачать в PNG, Sketch и Figma.
Ссылка

Omni — расширение для Chrome, добавляет панель быстрого доступа, где с помощью команд можно быстро пользоваться основными функциями браузера (и возможно даже увеличить этим свою скорость работы)
Ссылка

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

The Boolean Game – bгра поможет лучше разобраться в том, как работают "булевы операции"
Ссылка

MESH Y — сервис в котором можно создавать свои или генерировать рандомным Mash градиенты.
Ссылка