Инструменты для дизайнеров Vision Island

3D для тех, кому страшно открывать Blender Spline работает в браузере и по ощущениям ближе к Figma, чем к классическим 3D-пакетам. Примитивы, материалы, свет, всё двигается мышкой. За вечер реально собрать объёмную иллюстрацию для первого экрана. Сцену можно сделать интерактивной, чтобы объект поворачивался за курсором, и встроить на сайт. Или выгрузить картинкой либо видео. Есть бесплатный тариф. https://spline.design/ Vision Island: инструменты для дизайна

Пустой экран — тоже экран Новый пользователь открывает раздел «Заказы», а там белое поле и надпись «Нет данных». Сломалось или так задумано, непонятно. Хорошее пустое состояние отвечает на два вопроса: что здесь появится и что сделать, чтобы появилось. «Здесь будут ваши заказы. Выберите что-нибудь в каталоге», и кнопка в каталог. Иллюстрация по желанию. Текст и кнопка обязательны. Vision Island: инструменты для дизайна

Почему жёлтый и синий с одинаковой яркостью выглядят по-разному Собираете палитру в HSL, ставите всем цветам Lightness 50%. Жёлтый светится, синий проваливается в темноту. HSL считает яркость математически, а глаз устроен иначе. В модели OKLCH яркость привязана к восприятию. Цвета с одинаковым L действительно выглядят одинаково светлыми, поэтому ровные шкалы оттенков для дизайн-системы строить в ней гораздо проще, и контраст получается предсказуемым. Пощупать можно в пикере от Evil Martians. Браузеры запись oklch() уже понимают, в Figma пока только через плагины. https://oklch.com/ Vision Island: инструменты для дизайна

Как этот шрифт выглядит в жизни На сайте словолитни любой шрифт хорош: его показывают в выгодном кегле и на выгодном фоне. Fonts In Use собирает реальные случаи. Афиши, упаковка, сайты, книжные обложки, вывески, и у каждого примера подписано, какие шрифты использованы. Можно вбить название шрифта и посмотреть, как он ведёт себя в чужих работах. Или идти от обратного: листать по отраслям и выписывать то, что зацепило. https://fontsinuse.com/ Vision Island: инструменты для дизайна

Чтобы цифры в таблице не прыгали В большинстве шрифтов единица уже восьмёрки. В тексте это красиво, а в таблице, таймере или ценнике цифры начинают плясать, и столбцы не выравниваются. Лечится табличными цифрами, у которых ширина одинаковая. В Figma они включаются в настройках текста: Type details, вкладка Details, раздел Numbers. Верстальщику скажите font-variant-numeric: tabular-nums. Шрифт должен это поддерживать. Inter и Roboto умеют точно. Vision Island: инструменты для дизайна

Скиллы для агента в Figma: с чего начать У агента в Figma появились скиллы. Это обычные текстовые инструкции, которые вызываются через слэш. В Community их уже больше пятидесяти, ставятся в пару кликов. Посмотрели, что там есть. Самый полезный на вид — /ui-state-expander. Показываете ему экран, и он достраивает всё, про что обычно забывают: загрузку, пустое состояние, ошибку, неактивные кнопки. Ровно те вопросы, которые потом задаёт разработчик. Ещё любопытный /find-animation-opportunities. Проходит по макету и предлагает, где анимация уместна, а где лишняя. Агент пока в открытой бете и доступен на платных планах. Vision Island: инструменты для дизайна

Дизайн и поиск работы 2026 Примите участие в большом исследовании: как меняется рынок труда в дизайне? Пройти опрос 2026 Для кого этот опрос? • Для наёмных работников • Для дизайнеров любого уровня • Для любых руководителей в сфере дизайна, которые сами являются наёмными работниками • Для работающих и безработных специалистов • Для ребят, который осознанно ушли в бессрочный творческий отпуск Ответы принимаются до 31 декабря 2026 года. Результаты исследования будут опубликованы в январе 2026. → Посмотреть отчёт за 2025 год

Penpot, если с Figma не сложилось Поводы бывают разные. Не проходит оплата, заказчик требует хранить макеты на своём сервере, или просто не хочется зависеть от одной компании. Penpot — редактор интерфейсов с открытым кодом. Работает в браузере, есть компоненты, варианты, дизайн-токены, прототипы и совместная работа. Его можно поставить на собственный сервер, и файлы не уйдут наружу. В облаке есть бесплатный тариф. К логике придётся привыкать: лейауты там устроены как Flex и Grid в CSS. Зато верстальщики такие макеты любят. https://penpot.app/ Vision Island: инструменты для дизайна

Законы UX на одной странице Закон Фиттса, закон Хика, закон Якоба. Все про них слышали, мало кто помнит, какой про что. Джон Яблонски собрал их на одном сайте: на каждый закон карточка, короткое объяснение и откуда он взялся. Польза вполне практическая. Фразу «мне кажется, пунктов в меню многовато» клиент пропустит мимо ушей. «По закону Хика время выбора растёт с числом вариантов» уже звучит как аргумент. Сайт на английском, но тексты короткие и простые. https://lawsofux.com/ Vision Island: инструменты для дизайна

ChatGPT теперь понимает каракули 8 сентября вышла GPT Image 2.5, и в ней появился режим Sketch. Рисуете грубый набросок: тут человек, тут стол, окно слева. Модель собирает по нему картинку с той же композицией. Заодно генерация стала примерно вдвое быстрее. Пригодится для раскадровок и иллюстраций, когда композиция уже в голове и описывать её словами дольше, чем нарисовать мышкой. Из России работает только с VPN. Vision Island: инструменты для дизайна

Кнопка должна быть больше, чем кажется Apple просит делать область нажатия не меньше 44×44 pt, Google говорит про 48×48 dp. WCAG 2.2 согласен и на 24×24 px, но это нижняя граница, а не ориентир. Сама иконка может быть и 20 px. Речь про невидимую зону вокруг неё, по которой попадает палец. Проверка простая: откройте прототип на телефоне и потыкайте большим пальцем на ходу. Не попали с первого раза, значит мало. Vision Island: инструменты для дизайна

Стильные фото, на которые обратит внимание любой бьюти-бренд или бренд одежды🤌 @SuriTaskBot - бот для создания трендовых фото Промт проверен на боте:

Создай рекламную раскадровку из 9 кадров в формате сетки 3×3 для товара. Каждый кадр должен показывать товар с новой стороны: крупный план, премиальная предметная съёмка, динамичная сцена, использование товара, lifestyle-композиция, flat lay, взаимодействие с человеком и финальный имиджевый кадр. Единый визуальный стиль, фотореализм, дорогая коммерческая съёмка, мягкий свет, выразительные фактуры, гармоничная цветовая палитра. Товар всегда остаётся главным объектом кадра.

Трендовые промпты >> ссылка

Ищешь работу или фриланс-заказы?🛍 В Б/утиковом люксе можно найти: 💼 вакансии 🔥 подработки 📦 разовые заказы 🎨 проекты для специалистов Копирайтинг • дизайн • SMM • монтаж • контент • маркетинг и другие направления 👉 Присоединяйся: https://t.me/+COk7sLNBGHZiN2Vi

Сколько кругов правок у вас в договоре? Если ответ «там про это ничего нет», правки будут бесконечными. Рабочая формулировка такая. В стоимость входят два круга правок. Правки приходят одним списком и от одного человека, а не от директора в телеграме, маркетолога в почте и жены директора голосовым. Третий круг и дальше оплачиваются по часам. Клиентов это не пугает. Наоборот, замечания начинают собирать внимательнее, потому что попыток всего две. Vision Island: инструменты для дизайна

Ищешь работу, подработку или заказы на фрилансе? Орёл | Доска Объявлений 🦅 канал, где можно найти актуальные вакансии, заказы и возможности для заработка. Здесь публикуются предложения для тех, кто умеет работать в самых разных направлениях: 💻 Копирайтинг и тексты 🎨 Дизайн и графика 📱 SMM и ведение соцсетей 🎬 Монтаж видео и Reels 📸 Контент и работа с медиа 📢 Маркетинг и реклама 👇Присоединяйся к каналу: https://t.me/+hIQv2fq5mSAyMjQy

Фон для первого экрана за две минуты Про Get Waves пост уже был, но волнами дело не ограничивается. Haikei умеет больше: кляксы, многослойные горы, размытые градиенты, лоу-поли, россыпи кругов. Крутите ползунки и жмёте на кубик, пока не понравится. Отдаёт SVG и PNG. SVG потом спокойно правится в Figma: можно перекрасить или выкинуть лишний слой. Бесплатно. https://haikei.app/ Vision Island: инструменты для дизайна

Кавычки, тире и предлог в конце строки Макет может быть сколько угодно красивым, но "такие" кавычки и дефис вместо тире выдают спешку. В русском наборе кавычки «ёлочки», внутри них „лапки“, тире длинное, а короткие предлоги не висят в конце строки. Расставлять это руками долго. Проще прогнать текст через Типограф студии Лебедева: вставили текст, нажали кнопку, забрали с правильными кавычками, тире и неразрывными пробелами. Если неразрывный пробел нужно поставить вручную, на Mac это Option+пробел, на Windows Alt+0160. https://www.artlebedev.ru/typograf/ Vision Island: инструменты для дизайна

Три мелочи в Figma, которые легко пропустить Всё вышло в конце августа, без фанфар. Ластик для вектора. Нажимаете Shift+E в режиме редактирования вектора, и лишний кусок контура просто стирается. Заливка протяжкой. Выбрали цвет или градиент, провели по нескольким областям, все покрасились. Новый auto spacing. Прежний режим теперь называется Between, к нему добавились Around и Evenly. Это те же space-around и space-evenly, которые верстальщики знают по CSS. И вдогонку: папки теперь показывают превью файлов, и их можно дублировать целиком. Vision Island: инструменты для дизайна

🎨 Ищешь вакансии? А можно наоборот: пусть заказчики находят тебя сами ДизайнБаза — канал с резюме дизайнеров. Заполняй анкету – опубликуется автоматически.

Где подсмотреть, как экран оплаты устроен у взрослых Dribbble красивый, но там концепты, которые никто не верстал. Когда нужно понять, как реальные продукты решают онбординг, пейволл или пустую корзину, лучше идти в Mobbin. Там скриншоты и целые сценарии из настоящих приложений под iOS, Android и веб. Искать можно по типу экрана и по отдельному элементу, хоть по тоглу. Бесплатно открыта часть базы, остальное по подписке. Чтобы начать, хватит и бесплатной. https://mobbin.com/ Vision Island: инструменты для дизайна