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

👤 На чём стоит веб. Мастер-класс по дизайну кодом с Женей Арутюновым

Давайте не будем перечислять причины необходимости понимать основы HTML CSS JS каждому диджитал-дизайнеру (и не только), а перейдём сразу к фактам: ◆ Макеты в фигма — это зачастую просто картинка, непонятно как она будет работать в динамике, с разными данными и условиями. ◆ Свёрстанный в HTML док на шаг ближе к конечному продукту, чем макеты. ◆ ИИ уже умеют и рисовать дизайны и верстать странички, но смотрите второй ◆. ◆ Дизайнер, владеющий кодом, богоподобен (преувеличено в художественных целях). До дизайна я был сугубо технарём и собирал сайтики в Notepad++, а, когда пришёл в дизайн, не сразу, но увидел похожести с веб-разработкой. Например в CSS есть классы, а в PS и Ai стили текста и глобальные цвета Короче, для меня грань между нарисованным дизайном и его имплементацией всегда была размыта и интуитивно казалось, что её вообще не должно быть. Поэтому я так радовался появлению Webflow, а потом нейронкам, с которыми набросать базовый док можно за две минуты. Что-то руками в коде я писал очень редко (в основном, чтобы фронтам что-то подсказать по задумке), поэтому сходил к Жене Арутюнову на курс «как верстать кодом». Убедился, что сейчас между фигмой и веб-разработкой ещё меньше отличий (переменные, генерация снипетов и тд). Но главное, кайфанул от осознания того, что можно сократить время вывода в продакшн своих затей, если знать код, и что разработка дизайн систем становится понятнее, когда для тебя :root {--primary: #2A303E;} не просто кракозябры. Сейчас Женя курс обновил, вот тут можно узнать всё необходимое. Так вот, мы же тут не просто про: «сходи посмотри курс». Мы про пользу в моменте, превращение сложного в простое, а страшного в «напугали ежа...». Поэтому мы договорились с Женей устроить такой мастер-класс, пройдя который каждый сможет понять каково это: делать дизайн сразу в коде, без двойной работы. То есть если вы боялись этой темы (особенно если вы боялись) или что-то пробовали, но не зашло — обязательно приходите. И всех зовите. Будет клёво, я обещаю Почитайте канал Жени (по ссылке начало серий заметок о курсе и зачем учить HTML). Когда: 6 мая в 19:00 МСК Где: трансляция у нас в Телеграм-канале и в VK Видео 🍑 Явно.Дизайн #антон #анонс #мастеркласс
Изображение поста
Free Open Notepad With Rope Mockup V1 Top View
Изображение поста
AE Notepad v1.5 Win/Mac
✍🏼 AE Notepad: ваш основной рабочий инструмент для Adobe After Effects 🔹 AE Notepad 1.5 — это быстрый, интуитивно понятный и необходимый инструмент для повышения производительности для художников After Effects. Планируете ли вы сцены, записываете идеи, просматриваете отзывы клиентов или отслеживаете сложные разбивки VFX — AE Notepad организует ваши мысли, не покидая рабочего пространства AE. Источник: AE Notepad 💾 ССЫЛКА 💬 Комментарии ➡️КАНАЛ⬅️ #plugins #After_Effects #AE_Notepad #free #бесплатно
Video is not supported
Изображение канала: Людочка, дизайн!
Everlasting Sticky Notes
Стикеры для Figma — чтобы быстро делать заметки прямо в макете. В наборе пять размеров с плашками и без. Выглядят ярче, чем обычные комментарии, и отлично подходят для задач, статусов или просто мыслей по ходу работы. #прочее Людочка, дизайн – ресурсы для дизайнеров
Изображение поста
Изображение канала: Design Stock
Memote - Note Taking App UI Kit
💾 Скачать и использовать https://www.figma.com/community/file/1290044913618146802/memote-note-taking-app-ui-kit">https://www.figma.com/community/file/1290044913618146802/memote-note-taking-app-ui-kit 🔎 Посмотреть описание https://www.figma.com/community/file/1290044913618146802/memote-note-taking-app-ui-kit">https://www.figma.com/community/file/1290044913618146802/memote-note-taking-app-ui-kit #uikit #figma 🔥 Design Stock
Изображение поста
Изображение канала: MEGA COURSE
11 Smash & Style mockup
11 PSD prototype Smart layer double strike replacement 3328-4608px irregular Note: Does not include the design and font displayed by the prototype 📁 .psd ⬇️ Download | Partners |💎 VIP | UI8 🏷 MEGA Community | #mockup
Изображение поста
Изображение канала: Private Designer
3 NOTEBOOK AND BUSINESS CARDS WITH ENVELOPE MOCKUP
️️️️️️️️️️️️️️️️️️️️️️️️Скачать Это пак, в который входит несколько высококачественных мокапов: 3 для блокнота, и по 1 для визитки и конверта. Элегантный набор для создания качественной презентации вашего дизайна. #материалы #мокапы Для полного доступа в приватный канал напишите @bricklover
Изображение поста
Изображение канала: Чувствительность к регистру
The 1993 conference HOW Magazine
by Carlos Segura In one respect it was groundbreaking: the first How Conference collateral campaign — ads, cards, a notebook cover, etc. — to be fully computer-generated. On a Mac IIci, to be precise, using Quark, Illustrator, and Photoshop. “We encountered many technical issues, all of which sound silly now, since everything is done this way. But back then it seemed everything was going wrong. We finally got it together and made it happen. “By the way, the typeface designed for this event — called Neo — went on to become one of the first fonts we released via t26.com,” tells Segura #typography #old_good_things #typedesign
Изображение поста
Изображение канала: Movement — Design Source | Мувмент — Дизайн Ресурс
Doctor Note Type – Alex Inkpen
🍀 Download | Скачать 🍀 (personal & commercial use | личное и коммерческое использование) #font #allfree
Изображение поста
Изображение канала: Mockupstarter
Notebook Mockup
💾 Скачать #notebook
Изображение поста
Изображение канала: /descult | free design resources
💥 Free Realistic Open Notebook Mockup
⬇️ download
Изображение поста
Изображение канала: Людочка, плагины!
notely ✍️ | Sticky Notes
Плагин помогает фиксировать идеи и фидбэк прямо в макете. Быстро создавайте, редактируйте, ищите, фильтруйте и настраивайте заметки, чтобы работать в команде без лишней путаницы. А если нужно разобраться, есть песочница с примерами и подробная инструкция-онбординг. #прочее Людочка, плагины – отборные плагины в Фигме
Video is not supported
Изображение канала: Midjourney Free Design
Midjourney prompt: A young couple sits in the living room with their therapist. They are holding hands and smiling at each other while seated on a sofa in front of the therapist, who is taking notes on a clipboard. The modern interior design and professional photography lighting suggest this is a scene from a photoshoot, likely captured with a Canon EOS R5 camera. --ar 85:128
Миджорни бот: @midjorobot
Изображение поста
Изображение канала: Уха дизайнера
Полезные компоненты.
• Добавлен компонент changelog, вдохновленный @marcosmoreira • Новые двойные изогнутые пути потока • Варианты Callout для прямых и изогнутых потоков • Улучшенные направления потоков #Наборзаметок #списковипотоковсострелками •ОснованнаFlows&Notesот@dscasares •Удобендляработыссистемамидизайна •Гибкаянастройкаилёгкоеиспользование Открыть в Figma
Video is not supported
Изображение канала: Dropzz
Sticky Notes
Простой инструмент для заметок для Figma. 💾 Открыть Dropzz #Plugin
Изображение поста
Изображение канала: 3D Models Education
Takes Notes
#туториал
Video is not supported
Изображение канала: Blender 3D
Takes Notes
#туториал
Video is not supported