Интересная верстка CV-портфолио.

• Можно использовать как в вебе, так и на печатке #Templates #Layout Открыть в Figma 👨 Дизайн-телега

shuffle.dev/setup 💙 Профессия Дизайнер

Миджорни бот: @midjorobot

Миджорни бот: @midjorobot

ЧТО ДЕЛАТЬ? — Копируем промт в ChatGPT вместе с 1-5 картинками. Чем больше — тем лучше, с них он считает стиль; — Запускаем генерацию, на выходе будет код. Просим ChatGPT собрать его в JSON-файл; — Закидываем полученный файл вместе с картинкой вашего товара. Опишите его, что хотите видеть на фоне и т.д. Сам промт: Analyze the provided images and create a "brand style profile" in the form of a JSON object. This profile should extract and describe the visual identity, structure, and aesthetic rules shown in the images, in a way that allows an AI to recreate similar visuals in the same style, but for entirely different content. Do not include or reference any specific subjects, logos, products, people, text, or brand names present in the input. Your job is to isolate and document the style, layout principles, and design system used, so it can be reapplied to different content while maintaining the same visual language. The JSON should include, but not be limited to: Color usage: dominant tones, gradients, or palettes Typography style: font mood (bold, modern, playful, clean, etc.), placement, and usage hierarchy Lighting & vibe: energetic / moody / clean / vibrant / soft / etc. Subject placement: centered / floating / grouped / perspective / rotated / etc. Background style: abstract / gradient / textured / scenic / etc. Composition layout: symmetrical / rule of thirds / collage / exploded view / etc. Branding elements: use of overlays, strokes, glows, shapes, burst effects, or other visual motifs Visual tone: bold / casual / premium / loud / minimal / playful / etc. Post-processing style: contrast, saturation, shadows, glow, noise, etc. General style tags: genre/feel, e.g., "sports aesthetic", "editorial look", "clean tech", "pop art", etc. The output must be a well-structured JSON that an AI can use to recreate visuals in the same stylistic language, regardless of the actual subject matter.

Смотреть урок 🏛DESIGN HUB

Ссылочка на UI Kit — Lookscout - Design System #UIKit #полезное Figma от 0 до 1

Включается в меню: "Customize" → "Lock UI Layout". При этом вы всё равно можете добавлять и удалять панели через контекстное меню (ПКМ). Подробнее в видео. Больше полезных шпаргалок по 3ds Max - #3Dгифки

Начните процесс дизайна с адаптивной раскладки и умных брейкпоинтов. Этот файл идеально подходит для вашего следующего проекта, чтобы опробовать полный UI Prep Design System или просто для практики. #UIkit ОТКРЫТЬ

🏛DESIGN HUB

Гладкие, блестящие, кислотные — коллекция адаптивных фонов Install 😗 Фигмач

Unlock the secrets to crafting stunning, user-friendly interfaces with 58 design rules, structured into 8 key categories — with real-world examples (Apple, Tesla, Nike, etc.)🔥: 1️⃣ Empathy 2️⃣ Layout 3️⃣ Essentialism 4️⃣ Guidance 5️⃣ Aesthetics 6️⃣ Novelty 7️⃣ Consistency 8️⃣ Engagement 🔗Read the full article🔗 As always, your reactions are highly appreciated ❤️ Grab a poster of “58 Rules for Stunning and Effective User Interface Design” for free👇

Теперь все логотипы будут выглядеть гармонично, независимо от их изначального размера и формы. #логотипы #масштабирование #сетка

Создаем калькулятор на базе Auto Layout. Смотреть урок 🏛DESIGN HUB

🔗 Figma Community ▫️ #accessibility

🔵 SketchUp Pro — программа для разработки трехмерных моделей домов, гаражей, террас, пристроек, деревянных проектов и даже космических кораблей. SketchUp Pro включает в себя следующие продукты: SketchUp; LayOut; Style Builder. Проекты SketchUp Pro сохраняются в формате *.skp. Любая модель строится при помощи дополнительных деталей, текстур и стекла, конструируется в точном соответствии с пространством. Позволяет быстро и качественно создавать практически любые построения различного уровня подачи — от драфт-эскиза, до готового проекта. 💾 ССЫЛКА 💬 Комментарии ➡️КАНАЛ⬅️ #soft #SketchUp_Pro #free #бесплатно

История о том, как я чуть не закопал ноутбук из-за муторной адаптации блоков сайта под мобилку. Раньше адаптивы для меня были как квест: → Клиент пишет: «На айфоне кнопка наезжает на текст». → Я 40 минут двигаю элементы пиксель за пикселем для каждого блока. → Обновляю страницу → всё съехало обратно. → Повторяю до тех пор, пока не захочется выкинуть ноут в окно. Но после открытия Framer я... обомлел 💀 Оказалось, адаптивы блоков можно делать за 60 секунд, если знать про стеки (те же привычные Auto-Layout из Figma). Как это работает: → Группируем элементы в стек (stack) вертикально или горизонтально. → Настраиваем отступы (gap) между ними. → Переключаемся на мобильную версию → элементы сами встают как надо. Выше в скринкасте я показал, как это работает. Время: 57 секунд на блок. Почему это х10 раз быстрее, чем в Тильде: 1️⃣ Стек — ваш личный сортировщик: • Элементы не разбегаются, даже если экран смартфона меньше экрана чайника. • Хотите поменять порядок? Просто перетащите элемент → остальные подстроятся автоматически. 2️⃣ Стек — это как умный пластилин: • Растягиваете контейнер → внутренние элементы адаптируются под размер. • Добавили новый блок? Framer сам расставит отступы. 3️⃣ Копирование адаптивов: • Сделали идеальный стек для карточек → скопировали его настройки в другой блок. • Никаких «ой, здесь padding другой» — в Framer всё сохраняется. Хотите, чтобы клиенты перестали писать «Почему на телефоне всё съехало?». Начните создавать сайты в Framer. Прежде чем открыть новое обучение, я предоставлю доступ к демо-версии проекта, чтобы вы почувствовали, что такое Framer "на своей шкуре". Пишите «+» в комментариях, если хотите получить демо-доступ первыми 👇 [БЕСПЛАТНЫХ МЕСТ БУДЕТ ВСЕГО 15]

Создание адаптивного графика, календаря и таблицы с помощью обновленных функций Figma Auto Layout. Смотреть урок 🏛DESIGN HUB

5-е место: Как настроить Auto Layout в фигме 4-е место: Система отступов в веб- и UI-дизайне 3-е место: Кнопки в UI/UX, веб дизайне, их виды и состояния 2-е место: Фриланс для начинающих 1-е место Полный гайд по компонентам в Figma

⚡️ПроДизайн — шаблоны, сервисы и качественные материалы!