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

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

@visionislandinstruments

Склад полезных инструментов для дизайнеров, иллюстраторов и художников
Основной канал: @Visionisland
По peклaме: @Diggsale
По всем вопросам: @DashaK96
Менеджер по продвижению @veryfatadmin24
Open in Telegram
Subscribers
2.06K
Photos
639
Videos
44
Links
947
Recent Posts 14 shown
Post #1752 34
Кавычки, тире и предлог в конце строки

Макет может быть сколько угодно красивым, но "такие" кавычки и дефис вместо тире выдают спешку. В русском наборе кавычки «ёлочки», внутри них „лапки“, тире длинное, а короткие предлоги не висят в конце строки.

Расставлять это руками долго. Проще прогнать текст через Типограф студии Лебедева: вставили текст, нажали кнопку, забрали с правильными кавычками, тире и неразрывными пробелами.

Если неразрывный пробел нужно поставить вручную, на Mac это Option+пробел, на Windows Alt+0160.

https://www.artlebedev.ru/typograf/

Vision Island: инструменты для дизайна
Post #1750 59
Три мелочи в Figma, которые легко пропустить

Всё вышло в конце августа, без фанфар.

Ластик для вектора. Нажимаете Shift+E в режиме редактирования вектора, и лишний кусок контура просто стирается.

Заливка протяжкой. Выбрали цвет или градиент, провели по нескольким областям, все покрасились.

Новый auto spacing. Прежний режим теперь называется Between, к нему добавились Around и Evenly. Это те же space-around и space-evenly, которые верстальщики знают по CSS.

И вдогонку: папки теперь показывают превью файлов, и их можно дублировать целиком.

Vision Island: инструменты для дизайна
Post #1749 79
🎨 Ищешь вакансии? А можно наоборот: пусть заказчики находят тебя сами

ДизайнБаза — канал с резюме дизайнеров. Заполняй анкету – опубликуется автоматически.
Post #1748 88
Где подсмотреть, как экран оплаты устроен у взрослых

Dribbble красивый, но там концепты, которые никто не верстал. Когда нужно понять, как реальные продукты решают онбординг, пейволл или пустую корзину, лучше идти в Mobbin. Там скриншоты и целые сценарии из настоящих приложений под iOS, Android и веб.

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

https://mobbin.com/

Vision Island: инструменты для дизайна
Mobbin Mobbin — UI & UX design inspiration for mobile & web apps Save hours of UI & UX research with our library of 400,000+ fully searchable mobile & web app screenshots.
Post #1746 99
Серый текст на цветном фоне выглядит грязно

На белом серому тексту хорошо. Но стоит положить тот же #888 на синюю или зелёную плашку, и он превращается в мутное пятно.

Берите белый (или чёрный) текст и снижайте ему прозрачность до 60–70%. Сквозь него проступит цвет фона. Второстепенный текст останется второстепенным, но без грязи. Второй вариант: взять оттенок самого фона, светлее или темнее.

Контраст после этого всё равно проверьте.

Vision Island: инструменты для дизайна
Post #1745 100
Ideogram уже 4.0

В июне вышла 4.0, и её выложили в открытый доступ под лицензией Apache 2.0: модель можно запускать у себя и использовать в коммерческих проектах.

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

https://ideogram.ai/

Vision Island: инструменты для дизайна
Ideogram Ideogram | AI apps and models in one platform Use purpose-built AI apps, access major image and video models through one API, and build on Ideogram 4.0, our open model.
Post #1744 104
Палитра на живом сайте вместо пяти квадратиков

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

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

https://www.realtimecolors.com/

Vision Island: инструменты для дизайна
Realtime Colors Visualize your color palettes on a real website.
  • ❤ 1
Post #1743 112
Шесть бесплатных шрифтов с кириллицей. Montserrat в списке нет

Подпись «только латиница» под красивым шрифтом — отдельный вид боли. Нашли шесть достойных, все лежат в Google Fonts:

Onest — спокойный гротеск для интерфейсов Manrope — геометрический, хорош в заголовках Golos Text — сделан в Паратайпе, читается даже в мелком кегле Geologica — вариативный, с характером Unbounded — широкий, для крупных надписей и обложек Literata — антиква для длинного чтения

Чтобы не натыкаться на латиницу, в Google Fonts есть фильтр Language. Ставьте Cyrillic.

https://fonts.google.com/

Vision Island: инструменты для дизайна
Google Fonts Browse Fonts - Google Fonts Making the web more beautiful, fast, and open through great typography
Post #1740 104
Почему скругления внутри карточки выглядят криво

Картинка с радиусом 16 лежит в карточке с радиусом 16. Вроде всё одинаково, а углы не дружат: внутренний кажется толще внешнего.

Считается так: внешний радиус = внутренний + отступ между ними. Картинка 16, паддинг 8, значит карточке нужно 24. Кривые пойдут параллельно, и глаз перестанет цепляться.

Мелочь, но по ней сразу видно, аккуратный макет или нет.

Vision Island: инструменты для дизайна
Post #1739 107
Мокап в PSD, а Photoshop нет

Частый вопрос под мокапами: «а если фотошопа нет?». Он и не нужен. Photopea открывает PSD прямо в браузере, и смарт-объекты работают как положено: двойной клик по слою, вставили свой макет, сохранили.

Бесплатно и без регистрации. Файлы обрабатываются у вас на компьютере и никуда не загружаются. Заодно открывает Sketch, XD и PDF, если от клиента прилетит что-то экзотическое.

https://www.photopea.com/

Vision Island: инструменты для дизайна
Photopea Photopea | Online Photo Editor Photopea Online Photo Editor lets you edit photos, apply effects, filters, add text, crop or resize pictures. Do Online Photo Editing in your browser for free!
Post #1737 147
В Figma наконец можно убрать висячие слова

Годами в заголовках приходилось ставить ручные переносы, чтобы последнее слово не болталось в одиночестве на отдельной строке. Потом текст менялся, и всё ехало.

В августе в настройках текста появился Text wrap. Режим Pretty следит, чтобы на последней строке не оставалось одно слово. Balance выравнивает строки по длине, для заголовков в две-три строки самое то. Включается на слое, в текстовом стиле или на отдельном абзаце.

Разработчикам скажите, что это обычный text-wrap из CSS, они поймут.

https://www.figma.com/release-notes/

Vision Island: инструменты для дизайна
Figma Figma product news and release notes Keep up-to-date with release notes and software updates for all Figma related products.
Post #1733 301
Kittl — платформа для дизайна, где есть умный генератор мокапов. Он учитывает угол, форму и даже складки ткани, размещая дизайн автоматически.

Превью в реальном времени, смена цветов в один клик. Скачивание в 3000×3000 без водяных знаков даже на бесплатном тарифе.

Сайт: kittl.com

Vision Island: инструменты для дизайна
Kittl Kittl | The AI-First Design Platform for Creators Kittl is the AI design platform built for creativity. Create with top image gen models, pro editing tools, mockups, and curated assets — free to start.
Post #1732 227
Правило, которое часто нарушают: один проект = один стиль иллюстраций. Смешивать unDraw с Humaaans — как смешивать три разных шрифта. Выглядит хаотично.

Выберите библиотеку до старта и придерживайтесь её. Лучше 20 консистентных иллюстраций, чем 200 разнородных.

Vision Island: инструменты для дизайна
Post #1731 190
3D Icons — коллекция качественных 3D-иконок для feature-секций и презентаций. Изометрический стиль, яркие цвета, можно скачать в разных ракурсах.

Бесплатно для коммерческого использования. Когда flat-иконки надоели — сюда.

Сайт: 3dicons.co

Vision Island: инструменты для дизайна
3dicons.co Beautifully Crafted Open Source & Free Premium 3D Icons 1440+ beautifully crafted open-source 3D icons that you can use completely free and without attribution for personal or commercial project
Older posts →

About this channel

How can I read @visionislandinstruments without a Telegram account?
TGViewer shows the public web preview Telegram publishes for Инструменты для дизайнеров Vision Island: recent posts, photos, videos and the subscriber count, with no app, login or account.
How many subscribers does Инструменты для дизайнеров Vision Island have?
Инструменты для дизайнеров Vision Island (@visionislandinstruments) has 2.06K subscribers on Telegram, refreshed roughly every 30 minutes.
Does Инструменты для дизайнеров Vision Island know I viewed it here?
No. Public channel previews carry no viewer identity, and TGViewer has no accounts or tracking of what you look up.
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →