Как побороть перфекционизм и успевать делать больше? Личный лайфхак 😉

Еще подростком, когда ходил в художку, мог нарисовать хороший пейзаж за 2 дня и еще 7 дней доводить его до идеала.. В работе также — не мог делать задачи быстро и хорошо на 7/10. Задрачивал дизайн по пикселям, 20 минут выбирал фотку из трёх одинаковых или несколько часов убирал эти ебучие висящие предлоги на сайтах 😳 Чересчур обращал внимание на детали. Одновременно гордился этим и корил себя, что много времени сливал на неэффективные действия 📉 ————————— Но нашел этому простое решение. Я начал задавать себе вопрос: «Важно ли кому-то видеть выполнение данной задачи на 10/10?» В 80% СЛУЧАЕВ ОТВЕТ «НЕТ»: 1️⃣ Ну доведу я до идеала макет по отступам, висящим предлогам, теням и пикселям. Клиент не увидит разницы. Лучше уделить больше внимания структуре сайта и текстам — чтобы конверсия была выше 2️⃣ Как оказалось, на моей аватарке канала никто не заметил зеленый стремный «фонарь» под глазом, который я тщетно пытался убрать целый час 3️⃣ Стоит ли 3 часа перебирать шрифты для проекта? Когда можно сразу взять универсальные Inter и Montserrat. Лучше время потратить например на поиск нового клиента и заработать 50 тыс рублей ————————— Я научился отделять второстепенное и больше фокусироваться на том, что действительно двигает меня вперед и делать это на 10/10: поиск клиентов, продажи и изучение маркетинга сайтов 👨‍💻
Изображение поста

Библиотека векторных иконок.

• 2000+ иконок. • 2 стиля: линии и заливка. • Созданные по 24-пиксельной сетке. #icons #vector #plugin Открыть в Figma Источник

Плагин Invaders — Плагин генерирует наборы иллюстраций в стилистике игр Space Invaders. Подойдёт, если вам нужно добиться ощущения ностальгии или поддержать пиксельный стиль.

Как пользоваться: — нажмите на генератор, чтобы отобразить случайную сетку фигур — вы можете настроить количество элементов (максимум 20×20) и ширину / высоту элементов — сгенерированная сетка отображается прямо на вашем основном холсте — в противном случае, если выбран пустой фрейм, он будет заполнен элементами (ширина и высота которых будет зависеть от размеров фрейма) #узор #генератор #паттерн #рандом

Плагин «Ruri Pixel» by KB Плагин для пикселизации изображения с возможностью настройки

Изображение поста
✍️ Составили с коллегами папку каналов по нарративному дизайну и игровой сценаристике. Добавляйте!
Кто есть в папке, в алфавитном порядке: - Автор говорит “Мяу” - блог Ольги Куран, нарративщицы студии Redspell - Автор явно хотел что-то сказать… - блог Андрея Салика, продюсера, лида гейм-дизайна, нарративщика и препода - Алла Довгалюк о гейм-дизайне - блог нарративного дизайнера (tinyBuild, Belka Games, Big Fish Games), преподавательницы о геймдеве, гейм-дизайне и игровой сценаристике - Альфина (телеграм-река) - блог Альфины, нарративщицы Ice-Pick Lodge и Unfrozen, переводчицы “Кровь, пот и пиксели” и Disco Elysium - Блог Василия Скобелева - блог лд-директора игры “Гардарики”, да, он по левел-дизайну, но там много постов и про нарративный дизайн - Блог Маши Кочаковой - личный блог директора Нарраторики, где она пишет больше про книги и фильмы, но и то, что не доходит до Нарраторики, там оседает, например, восторги по BG3 - Вакансии: геймдев сценаристы - полезное - Вот это уровень! - блог Алексея Макарова, левел-дизайнера, но и тут много ценного по нарративному дизайну - Земля гугож - блог Ольги Ярковой, lead narrative designer в MindAction и преподавательницы в Нетологии - Иронически обыгрываю - блог Максима Сенькина, нарративщика Deep Pixel Melancholy - Календарь событий игровой индустрии - полезное - Кладовка нарративщика - канал со складом полезностей - Клуб Самозванцев - блог Александра Никитина, нарративного дизайнера Ragnarocket - Людозис - канал проекта по game studies, проводят конференции и семинары в Школе Дизайна ВШЭ, где много тем по нарративу - Нарративное бессознательное - блог Арины, нарративщика Thundertale Studio и игрового локализатора - Нарратос - блог Тимура Фазуллина, мемасики о нарративном дизайне - Поздняков Денис: откровения серьёзки - блог партнера и препода Нарраторики, преподавателя ВШЭ и продуктового директора студии Винторог - Сумеречная Настя - блог Анастасии Шалунковой, нарративщицы, преподавательницы, писательницы - Anna | Narrative Designer - блог Анны, гд-нарративщика студии Gammister и в PC-инди - couriernew - блог Антона Уткина, нарративщика Wargaming, соавтора книги “Белое зеркало. Учебник по интерактивному сторителлингу в кино, VR и иммерсивном театре” - darylmaywrite - ,лог Дарьи Пирус — нарративного дизайнера Bear Head Studio про нарративный дизайн и исследование игровых нарративов - Discriminant - блог, посвященный языкам кино, видеоигр и разбору культурных явлений через видеоигровую призму - Heart of darkness - блог Наты Покровкой, нарративщицы Wargaming, соавтора книги “Белое зеркало. Учебник по интерактивному сторителлингу в кино, VR и иммерсивном театре” - Mooshi Games - блог Ани Мусиной, руководительницы игровых механик в Альфа-банке, бесценный кладезь по теории нарративного дизайна - Narratorika - блог школы нарративного дизайна и игровой сценаристики “Нарраторика”, теория нарративного дизайна и игровой сценаристики - Rise Games - блог Раиса Туйкина об играх и искусстве, экс-нарративщика Nexters, с огромным послужным, в т. ч. преподавателя курса “Нарратив для RPG” в Нарраторике - Stinger | блог Романа Ильина - контент middle+ по геймдеву и техарту, книги, фильмы. Анонсы опенсорсных инструментов для разработки игр, которые он пишет, подборки дизайн-референсов и гифки текущих проектов - You are in а cave - блог Ксении Жерновой, исследовательницы видеоигр, с фокусом на опыт игрока, затрагивает нарратив и смежные темы ❗️Если вы игровой сценарист / нарративный дизайнер, у вас есть блог, и его по какой-то причине нет в этой папке, но вы бы хотели в нее - напишите мне @linxxa, добавлю!
Изображение поста
Важные новости! Новый офигенный кейс 🔥
Весь сентябрь мы рисовали большой графический кейс о том, как делали интернет-магазин для Дефиле. Это ритейлер женского белья федерального масштаба. Наш флагманский проект прошлого года. Сам сайт мы делали около 9 месяцев, от идеи до запуска. Пришла пора показать детали работы над проектом ❤️ Только что опубликовал его на Дипрофайл. 👉🏼 https://dprofile.ru/case/148325/defile-e-commerce Это саааааамый большой кейс в истории наших проектов. Не только 9 месяцев работы над сайтом, но и 92978 пикселей невероятной красоты кейса, который сделали руками команды. Марина, наш дизайнер, мне кажется уже меня ненавидит 😂 за этот кейс. Потому что я просил его переделывать несколько раз. Очень хотелось его выжать на максимум и я уверен, что у нас получилось. Да, предупреждение парням, там прям очень горячо. Все-таки магазин нижнего белья и там просто огонь...🔥 Хотим с этим кейсом попасть в рекомендации Дипро и на премию подать. Нам нужны ваши голоса, оценки, лайки и репосты. Заранее спасибо за просмотр! ❤️ Обнял!
Изображение поста
Плагин Dher — который имитирует технику растрирования изображения, создавая эффект пиксельной графики в стиле ретро. Он позволяет быстро превратить обычные изображения в художественные элементы с эффектом градиентной заливки и текстуры. Отлично подходит для создания ретро-стиля и минималистичных визуализаций.
На связи ШрифтоБлог и новое видео, в котором мы рассказали самое важное о пиксельных шрифтах! 🤖
В этом выпуске ШрифтоБлога про пиксельные шрифты, мы детально и подробно разобрали то, как они появились, как работают и почему используются до сих пор! Это видео не только про историю пиксельных шрифтов, но и про множество интересных фактов, связанных с ними, и, даже, о том, как на самом деле они устроены. Кстати, выход этого видео стал возможен благодаря Институту бизнеса и дизайна! #SK_блог
Изображение поста
Плагин Converter — для удобного преобразования пикселей в метрические единицы измерения.
Упаковал клиента, с которым работаю уже почти 4 года 🤝
В одном из постов рассказывал про Пашу. Для меня он уже не просто заказчик. Перед отпуском он попросил сделать упаковку лично. Редко беру дизайн сам, обычно все реализует команда, но тут исключение. Делал как себе и кайфовал от процесса) Хотели лаконичную обложку, без перегруза. Но чтобы выглядело киношно и дорого. Идея была: показать «закулисье маркетинга» — будто заглядываешь туда, где делают деньги. Я думал, обойдусь без нейросетей. Но нет 😅 Фото было очень качественным, но в крупном плане начало пикселить. Krea-enchance + гармонизация в ФШ выручили, хотя и руками пришлось доработать. Фон и элементы меню — тоже генерация. Короче, как бы ни хотелось, без ИИ уже не выходит. А впереди ещё один проект для другого постоянника: таргетолог, который привёл ко мне десятки тату-мастеров. Сейчас обсуждаем переупаковку, тоже берусь сам. Кидайте 🔥 если хотите, чтобы показал результат
Изображение поста
Pixels — плагин для создания пиксельного эффекта.
🔗 Figma Community ▫️ #tools
Изображение поста
Набор для дизайна интерьеров.
• Полная библиотека мебели в реальных пропорциях (1 см = 1 пиксель) • Готовые планировки комнат и расстановка мебели • Гибкое масштабирование каждого объекта #interior #floorplan #furnure Открыть в Figma
📱 Эффект пиксель арта в иллюстраторе
Спойлер будущего шедевра 🔥
Мы сейчас готовим к публикации наш самый масштабный графический кейс этого года. Проект о том, как мы создавали сайт для бренда Defile. Это проект, в котором сошлось всё: продуманная логика, элегантный дизайн и визуальная подача, которая превращает простой просмотр в эстетическое удовольствие. Мы так тщательно и долго отбирали материал, что итоговая длина кейса превысила 90 000 пикселей🔥. По сути, это целая визуальная книга. От первых прототипов до финальной версии — всё показано и разобрано. Больше интересного можно прочитать в нашем агентском канале по ссылке ниже. https://t.me/ancora_design/323 У меня уже руки чешутся показать вам всю нереальную красоту, которую сделала Марина, наш дизайнер. Но всему своё время. Обнял.
Изображение поста
Base Pixel — красивый шрифтовой эксперимент по созданию вариативного пиксельного шрифта от Clément Cases для Base. Оригинальный метод изменения пиксельной сетки меняет форму от стильной антиквы до треш-начертания в котором очень оригинально деформируется конструкция знаков. А я уже думал, что пиксельные шрифты меня уже ничем не удивят. Подробно о проекте листайте: clementcases.com/articles/basepixel
Mosaic & Pixels
Простенький плагин для создания пиксельных изображений Install
Изображение поста
🚪 Из Head of Design в инженеры: манифест об уходе из профессии
Сафф Сайед, бывший Head of Product Design, переходит на позицию Member of Technical Staff и объясняет почему. После встречи с GPT-4 он понял: дизайн за 30 лет не успел эволюционировать вслед за технологиями. Скоро агенты будут генерировать UI на лету для каждого пользователя, делая традиционную роль дизайнера бессмысленной. Дизайн больше не дифференциатор. Любой стартап за выходные может выглядеть как Linear благодаря Tailwind. Инженеры AI зарабатывают $2-10M, пока дизайнеры спорят о пикселях. Будущее за теми, кто понимает архитектуру агентов, а не за теми, кто рисует статичные макеты для миллиардов пользователей. Внутри: – Почему традиционные интерфейсы скоро исчезнут; – Как агенты изменят модель от 1:N к N:1 интерфейсам; – Почему дизайн никогда не вёл инновации, а только поддерживал; – Как AI убивает роль дизайн-менеджера; – Почему хороший дизайн стал базовым требованием; – Какие навыки нужны в эпоху агентов и AI. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Привет! На связи Кристина – дизайнер и преподаватель в UPROCK 👋🏼
Предлагаю вам сегодня разобрать интересную тему: графические приемы в 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 к одной иллюстрации. Рефы помогают не блуждать в потемках, задают ориентиры в качестве исполнения и подсказывают интересные ходы в технике. #коллажный_четверг
Изображение поста