🖥 HTML-верстка для дизайнеров (интенсив)

Как и обещал, проведем для вас интенсив по HTML-верстке. Дизайнеру важно понимать, как технически реализуются макеты — это помогает заранее продумывать дизайн так, чтобы он корректно собирался в разработке. Интенсив пройдет 26 и 27 ноября, на нем мы вместе с командой Taptop разберем: • основы HTML-верстки • основные термины • как правильно передавать макет в разработку 📌 Плюс будет практика, где вы сможете самостоятельно сверстать проект на визуальном редакторе кода Taptop. Он позволяет работать по принципам реальной верстки, при этом не требует знания кода. Подробная программа на 2 дня интенсива: 🗓 26 ноября: ⬥ Расскажем, почему дизайнер, который понимает верстку, становится сильнее, дороже и востребованнее, и зачем вообще дизайнеру разбираться в логике кода. ⬥ Разберем частые ошибки дизайнеров в макетах. ⬥ Объясним, как думает разработчик: что для него важно, почему он “ломает” макет, как он считывает структуру, что такое чистый код. ⬥ На примере Taptop разберем, что такое логика визуальной верстки и почему дизайнеру важно понимать структуру. ⬥ Рассмотрим, что такое HTML простым языком: структура страницы, теги, div, DOM. ⬥ CSS в понимании дизайнера: позиционирование, построение структуры, работа flex и grid, поведение блоков, связь дизайна и кода. ⬥ Принципы адаптации дизайна: mobile-first и desktop-first, брейкпоинты, базовые правила адаптива. ⬥ Посмотрим и разберем реальные кейсы студентов и партнеров, а также вы получите практическое задание 🗓 27 ноября: ⬥ Разберем ваши работы: рассмотрим типичные ошибки, расскажем, как сделал бы разработчик, а также подарим вам чек-лист передачи макета. ⬥ Практика: сборка макета в Таптоп, создание адаптива и мобильной версии. ⬥ Подведем итоги и подарим бонусы участникам: чек-лист передачи макета, методичка по терминологии, а также запись практики. ⚡️ Зарегистрироваться на интенсив P.S. В видео к посту — реализованные сайты студентов Uprock на Taptop, посмотреть их подробнее можно по ссылкам 👇 ➤ Тигран Шагоян — Shagoyan ➤ Наталия Кузнецова — Laguna Al-Sha'ab ➤ Наталья Лебедева — Бризант

Хеллоу!

Бегала по джунглям, тут так жарко, набрала целую корзину портфолио талантливых специалистов из Skillbox, Skillfactory и Contented. Ребята приняли участие в хакатоне «IT-песочница» — это проект, где студенты собираются в команды и решают задачи для крупного и не очень бизнеса. Смелые и яркие ребята ищут предложения, разбирайте: 🐯 Юлия Панкратьева — дизайнер из Новосибирска. Основные направления: Графический дизайн, коммуникационный дизайн, брендинг, айдентика, digital-дизайн, постеры и афиши. Инструменты: Figma, Photoshop, Illustrator, After Effects, AI-инструменты. 🐯 Маргарита Тер-Оганезова — моушн-дизайнер из Москвы. Основные направления: 2D и 3D анимация, 3D моделирование, скульптинг, продуктовый рендер, персонажная анимация, создание роликов. Инструменты: After Effects, Cinema 4D, Substance Painter, Z-Brush, Illustrator, Premiere Pro. 🐯 Карина Гладыш — графический дизайнер и художник из Москвы. Основные направления: Брендинг, айдентика, digital-дизайн, презентации, иллюстрация, мерч. Инструменты: Illustrator, Figma, Photoshop, SAI, After Effects, Blender, AI-инструменты (DeepSeek, Gemini, Midjourney). 🐯 Лида Цветаева — UX & UI-дизайнер. Основные направления: Web & Mobile дизайн, Продуктовый дизайн, Коммуникационный дизайн. Инструменты: Figma, FigJam, Illustrator, After Effects, ProtoPie, Blender, AI-tools (Leonardo, Chat GPT, Recraft). 🐯 Ольга Корчагина — UX/UI дизайнер из Москвы. Основные направления: UX/UI, дизайн интерфейсов, продуктовый дизайн. Инструменты: Figma, Ae, Ps, Lr, AI-инструменты, Figjam, Notion, Miro, Useberry, Webflow, Tilda. 💧 Какие красавчики водятся среди лиан! Хочешь принять участие в подборке? Отправь резюмешку сюда.

Пока все отдыхали на выходных, кэпсы вошли в 💜 шорт-листа

MIXX Россия 💜 MOBILE APPS — Mini App 💜 VISUAL CONCEPT — Best Use of Visual Technology СРЕДА 💜 Контент для цифровых продуктов 💜 Интерактивный дизайн 💜 — если любишь кэпсы 💜 креативная студия Сирена
Изображение поста

Fintech Mobile App — интерфейс финтех-приложения.

Изображение поста
Spotify - Набор для создания мобильного пользовательского интерфейса
• Мобильный интерфейс музыкального стримингового сервиса #uik #mobile Открыть в Figma
Sammy Вдохновляющий веб-сайт мобильного приложения для бизнеса и финансов, использующий roobert в качестве основного шрифта.
Types: Business & Finance, Mobile App, Startup Styles: Scrolling Animation, Parallax Fonts: Roobert, Clash Display.
⬢ BlaBlaCar
Master Guidelines (Light Version) May, 2023 BlaBlaCar is a French online marketplace for carpooling headquartered in Paris. Its website and mobile apps connect drivers and passengers willing to travel together between cities and share the cost of the journey. Designed by “Koto” ⏵ Download — PDF Follow me!
20 вариантов страниц входа и регистрации пользователя.
• 10 вариантов мобильного приложения премиум-класса для входа в систему. • 10 вариантов мобильного приложения премиум-класса для регистрации. • Размер экрана 375 x 812. • Полностью автоматическая верстка. • Использован шрифт Google. #uik #app #mobile #login #register Открыть в Figma
Fness Mobile App UI K
Этот бесплатный UI K предоставляет все основные элементы для разработки фитнес-приложений, включая экраны, навигацию, кнопки и стили. Инструмент идеально подойдёт для дизайнеров, ищущих удобный и современный старт для мобильного UI-дизайна. #UIk ОТКРЫТЬ Источник
Изображение поста
Клавиатуры для iOS.
• iPhone SE, 8, 8 Plus, iPhone X, iPad 9,7", iPad 10,5", iPad 12,9. • В книжной и альбомной ориентации. • В черно-белой тематике. • В верхнем и нижнем регистре. #components #keyboard #mobile #ios Открыть в Figma
80+ мобильных мокапов и шаблонов
Изображение поста
Browser Mockups
Что входит в шаблон Browser Mockups Figma от BRIX Templates? • Макет Come Figma • Макет Come Mobile Figma • Макет Firefox Figma • Макет Firefox Mobile Figma • Макет Safari Figma • Макет Safari Mobile Figma • Макет Microsoft Edge Figma • Макет Microsoft Edge Mobile Figma • Макет приложения Figma #Mockup ОТКРЫТЬ
Изображение поста
Free Mobile Wireframe Kit by aaaa Здесь вы найдёте коллекцию из 30 стильных экранов в формате вайрфреймов, на основе которых создадите стильные проекты гораздо быстрее.
Изображение поста
Мокапы Gmail для мобильных устройств.
• iOS; • Android; • Тёмная и светлая темы. #UIk #mobile #app #gmail Открыть в Figma
Набор компонентов для выбора даты и времени.
• 15+ готовых компонентов с поддержкой Variants и Auto Layout • Адаптирован для веб и мобильных проектов • Регулярные обновления и улучшения #uik #datetime #components #web #mobile Открыть в Figma
Приложение Nike Sneaker Store.
• 15+ тщательно проработанных экранов. • Руководство по стилю. #app #mobile #uik Открыть в Figma Источник
Татьяна Гайворонская,
UX/UI-дизайнер Работала над 10+ проектами в сферах Web3, кибербезопасности, и IT. Что делаю: — UX-исследования, интервью, анализ конкурентов — Проектирование интерфейсов Web3-платформ, Telegram Mini App, лендингов и сайтов — Адаптивы, UI-гайды, брендбуки — Дизайн курсов, презентаций, баннеров, графики для соцсетей — Передача макетов в разработку и взаимодействие с dev-командой Факты обо мне: — 12 завершённых проектов — 59 экранов (36 mobile / 23 desktop) — 116 графических материалов — 36 конкурентных UX-анализов — 24 интервью с пользователями → Портфолио Контакт для связи: @space_Yes #портфолио #BBE_alumni
Изображение поста
Набор пользовательского интерфейса.
• Компоненты с вариантами. • Стили текста. • Цветовые стили. #app #mobile #uik Открыть в Figma
50 Mobile Bottom Navigation Bar.
Готовые Figma-компоненты 50+ мобильных навигационных панелей с поддержкой темной/светлой темы и адаптацией под iOS/Android. Открыть в figma 🔗 #Файлы
Изображение поста