Плагин Converter — для удобного преобразования пикселей в метрические единицы измерения.

#пиксели #единицы #конвертация #метрика #измерения

В одном из постов рассказывал про Пашу. Для меня он уже не просто заказчик. Перед отпуском он попросил сделать упаковку лично. Редко беру дизайн сам, обычно все реализует команда, но тут исключение. Делал как себе и кайфовал от процесса) Хотели лаконичную обложку, без перегруза. Но чтобы выглядело киношно и дорого. Идея была: показать «закулисье маркетинга» — будто заглядываешь туда, где делают деньги. Я думал, обойдусь без нейросетей. Но нет 😅 Фото было очень качественным, но в крупном плане начало пикселить. Krea-enchance + гармонизация в ФШ выручили, хотя и руками пришлось доработать. Фон и элементы меню — тоже генерация. Короче, как бы ни хотелось, без ИИ уже не выходит. А впереди ещё один проект для другого постоянника: таргетолог, который привёл ко мне десятки тату-мастеров. Сейчас обсуждаем переупаковку, тоже берусь сам. Кидайте 🔥 если хотите, чтобы показал результат

🔗 Figma Community ▫️ #tools

• Полная библиотека мебели в реальных пропорциях (1 см = 1 пиксель) • Готовые планировки комнат и расстановка мебели • Гибкое масштабирование каждого объекта #interior #floorplan #furnure Открыть в Figma

#уроки

Мы сейчас готовим к публикации наш самый масштабный графический кейс этого года. Проект о том, как мы создавали сайт для бренда Defile. Это проект, в котором сошлось всё: продуманная логика, элегантный дизайн и визуальная подача, которая превращает простой просмотр в эстетическое удовольствие. Мы так тщательно и долго отбирали материал, что итоговая длина кейса превысила 90 000 пикселей🔥. По сути, это целая визуальная книга. От первых прототипов до финальной версии — всё показано и разобрано. Больше интересного можно прочитать в нашем агентском канале по ссылке ниже. https://t.me/ancora_design/323 У меня уже руки чешутся показать вам всю нереальную красоту, которую сделала Марина, наш дизайнер. Но всему своё время. Обнял.

Простенький плагин для создания пиксельных изображений Install

Сафф Сайед, бывший Head of Product Design, переходит на позицию Member of Technical Staff и объясняет почему. После встречи с GPT-4 он понял: дизайн за 30 лет не успел эволюционировать вслед за технологиями. Скоро агенты будут генерировать UI на лету для каждого пользователя, делая традиционную роль дизайнера бессмысленной. Дизайн больше не дифференциатор. Любой стартап за выходные может выглядеть как Linear благодаря Tailwind. Инженеры AI зарабатывают $2-10M, пока дизайнеры спорят о пикселях. Будущее за теми, кто понимает архитектуру агентов, а не за теми, кто рисует статичные макеты для миллиардов пользователей. Внутри: – Почему традиционные интерфейсы скоро исчезнут; – Как агенты изменят модель от 1:N к N:1 интерфейсам; – Почему дизайн никогда не вёл инновации, а только поддерживал; – Как AI убивает роль дизайн-менеджера; – Почему хороший дизайн стал базовым требованием; – Какие навыки нужны в эпоху агентов и AI. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Предлагаю вам сегодня разобрать интересную тему: графические приемы в UX/UI. Часто я слышу от студентов: «Графика – это сложно, у меня не получится, у меня нет нужного скилла». На самом деле графика в интерфейсах не обязана быть сложной, наоборот, простые формы могут стать изюминкой вашего проекта. 🟨 Самый простой пример – квадрат. Казалось бы, что может быть проще и причем тут графика? А именно из квадрата можно собрать бесконечное количество решений: – паттерны для фонов – легкий акцент или декоративный элемент – простая иллюстрация – и даже целая композиция Наши студенты часто удивляют меня тем, как они применяют этот прием. Кто-то использует квадраты в айдентике, кто-то собирает из них иллюстрации вроде пиксельных персонажей, а кто-то внедряет паттерн прямо в сайт. Самое важное – в графике нет ничего недосягаемого. Простые формы доступны каждому: попробуйте добавить их в свои проекты, и вы увидите, как даже минимальный прием делает визуал эффектнее, креативнее и выразительнее. ✨ Не бойтесь экспериментировать с графикой, подключайте творчество и фантазию и, уверена, вы удивитесь результату. ⚡️ И, как обычно по пятницам, делимся с вами подборкой полезных статей, которые рекомендуем к прочтению на этих выходных 😊 📖 Лучшая типографика 1920-х годов – от Futura до Industria Gravur Рассмотрим несколько самых знаковых шрифтов этого времени. 📖 Как дизайнеру создать личный бренд Разберем вопрос создания личного бренда для дизайнера: что это такое, зачем он нужен и с чего стоит начать. 📖 Действия в таблицах: рекомендации по проектированию Узнаем, какие паттерны существуют в этой области и как они применяются в реальных продуктах.‍ 📖 Полезные ресурсы для дизайнеров Подборка ресурсов, которые сделают вас сильнее как UX/UI-дизайнера. 📖 Microsoft vs Apple: две философии, два пути Apple и Microsoft — две крупнейшие технологические компании с разной философией и видением, которые на протяжении многих лет соревнуются за лидерство на рынке. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Статьи по UX/UI

Это не учебная тревога: найден бесплатный генератор пиксель-арта PixelLab. По описанию умеет в изометрию, анимацию и поддержку единого стиля + умеет генерить игровые карты. А ещё работает в браузере, умеет делать игровые карты и даёт побаловаться бесплатно большей частью функционала. Пошёл тестить, ибо пиксель-арт просто обожаю. #находки @vestochka_ai

Своими фишками поделилась Дарья Павлова, заядлая коллажистка и наставница программы «Иллюстратор»: Палитра и материалы Я начинаю работу с простого линейного эскиза, прикидывая общий сюжет и композицию. Как правило, это формат «палка, палка, огуречик» — без прорисовки и детализации. После подбираю палитру: иногда придумываю сама, а иногда использую генератор палитр или референсы. Ограничение палитры помогает определиться с настроением иллюстрации и облегчает подбор материалов. Большую часть картинок беру с Unsplash, главное — сформулировать запрос на английском. Другие ресурсы с материалами для цифровых коллажей можно посмотреть в подборке «Режь да клей». Случайность и контроль в коллаже Часто использую найденные фотографии: их элементы или образы помогают окончательно докрутить задумку — люблю эту контролируемую коллажную случайность. Если хочется больше контроля над процессом (поиск конкретных поз, работа по более детализированному эскизу), можно генерировать элементы в нейросети. Самодельные материалы Если какие-то элементы для коллажа найти не получается, я позирую для фото или прошу друзей. Обычно сама делаю фото рук в сложных позах. Важно, чтобы фото были приличного качества, хотя фото плохого качества можно пропустить через фильтры, чтобы замаскировать пиксели и размытости. Также совершенно не возбраняется микс цифрового коллажа и самодельного рисунка. Эскиз для заказчика Мне удобно работать по примитивному эскизу, но на утверждение заказчику его не отправить — никто ничего не поймет. В эскизе для заказчика стараюсь использовать те же материалы, которые пойдут в итоговый проект. На этом этапе работаю грубо: не стараюсь аккуратно обтравить элементы, но уже пытаюсь подобрать художественный образ, определить композицию, цвет и свет, которые буду развивать. В этом проекте показала эскизы к иллюстрациям, которые утвердил заказчик. Видно, что они сильно отличаются от итоговых иллюстраций, но основные зацепки для образа на них уже есть. Референсы стиля Last but not least — рефы. Их не нужно много, достаточно 1-2 к одной иллюстрации. Рефы помогают не блуждать в потемках, задают ориентиры в качестве исполнения и подсказывают интересные ходы в технике. #коллажный_четверг

Пиксельная графика в Adobe Illustrator Автор hannah.bacon.design

Для конференции GoCloud от Cloud.ru мы собрали промо и интро ролики, в которых реки текут данными, листья шуршат битами, а горы отливают холодным киберметаллом. Препрод и поиск идей полностью сделан на ИИ, собственно как и этот текст, короче, мы шарим в этой теме. дикий огурец Из десятков визуальных идей оставили те, что зацепили больше всего. И да, мы реально умерли кайфанули, пока собирали этот визуальный биом из пикселей и вдохновения. Смотреть, залипать и завидовать тут 👉 ЭТО ССЫЛКА

⚙️Скачать набор⚙️ #материалы

Набор графических элементов вдохновлён ретро-эстетикой 8-битной графики 1980-х и 1990-х годов. Представляет собой коллекцию пикселизированной векторной графики, сочетающей яркие гранжевые пиксельные фигуры с тёмной, готической и мистической тематикой. 🦄 Скачать: t.me/mokaposhnayazip/870

Полиграфия — это физическое продолжение вашего бренда. Рассказываем о том, что важно учитывать при заказе печатной продукции, чтобы получить наилучший финальный результат и сэкономить свои ресурсы. 🍋 То, что красиво на экране, не всегда красиво в руках Размеры на экране могут обмануть: логотип кажется крупным, шрифт — читаемым. А на визитке всё вдруг превращается в пятнышко. 💜 Совет: всегда проверяйте макет в масштабе 1:1. Даже обычная чёрно-белая распечатка подскажет, насколько всё пропорционально и уместно расположено. 🍋 Разные цели — разные цветовые модели Передача цвета на экране происходит за счет свечения пикселей, на бумаге — цветовые пигменты смешиваются во время печати. 🌽 Поэтому и цвета определяются через разные цветовые пространства: RGB и CMYK — два разных способа отображения цвета в мире дизайна. 🔹RGB имеет расширенную цветовую гамму — эта модель идеально подходит для дисплеев и веб-дизайна, но не всегда точно воспроизводит печатные оттенки. 🔹CMYK точнее передаёт цвета на бумаге, но её гамма ограничена: не все «экранные» цвета можно физически воспроизвести. 🌽 В типографиях используются два типа красок: 🔹Триадные (полупрозрачные) краски для полноцветной печати. Выпускают 4 цвета: голубой, пурпурный, жёлтый и чёрный. Путём наложения этих красок друг на друга получаются все остальные цвета. 🔹Непрозрачные смесевые краски. Одна краска — один цвет. Изготавливаются по каталогам с фиксированными параметрами цвета. Самая популярная марка для дизайна полиграфии — Pantone. Советы: 🔹Если нужен точный оттенок — используйте Pantone. 🔹Если важна насыщенность — подбирайте бумагу и краски вместе с дизайнером. 🔹Если печатаете фото или иллюстрации — триадные краски подойдут, но цвета всё равно «съедаются» и требуют цветопробы. 🍋 Не только «глянцевая или матовая» бумага 🔹Тонкая бумага может просвечивать: текст будет проглядываться с другой стороны или смешиваться с изнанкой 🔹Жёлтая или шершавая бумага может сделать цвета тусклыми или грязными 🔹Глянцевая бумага выглядит эффектно, но может пачкаться 🔹Матовые варианты — стильно, но они могут «съедать» яркость, краска на них ложится хуже 💜Оптимально: выбрать бумагу вместе с дизайнером под конкретную задачу С другой стороны: 🔹Прозрачную бумагу можно использовать как дизайнерский приём: например, в упаковке с полупрозрачным паттерном 🔹Глянцевые и матовые участки можно сочетать как акценты 🔹На плотной бумаге можно применять тиснение, вырубку, фигурные отверстия — они усиливают тактильный эффект 🍋 Основные способы печати 🔹Офсет — распространенный способ печати крупных тиражей. Он требует предварительной подготовки форм, но зато: обеспечивает высокую чёткость, стабильно передаёт цвета и выгоден при больших объёмах. 🔹Для малых партий чаще используют цифровую печать. Она не требует дополнительной подготовки, но может быть дороже за единицу и менее стабильна по цвету на длинных тиражах. Советы: 🔹Цифровая печать — выгодно при малых тиражах и тестовых образцах 🔹Офсет — оптимально от среднего тиража и выше (условно от 500 экземпляров — зависит от изделия) 🔹Чем выше тираж — тем ниже стоимость за экземпляр при офсете 💜Важно, если вы планируете допечатывать материалы: офсет требует постоянства: если меняется хоть что-то (бумага, краска, текст), результат может измениться. 🍋 Миллиметры имеют значение Даже если макет идеален — типография может чуть сместить линию сгиба или реза. Погрешность в 1–2 мм может срезать важный текст или нарушить композицию. Что делать: 🔹Не пренебрегать безопасными отступами. 🔹Учитывать переплёт и брошюровку. 🔹Согласовывать с типографией параметры макета ДО печати, а не после. 🍉 Полиграфия — это часть вашего бренда Даже самый креативный дизайн можно испортить дешёвой бумагой или неучтённой технологией печати. Поэтому, если вы работаете с дизайнером, слушайте его рекомендации. Мы не усложняем — мы защищаем ваш визуальный образ от типичных ошибок и экономим ваше время, ресурсы и нервные клетки 😉

В этом видео автор покажет вам способ, как при помощи нейросети Domoai.app вы можете превратить ваше видео в пиксельарт, аниме и кучу других стилей. #нейро #туториал 💙 Профессия Дизайнер

Она стала для нас уже привычным событием, но не для студентов. Для них Битва — экшен, который ощущается как первый клиентский проект с дедлайнами, задачами и полной погруженностью. Здесь ребята убирают страх перед будущими заказами и закрепляют все знания. Сегодня проводили созвон с ребятами, где объявляли победителей. На скринкасте в посте — классный отзыв одного из участников! В этот раз победили 8 студентов из команды Fieldworke. Они новички, которые сделали сайт всего за 1,5 недели… Как вам такое? Смотрите их проект тут https://fieldworke.taptop.site/">https://fieldworke.taptop.site/ Состав команды победителей: • @anatoly221122 (капитан) • @Doktor_Sh7 • @Kara_t01 • @designguzel • @roxy77 • @fruitellana • @polzavsa • @danil_shha Попросили Наталью, участницу этой команды, поделиться фидбеком: Для меня Битва стала прорывом в навыках и командной синергией: • Теперь знаю, что лучше потратить день на стратегию работы с макетом, чем потом всё переделывать. • Любое достижение, даже настройка анимации, вызывало искреннюю радость у всей команды. • Главный инсайт: оказалось, что идеальный пиксель — про людей. Когда ты не знаешь, с чего начать выгребать ошибки, а кто-то пишет «я сделал так, давай пройдёмся по твоим настройкам…» — ты просто рад, что ты в нужном месте. Оценка ★★★★★ — после таких испытаний и происходит переосмысление ценностей Напомним, что эта Битва была в новом формате! Вместе с Fieldworke участвовало еще 3 команды, которые сверстали: • 1 команда, сайт на Webflow • 2 команда, сайт на Taptop • 3 команда, сайт на Taptop Давайте поставим ❤️, чтобы поздравить победителей и участников

Supercar Cyr — футуристический пиксельный шрифт с прямыми геометрическими линиями и минималистичной эстетикой. Подходит для ретро-гейминга, киберпанк-дизайна, интерфейсов и постеров в стиле 8-bit. Написание: #Кириллица #Латиница Формат файлов: #ttf Ссылка: Скачать шрифт