🚀 В этом туре курсорами столкнулись Камилла @renssunn и Стёпа @itssdesign. Они делали редизайн сайта Telegram.

Задача — обновить лендинг и предложить новое видение. Камилла сделала ставку на шрифтовую пару гротеск + рукописный, необычную вёрстку и фирменного маскота, которого она оживила через Recraft. Утёнок встречает нас на первом экране, плещется в преимуществах и даже отвечает на вопросы. Стёпа же стилизовал заголовки под готику, заменил самолётик на почтового голубя и провёл нас через славянские мотивы — от узоров и буквиц до иллюстраций и финального футера. Голосуйте в комментариях, кто войдет в следующий тур!
Video is not supported

Прощай ручка Микки Мауса в в курсоре 🥺

Изображение поста

#UI_ревью 9. Interactive Login Form

Работа: Outcrowd Сильная работа, которая вызывает вау-эффект, на деле довольно трудоёмкая для разработки, хотя выполнимая. + Без слов считываемая идея, что они следят за курсором, это даёт очень эмоциональный эффект «они меня видят». Такое уже было у Tunnelbear, но в этот раз выполнено более выразительно. + Эффект усиливается их реакцией на ситуацию: пароль неверный или видимый. Забавно отыграны такие эмоции как сочувствие, фрустрация, неловкость, и от этого мы начинаем сопереживать им обратно. + Мультяшный стиль с ярким применением принципов анимации Уолта Диснея. + Простые формы героев, при этом сами они все особенные благодаря исполнению лица, цветам и разнообразию форм. + Поскольку все движущиеся элементы локализованы в блоке слева, понятен механизм экспорта анимации Lottie из After Effects через Bodymovin. C анимацией по тригеру каждой ситуации проблем быть не должно. – Что будет сложно реализовать: движение каждой формы вроде зрачка, лица или рта придётся привязывать к курсору по отдельности, это существенная ручная работа. Дизайн настолько удачный, что его даже плагиатят. Если тебе понравился разбор, поддержи пост звездой. Так мне будет понятно, что такой контент тебе нужен. По теме: Анимация приложения для горных прогулок @slashdesigner #первые_шаги #UI_анимация
Video is not supported

Совет про тултипы

Тултипы должны появляться с задержкой, чтобы предотвратить случайную активацию. Но вот после того, как подсказка уже показалось, наведение курсора на другие подсказки должно открывать их без задержки в анимации. Это выглядит быстрее, но при этом не умаляет смысла первоначальной задержки. Источник 🖼️ Хороший интерфейс 🖼️ Концепты интерфейсов 🖼️ Офферы для дизайнеров
Video is not supported
Сегодня хочу поделиться ещё одной дизайн-историей из своего прошлого. А начнётся она, в очередной раз, со слов «работал я в одной шараге». Это потому, что был период, когда я неправильно подходил к выбору и поиску мест работы, от чего и попадал в разные безымянные подпольные дизайн-шараги.
На этот раз я устроился в небольшую подрядную дизайн-студию, арендующую полуподвальное помещение в одном московском районе. Устроился я туда на зарплату в целых 50 000 деревянных. Для 2008 года сумма была очень даже неплохая. Доллар тогда стоил всего 24 рубля, а не 78 как сегодня. Студия кормилась за счёт одного крупного рекламного агентства, регулярно поставляющего техническую работу вроде ресайзов, адаптаций и допечатной подготовки. Были и достойные задачи, даже веб-сайты и брендинг. В первые пол года дела шли неплохо — зарплата исправно выплачивалась, пусть и в конверте. *** На компьютерах студии была установлена программа Radmin, позволяющая владельцу студии подключаться к любому из наших мониторов и следить за тем, кто и что делает. Пару раз я наблюдал, как курсор мышки чуть заметно двигался без видимой на то причины. А однажды, зайдя без стука в кабинет владельца, я обнаружил свой рабочий стол на его мониторе. Так владелец студии наблюдал за работой дизайнеров. Вскоре, кризис 2008 года дал о себе знать. Начались первые задержки выплат. К Radmin добавилось требование о ведении ежедневных отчётных таблиц в Excel. Каждый дизайнер, включая руководителя отдела, был обязан по пришествии в офис записать время начала работы над той или иной задачей. Если требовалось выйти на перекур или в туалет, это также необходимо было отразить в отчёте. Это мешало работе. Периодически я вспоминал, что не отметил в графике старт или завершение работы над задачей и принимался вспоминать, что и когда я начал или закончил вместо того, чтобы работать над задачами. В студии повисла атмосфера недоверия. Однажды, после того, как кто-то из дизайнеров рассказал пару анекдотов, руководителю отдела был сделан выговор от владельца студии. На следующий день руководитель собрал нас и попросил не смеяться, тем более громко, а желательно вообще помалкивать. Видимо наше настроение и юмор пришлись не к месту. *** Настал день отчёта. Руководитель зашёл в кабинет и попросил предъявить отчёты за месяц. Оказалось, никто, кроме меня их не вёл. Ещё один дизайнер пытался, но сдался уже на втором дне, никому об этом не сказав. Что любопытно — не прозвучало ни одного слова критики в адрес тех, кто проигнорировал таймшитирование и просто забил на требование руководства. Таким образом, я оказался «крайним». В итоге, на примере моего отчёта, всему отделу было доведено о том, что мы по долгу и слишком часто ходим на перекуры и обеды, и вообще, не очень эффективные сотрудники. А ещё через пару месяцев нас вызвали в кабинет к владельцу студии и объявили о том, что студия больше не имеет возможности платить заработную плату в связи с экономической ситуацией и просит написать заявление об увольнении по собственному желанию. Так был сокращён весь наш отдел, остался только руководитель. А спустя ещё год студия прекратила своё существование вовсе. Задержки зарплаты, наблюдение за экраном, микроменеджмент, таймшитирование, штрафы за опоздания на пару минут — это либо неумелое руководство, либо «чёрные лебеди» для организации. Если в вашей компании присутствует или начинает практиковаться что-то подобное — время задуматься о переменах.
Изображение поста
Скалолазный пинг-понг — для спортивных гиков 🎮
Аркада и спорт в одном формате — в механику классической аркадной игрушки добавили руки и ноги вместо курсора. Шарик отскакивает от мест, где загораются лампочки, так что защищать ворота нужно всем телом. #mapped
Video is not supported
Изображение канала: АХ дизайн
↔️ 10 анимаций для свайпа в сторону
Собрала для вас небольшую подборку анимаций для демонстрации возможности пролистать блок в сторону (особенно актуально для дизайна мобильных версий сайта). Скачать можно по этой ссылке. Откройте страницу, наведите курсор на любую анимацию, нажмите правой кнопкой и выберите «Сохранить картинку как...». 2 первых файла в формате SVG (взяты у Тильды) и имеют отличное качество в любом размере. Остальные 8 — GIF картинки размером 150х150рх, подойдут, если вам уже приелся дизайн стандартных иконок Тильды. #дизайн #freebie
Изображение поста
Изображение канала: Вебдизайнерская
Разработка сайта с агентством: поэтапный гайд от Курсора
Статья об этапах разработки цифрового продукта через призму авторского опыта студии. Узнайте, как не упустить мелочи при подписании договора с разработчиком сайта Читать на дизайнерс | #статья
Изображение поста
Изображение канала: Figma
Разработка сайта с агентством: поэтапный гайд от Курсора
Статья об этапах разработки цифрового продукта через призму авторского опыта студии. Узнайте, как не упустить мелочи при подписании договора с разработчиком сайта Читать на дизайнерс | #статья
Изображение поста
Изображение канала: Figma за 60 секунд | Веб-дизайн
Разработка сайта с агентством: поэтапный гайд от Курсора
Статья об этапах разработки цифрового продукта через призму авторского опыта студии. Узнайте, как не упустить мелочи при подписании договора с разработчиком сайта Читать на дизайнерс | #статья
Изображение поста
Изображение канала: Figma и точка
Разработка сайта с агентством: поэтапный гайд от Курсора
Статья об этапах разработки цифрового продукта через призму авторского опыта студии. Узнайте, как не упустить мелочи при подписании договора с разработчиком сайта Читать на дизайнерс | #статья
Изображение поста
Изображение канала: Алёна Кузнецова | allentiks
у меня в клубе вышло два ВАУ урока по креативному монтажу от приглашенного спикера Алисы – ссылка на ее социальную сеть 🐚🌸😌
Алиса занимается монтажом уже 5 лет, создает видео и делает монтаж для многих брендов и крупных блогеров и эксклюзивно для нашего клуба она записала два супер подробных урока, чтобы рилсы и контент участниц вышли на новый уровень 🐚 в 1 уроке вас ждет: – шрифты в монтаже – подложки под текст – рамка для рилс – эффект размытый текст – как сделать текст "за собой" – как сделать текст как будто он "лежит на полу" – как работать с маской и сделать из видео кружок или прямоугольный формат со скругленными углами – как потянть текст сверху вниз (трендовый формат) – субтитры для видео 🐚 во 2 уроке вас ждет: – углубленные фишки анимации – анимация "число подписчиков" – анимация "паузы" с курсором – анимация "текст от руки" – разборы трендовых core в монтаже + большой пак дополнительных материалов: шрифты, стикеры, подложки, футажи для анимации подписка на клуб сейчас стоит 690 руб. (просто потому что я так сейчас чувствую и хочу отдавать в мир, скоро стоимость будет расти, но для тех, кто в клубе цена сохраняется навсегда) я тут недавно собрала для участниц дайджест важных постов и была в шоке, сколько там уже классного и практического материала вышло, после которого ваш контент реально выйдет на новый уровень p.s. на прошлой неделе вышел большой и подробный урок от меня про то, как начать сотрудничать с брендами и что важно отразить в упаковке профиля, чтобы писали бренды ☀️ просто советую попробовать, так как я вижу, как начали раскачиваться девушки в чате клуба, начинаем собирать мастермайнды, активно вести блог – так работает поле единомышленниц, у которых похожие цели и ценности про философию и ценности моего клуба можно прочитать здесь 🦪🌀 ты точно увидишь, как пространство вокруг начнет меняться и прежней ты уже не выйдешь 🌊🐚 быть частью bloom ocean club: ttps://t.me/bloom_oceanclub_bot?start=dl-17518017507081d308978a ttps://t.me/bloom_oceanclub_bot?start=dl-17518017507081d308978a ttps://t.me/bloom_oceanclub_bot?start=dl-17518017507081d308978a
Video is not supported
Изображение канала: Хороший UX · Денис Абдуллин
Так выглядит новый мессенджер BitChat
Bitchat — децентрализованный мессенджер, который работает без интернета. Для коммуникации он использует Bluetooth Low Energy. Создал его основатель Twitter Джек Дорси. После запуска приложение сразу открывает основной интерфейс, выполненный в стиле компьютерного терминала. Такой дизайн создаёт ощущение контроля и безопасности, апеллируя к «гиковской» эстетике. Здесь нет привычных меню, настроек или визуальных излишеств — только клавиатура, курсор и список никнеймов. Как вам такой подход? 🖼️ Хороший интерфейс
Изображение поста
Изображение канала: IT Cloud | Курсы по 3D Blender | Houdini | Zbrush | Maya | Photoshop | Unreal Engine | Unity и т.д.
Ivy Gen - Blender v0.1.5
Ivy Gen добавляет сгенерированный плющ к сетчатому объекту, начиная с 3D-курсора. ⬇️ Скачать #Blender
Изображение поста
Изображение канала: Polygon
Construction Lines — это инструмент для точного CAD-моделирования в Blender, позволяющий создавать направляющие, примитивы и разрезы с привязкой.
Направляющие линии и точки не мешают геометрии, их можно включать/отключать и они не рендерятся. Плагин работает как в Edit Mode, так и в Object Mode, поддерживая рисование фигур (прямоугольников, окружностей, дуг) без использования 3D-курсора. ➡️ СКАЧАТЬ | ~1 МБ #плагин #Blender @poly3ds
Изображение канала: Дизайнерская пыль
#Тёмный Сайт студии Analogue
На сайте студии Analogue круто поработали с типографикой, которая передаёт смелость, чёткость и уверенность. На первый взгляд кажется, что творится какой-то хаос, но он регулируется чёткой сеткой и с ним хочется взаимодействовать. Ещё на сайте встречается много мелких интерекшенов и всяких приколюх — перетаскивание объектов, подмигивание маскота при лоадинге, изменение курсора при наведение на разные элементы. #Тёмный — субъективный взгляд на дизайн через статьи, сайты, инструменты. Сайты для рубрики подбирают дизайнеры Red Collar.
Изображение поста
Изображение канала: Алексей Радонец - Школа Фриланса
🤔 Это не секрет, что я использую нейронки (GPT), когда готовлю обучающие курсы, программу и вебинары.
Я использую в первую очередь для мозгоштурма. Я ненавижу эффект белого листа, когда ты сидишь за монитором, у тебя ничего нет на экране и мигает курсор (кто такой же - ставь лайк). Сложно выдавить из себя что-то. Поэтому я использую нейронку чтобы «подумать об нее». Выдает какие-то хорошие идеи - отлично! Выдает плохие? Я их раскритикую и пойму как правильно сделать))) На самом деле, сегодня как раз готовлю вебинар по исползьованию ИИ-помощников. И я заметил, что сегодня из меня просто так и прет контент. Я попросил GPT собрать какие-то идеи и сел писсать сам. В итоге собрал целый вебинар с кучей крутого контента и даже не заглянул - что там писал GPT. А это значит, что вебинар будет сочный и мощный 🔥🔥🔥 📌 О чем будем говорить на вебинаре? - Как сделать себе ИИ-помощников и отдать им рутину. - Как экономить время, деньги и нервы при работе с ИИ. - Какие нюансы и лайфхаки в создании gpt-агентов. - Разберем примеры задач, как я и команда облегчили себе работу. Как обычно, будет много практики, примеров и полезного, что вы сможете использовать сразу после вебинара. Запись бесплатная (но места в веб. комнате ограничены). Записаться на мастер-класс можно тут: 👉 https://vid4.ru/neiroclub-mk1?utm_source=telegram&utm_medium=post&utm_campaign=neuroclub&utm_term=alex">https://vid4.ru/neiroclub-mk1 P.s. Картинка для привлечения внимания) Все персонажи в журнале вымышленные 😂
Изображение поста
Изображение канала: AutoCAD
Краткий урок: Копирование свойств объектов полностью
Копирование свойств объектов применяется в том случае, когда требуется перенести все атрибуты форматирования с одного объекта на другие, не прибегая к их повторной настройке. Для того, чтобы копировать свойства одного объекта на другой, нужно выполнить следующие действия: Выделить объект, свойства которого требуется скопировать. На вкладке Главная в инструментальной группе Свойства нажать  кнопку Копировать свойства. Далее курсором мыши, который примет вид маленького квадратика с кисточкой, выделить объект или объекты, на который требуется перенести свойства первого объекта. И кликнуть правой кнопкой мышки. Отмена команды кнопкой Esc. Объектам передаются все свойства которые совпадают у них с первым. В данном случае цвет и вес линий, принадлежность слою.
Изображение поста
Изображение поста
Изображение канала: CGPlugins
Construction Lines для Blender 3.0 - 4.5 (обновление v0.9.694)
💠 CAD-МОДЕЛИРОВАНИЕ ДЛЯ BLENDER Обзор и основные функции 🛠 Construction Lines — это инструмент для точного моделирования в стиле САПР. Создавайте привязываемые направляющие точки и ребра, рисуйте линии и примитивные формы на месте, автоматически создавайте грани в закрытой геометрии, точно перемещайте, дублируйте и вращайте геометрию вокруг сцены и прорезайте сетки с помощью выдавливания. Construction Lines позволяют рисовать прямоугольники, окружности и дуги на месте из точных точек привязки к существующей геометрии или направляющим. Их можно рисовать из любого места 3D-модели без необходимости использования 3D-курсора Blender для определения местоположения добавления. Рисование фигур на существующих гранях автоматически врежется в существующее лицо. Источник 💾 ССЫЛКА 💬 Комментарии ➡️КАНАЛ⬅️ #addons #Blender #Construction_Lines #3d #free #бесплатно
Изображение поста
Изображение канала: Визуальные приёмы
Магия в мелочах
Нефункциональный приём из серии «как создать магию из ничего»: курсор светится, как приоткрытая дверь, сквозь которую пробивается таинственный свет чего-то скрытого и манящего. Чудесная метафора ИИ и магического реализма в дизайне. За наводку спасибо каналу «Нора референсов». Источник #ui
Изображение поста