Вся база по сеткам в дизайне за 30 секунд by artsasha_tilda
Немного теории о сетках, будет полезно тем, кто только начинает свой путь в дизайне.
#туториал
Катя IOWA в платье из «второй кожи» авторства дизайнера Максима Драчева.
По словам Драчева, «вторая кожа» — это оболочка, в которой человек одновременно скрывается и проявляется. Этот мотив стал ключевым в его недавней коллекции.
Платье Кати выполнено из полупрозрачной сетки и плиссированного шифона, формирующего сложную, живописную фактуру. Поверхность создавалась из модулей: мелкие прямоугольные элементы разной величины вручную нашивались на основу, образуя градиент,
— рассказал дизайнер The Blueprint.
Подписывайтесь на вечернюю рассылку | 🔹The Blueprint News
Наша серия бесплатных активностей продолжается: новый интенсив по нейросетям стартует уже завтра 🔥
На этой неделе займемся созданием промосайтов с помощью ИИ. Будем генерировать эффектный визуал для продукта, а также погрузимся в работу с композицией и нестандартными сетками, чтобы сделать ваш дизайн еще ярче.
Как всегда, вас ждет бесплатная практика и токены. Плюс домашние задания, разборы и розыгрыш призов.
План следующий:
➡️19 марта (чт): подробная лекция по дизайну промосайтов, 1-е домашнее задание и бесплатные токены для его выполнения
➡️20 марта (пт): закрытый урок, 2-е домашнее задание и бонусные токены за сдачу практики
➡️23 марта (пн): разбор работ и розыгрыш токенов Utopy.ai
➡️ Участвовать в интенсиве
200
Постепенно начинаю открывать кейсы FOYEAH — моего независимого дизайн- и бренд-консалтинга.
Один из наших больших проектов — платформа для Library for Architecture из Еревана.
LFA — больше, чем библиотека. Это среда, где книги, обсуждения, воркшопы и люди вокруг них собираются в живое архитектурное сообщество.
Новая инициатива ребят Live Archive объединяет исследовательские архитектурные и урбанистические работы со всего мира, связанные с Арменией.
В FOYEAH мы разработали дизайн платформы и ее визуальную систему.
Вызовом было удержать баланс между двумя крыльями проекта: архивом как инструментом и LFA как институцией. Так, чтобы сайт не раскололся на две независимые части.
Главную страницу мы спроектировали с буквально «живым» ритмом и сеткой. Для архива продумали несколько сценариев просмотра, а для лонгридов — конструктор, который помогает превращать большие исследовательские материалы в легкую для чтения форму. Словно не спеша листаешь архитектурный журнал.
Мотив точек из айдентики LFA обрел вторую жизнь — в интерфейсе он стал не только графическим, но и навигационным элементом. Что, пожалуй, символично: ведь это архив, которому движение ближе, чем покой.
Смотрите кейс —
https://www.behance.net/gallery/245336535/Library-for-Architecture
📅 Бесплатные вебинары Тильды в марте
В марте узнаете, как формировать доверие покупателей, добиваться «дорогого» дизайна в стиле минимализм, а также увидите разбор сайтов на Тильде. Регистрируйтесь, чтобы получить ссылку на вебинар перед началом:
▶️ 11 марта в 13:00
Дизайн-ревью сайтов на Тильде в прямом эфире
https://t.me/TildaEventsBot?start=dl-1748948697d0edc996dc08
▶️ 17 марта в 13:00
Как создать блог на Тильде. Быстрый старт
https://t.me/TildaEventsBot?start=dl-1772455090aa90626f4767
▶️ 19 марта в 13:00
Поведенческая психология покупателя: как сформировать доверие через экран
https://t.me/TildaEventsBot?start=dl-17724578299b8b49c3f01b
▶️ 26 марта в 15:00
Как добиться «дорогого» дизайна в минимализме: воздух, сетки, типографика
https://t.me/TildaEventsBot?start=dl-1772458620df405f86e80d
Записи всех вебинаров сохраняются в ВК Видео на YouTube-канале Тильды. Подписывайтесь, чтобы не пропустить новые видео:
📱 в ВК Видео → https://vk.com/tildapublishing
📺 на YouTube → https://www.youtube.com/@TildaPublishing
Лицензирование шрифтов в России: что нужно знать дизайнерам и бизнесу
Опубликовал на сайте большой материал с разъяснениями по вопросу, который регулярно всплывает в личке: «А что мне вообще можно делать с этим шрифтом?»
Коротко о том, что внутри:
Шрифт — это не просто файл. Юридически он защищён сразу по двум статьям ГК РФ: как программа для ЭВМ и как произведение графического дизайна. Скачать где-то файл шрифта ≠ получить права. Это ключевое заблуждение, за которое потом прилетают иски (от меня пока не прилетало 😁).
Авторское право не нужно регистрировать! Оно возникает автоматически с момента создания — это прямо прописано в ст. 1257 ГК РФ. Никаких свидетельств, нотариусов и РАО для защиты не требуется.
Студии продают лицензии по тарифным сеткам: отдельно за устройства, отдельно за pageviews, отдельно за приложения. Запутаться легко, переплатить — ещё легче. Моя новая лицензия устроена иначе: одна покупка — все виды использования, без счётчиков и ограничений по тиражам.
В конце статьи — подробный FAQ, если не хочется вчитываться в текст Лицензии: можно ли передать файл шрифта заказчику, можно ли использовать шрифт SP в логотипе под товарный знак, как встраивать на сайт, что нужно бухгалтерии для корректности сделки и многое другое...
→ ЧИТАТЬ СТАТЬЮ
→ ЧИТАТЬ СТАТЬЮ
→ ЧИТАТЬ СТАТЬЮ
#шрифт #типографика #лицензия #графическийдизайн #право #гайд
Affinity by Canva!
Affinity gives you pro-grade photo editing, vector design, illustration, and layout — all in one app, for free.
Полностью бесплатное приложение на MacOS/Windows для векторного дизайна, редактирования и ретуширования, верстки сетки!
🔗 affinity.studio
#ЩLAB by r.
Этот сайт достаточно минималистичный на контент, но всё равно смог удивить типографикой с использованием сложной сетки, наличием приятных эффектов рядом с курсором и liquid анимацией в хиро-блоке и подвале. Люблю, когда начало и конец сайта мэтчатся, образуя «кольцевую композицию» (как в кино)
www.topology.vc
🔔 Вы рисовали колокольчик, а вам говорят, что это нос
Потратили кучу времени на иконку, придумали классную метафору, отрисовали. Показали коллегам, спросили, для чего эта иконка. Если вы рисовали колокольчик, а вам говорят «нос» — смиритесь. Первая ассоциация самая верная. Цель коммуникации — реакция. Если реакция не совпадает с ожидаемой, значит коммуникация провалилась.
Александр Никитин, UX/UI-дизайнер в Экзон, создал набор из 250 иконок и написал про весь процесс. Главный тезис: начинать нужно с конца. Сначала сформулировать, какая библиотека нужна в итоге, потом рисовать. От этого зависит всё: нейминг, структура, формат, насколько легко масштабировать и поддерживать. Парадокс работает: когда знаешь финальную картину, не наломаешь дров.
Внутри:
— Хинтинг и пиксельная сетка: почему иконка размывается, если поставить не в край пикселя;
— Сохраняйте базы: векторные объекты до их преобразования, чтобы потом не переделывать с нуля;
— JTBD для иконок: когда делаю макет, хочу быстро вставить нужную иконку, чтобы не отвлекаться на правки;
— Все иконки одинаково важны: не делите на главные и второстепенные;
— Иконки не должны быть красивыми, а должны работать: не отвлекать, а дополнять интерфейс.
Статья с конкретными горячими клавишами Фигма, примерами структуры, проверками на дубли и ошибки. Если делаете библиотеку иконок, почитайте до создания, а не после переделок.
А вы когда-нибудь создавали иконку, которую никто не понял?
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Как я пилю свой продукт. Часть 26
После релиза кабинета рекрутера 2 февраля я почти не вылезал из кода. Основной фокус был не на «добавить кнопки», а на то, чтобы всё это держало нагрузку, не сыпалось и работало быстро.
Коротко: докрутил рекрутерскую часть, сильно ужал расходы на инфраструктуру и снизил количество лишних запросов в Redis (примерно х10 раз), что сэкономит мне денег за месяц.
🔘 Что сделал:
– Стабилизировал кабинет рекрутера: поправил гонки в БД, доработал логику откликов/чатов, метки прочитанного, статусы, ограничения и защиту API;
– Причесал страницы рекрутера: список вакансий и детальная стали удобнее, добавил CTR, копирование ссылки, slug-ссылки, адаптив и кучу мелких UX-фиксов;
– Сильно переработал кеши: Redis + request-scoped кеши + negative cache + gzip для данных поиска/вакансий, чтобы меньше долбить БД и API;
– Снизил нагрузку на БД: батчинг аналитики и событий, буферизация через Redis, фоновые флаши и дневные агрегаты;
– Подкрутил инфраструктуру: Gunicorn, CPU на проде, таймауты и health-check Redis;
– Разнес монолитный главный файл на модульную структуру (bootstrap/blueprints), чтобы дальше не утонуть в хаосе;
– Обновил стратегию кеширования фронта;
– Добавил PWA-базу (иконки/manifest/service worker + offline fallback). Теперь можно добавить сайт на домашний экран и пользоваться как приложением;
– Доработал проверку резюме и PDF: асинхронная генерация, кеш, улучшения по мобильному UI. Ну и теперь проверка резюме даёт более подробную информацию чуток)
– Разбил большой css файл на 24 маленьких и ничего не сломал))
– Поработал чуть по SEO и вывел в поиск 1000+ страниц по разным параметрам, посмотрим, какой эффект это даст.
👀 Что по цифрам:
– Были рекордные показы по SEO из гугла и яндекса, а также клики (всё это за 0 рублей);
– Рекорд по выручке за последние 30 дней;
– DAU приближается к 4к пользователей (шок). Цель 10к DAU;
– Каждый день 200+ регистраций.
– Сотни сопроводительных и проверок CV каждый день;
– 200+ откликов добавляют в менеджер откликов ежедневно;
За последний месяц, чтобы вы понимали рост, я до сих пор не осознаю пока:
– Сопроводов сгенерировано на 138% больше, чем за прошлый период;
– Сиви проверено на 103% больше;
– Мэтчей на 133%;
– Поисковые запросы на сайте на 58%;
– Откликов добалвено на 103% больше;
– Рост регистраций на 117%;
🌐 Из важного ещё
Я научился хорошо парсить Linkedin (его не просто парсить, ибо у них закрытое апи и в целом хреновый поиск), поэтому теперь вакансий с прямым контактом будет ещё больше. Ну и расширяю сетку рекрутеров тоже. И я почти полностью ушёл от HH. Теперь их вакансий на сайте меньше 5% и только по дизайну (редко). В скором времени откажусь ещё от пары агрегаторов, чтобы давать только прямые контакты.
Пришлось немного улучшить машинку, которая тянет всё это дело, ибо старая стала подтупливать) Теперь всё гуд.
Сейчас цель простая: продолжать усиливать рекрутерский контур и доводить путь вакансия → отклик → чат → оффер до максимально бесшовного состояния.
Весь упор сейчас буду делать на рекрутеров, чтобы привлекать их в сервис. Пока не знаю как, если есть идеи — пишите.
Спасибо каждому, кто пишет фидбек в личку. Это реально помогает делать продукт лучше каждый день. А его я получаю ежедневно с массой благодарности. Спасибо!!!
Если у вас есть вопросы, пожелания, предложения, приходите в лс
➡️ Смотреть вакансии
➡️ Смотреть вакансии
➡️ Смотреть вакансии
ч.25
Всем привет! Поделитесь пожалуйста, как вы обосновываете такие решения с текстом клиентам? Нужен совет.
Презентовал сайт клиенту, и в этом случае он сказал, что у меня все поехало. Что ответить, кроме того, что это центровая линия и все соответствует сетке?😅
Всем привет! Поделитесь пожалуйста, как вы обосновываете такие решения с текстом клиентам? Нужен совет.
Презентовал сайт клиенту, и в этом случае он сказал, что у меня все поехало. Что ответить, кроме того, что это центровая линия и все соответствует сетке?😅
Free Icon Set — иконки с открытым исходным кодом, основанные на сетке 14 пикселей.
app.streamlinehq.com/icons/streamline-mini-line
Grids Generator — плагин поможет создать стиль сетки макета прямо в Фигме.
📝 Как правильно работать с кеглем и интерлиньяжем?
Привет! На связи Маргарита куратор и дизайнер студии UPROCK 👋🏼
Ранее вы видели разбор по типографике в мобильных интерфейсах, а сегодня предлагаю пойти глубже и посмотреть на типографику в вебе.
⚡️В этом видео я разбираю один из самых тонких и недооцененных этапов в дизайне сайтов: работу с кеглем, интерлиньяжем и трекингом.
Очень часто на этапе детализации макетов у дизайнеров возникает ступор: вроде шрифт хороший, сетка есть, отступы расставлены, а страница все равно не читается. Пользователю сложно понять, за что зацепиться взглядом и с чего начать.
📌 А ведь типографика – это основа любого веб-проекта.
Заголовки, тексты, кнопки, формы, подписи – все это работает как единая система. Даже без цвета, графики и декора можно собрать сильную страницу, если типографика настроена правильно.
🎥 В видео на примерах студенческих работ я показываю:
• как кегль формирует визуальную иерархию и помогает выделять главное;
• почему без проработки размеров текста даже аккуратный макет становится хаотичным;
• как контраст кеглей может стать фишкой проекта;
• почему интерлиниаж нельзя оставлять «auto» и как он влияет на группировку смысла;
• как трекинг делает шрифт либо стильным и собранным, либо уставшим и разряженным;
• на что особенно важно обращать внимание при работе с популярными шрифтами вроде Inter или Playfair Display.
А также делюсь подборкой проектов наших студентов и выпускников для вашего вдохновения:
⚡️Михаил Зубец – Anya Hindmarch
⚡️Александр Тимошин – MAIDEN HOME
⚡️Анастасия Зайцева – OpenAI
⚡️Виктория Ким – Tadao Ando
⚡️Юлия Беляева – BLUE ORIGIN
😎 Коробка CG-каналов для Вас, распаковка🥳
👩🎨 @cgfreelance - вакансии и проекты по CG.
🤖 @cgAIFreelance - вакансии и проекты по AI в CG
🎬 @cgnews - новости из мира CG.
🤠 @darkmax3d - короткие уроки и секреты по 3dsMax.
🛸 @tyflowevent - проекты TyFlow, качай и юзай.
🫥 @polymodel - примеры построения сетки в 3d.
🍩 @blender_tricks - короткие уроки и секреты по Blender.
🚠 @geometrynodes - проекты для Blender, качай и юзай.
😎 @threeDailys - ваши работы CG.
⚖️ @cgblacklist - черный список в CG.
😀 Можно добавить все каналы одной удобной папкой
https://t.me/addlist/0bFapsjsiQ9lYmIy
😘 Забираем в копилку! #art
Обновление: BentoGrid v0.2
1. В режиме Total новые опции для создания большой ячейки Hero Сell (случайным размером 40-65% от габаритов сетки) и её центрирование Center It.
2. Ввод чисел в поля зазора между ячейками Gutter и радиуса скругления Corner Radius обновляет последнюю сгенерированную сетку.
3. Генерация сеток происходит без раздражающего «моргания» с новым методом перерисовки сеток на экране.
Обновление отправил на электронную почту покупателям (могло попасть в папку «Спам»).
Подробнее о скрипте
#illustrator #draw #paid
Зима — идеальное время, чтобы радоваться простым вещам: тишине, падающему снегу. И аккуратным сеткам без визуального шума.
В Швейцарии давно поняли, что красота — в ясности. Поэтому их дизайн выглядит как свежий утренний воздух в горах: холодный, прозрачный и чистый. Если вам нравится порядок без скуки, минимализм без пустоты и типографика, которая дышит — согревайтесь эстетикой и вдохновляйтесь примерами в статье медиа.
#польза @contented
