🖥 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 ➤ Наталья Лебедева — Бризант

Мы — Ardor, качественно работаем над созданием рекламных креативов для мобильных игр и приложений. Задачи: — работа с готовыми билдами мобильных игр в Unity — настройка, кастомизация и экспорт 3D сцен геймплея: свет, камера, объекты, персонажи, текстуры и анимации — запись видеоскринкастов по ТЗ клиента Ожидания: — отличное владение Unity, работа с уже готовыми билдами — кастомизация геймплея в Unity: добавление в билд 3D моделей, изменение текстур, работа с VFX в билде — экспорт из билда Unity: 3D моделей и пересборка в новый билд с добавлением необходимых ассетов для записи видеоскринкаста — настройка сцен: свет, камера, объекты и анимации — умение хорошо считывать стилистику игр, передавать атмосферу и игровые механики Будет плюсом: — базовые знания Photoshop — владение любым 3D пакетом, чтобы быстро производить небольшие исправления 3д моделей из билда Условия: — удаленный формат — оплата зависит от проекта Контакт для отклика: @Ulia_1495 #геймдев

🔶 Самые интересные проекты на Designart Tokyo 2025 от редакции Dezeen. Подборка с ежегодного фестиваля, превращающего Токио в музей под открытым небом. В список включён эксперимент с традиционной чайной комнатой, громкоговорители из топливного бака ракеты, серия работ из остатков металла и другие объекты. 🔶 Palette Generator от Pantone на базе ИИ. Нейросетевой генератор палитр от Института цвета Pantone основан на «многолетнем опыте компании и её авторитете в области цвета». На основе запроса используется семантический поиск и трендовые исследования Pantone. Можно задать настроение, тему или концепцию. 🔶 Айдентика города-курорта Россы от студии Артемия Лебедева. Фирменный стиль подчёркивает атмосферу уединения и гармонии. Центральные образы логотипа с лёгким гротескным шрифтом — капля и отражение леса в воде. А связь загородной архитектуры с природой Урала символизирует глубокий зелёный цвет и тёплый белый. 🔶 Шарфы, которые лечат горло, от бренда леденцов Ricola. Работающий продукт объединяет функциональность и стиль. Шарфы лимитированной серии пропитаны эфирными маслами фирменных трав, призванными облегчить состояние горла в любой момент. В аксессуарах также есть скрытый карман для пастилок Ricola. 🔶 Капсульная коллекция Sela, посвящённая культовым лентам «Мосфильма». Линейка «Танцуют все!» объединяет эстетику советского кино и современный уличный стиль. В ней нашли отражение визуальные коды, цитаты и образы из знаменитых фильмов — от «Иронии судьбы» до «Служебного романа». 🔶 Мобильный лагерь, который может автономно вырабатывать электроэнергию и собирать воду в Альпах. Деревянный альпийский бивак от компании Carlo Ratti Associati создан, чтобы удовлетворять основные потребности постояльцев. Это стало возможным благодаря использованию цифровых технологий. Команда проектировщиков изучила локальную среду и создала конструкцию с учётом рельефа местности и погодных условий. 🔶 Исследователи из Кореи экспериментируют с использованием живых бактерий для производства и окрашивания ткани. Идея заключается в создании бактериальной целлюлозы — продукта биосинтеза микроорганизмов. Волокнистая сеть образуется, если определённые микробы размножаются в богатой питательными веществами жидкости. Материал можно собрать, высушить и использовать как ткань. Для придания ему устойчивого цвета учёные взяли другую группу бактерий, которые производят естественные пигменты. [Фабрика Дизайна]

Автор собрал подробный справочник базовых элементов интерфейса, разделив их на четыре группы: навигация, ввод данных, обратная связь и отображение данных. Каждый элемент объясняется простым языком с практическими примерами использования. Особенно интересны нюансы терминологии. Например, Bottom navigation в мобильных приложениях называется по-разному: Navigation bar в Material Design и Tab bar в Human Interface Guidelines. А меню из трёх точек имеет сразу три варианта: кебаб (вертикальные точки), фрикадельки (горизонтальные точки) и бенто (сетка квадратиков как в сервисах Google). Автор также объясняет важные различия: радио-кнопки позволяют выбрать только один вариант, а чекбоксы несколько; тост исчезает автоматически, а уведомление может быть постоянным. Внутри: – Почему аккордеон и коллапс это разные элементы; – Как три точки превратились в кебаб и фрикадельки; – Зачем нужны хлебные крошки и откуда такое название; – Чем селект отличается от дропдауна; – Почему минимальный размер кнопки 44×44 пикселя; – Какие шесть типов диаграмм чаще всего используют в интерфейсах. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Ксюша (@uxrockru) от лица Uprock заколлабилась с Ozon и сделала месячный курс по исследованиям и UX-тестам. У вас будет реальная продуктовая задача от Ozon, а домашние задания будет проверять дизайнер Никита Дик — ответственный за эту задачу в компании. Этот курс нужен апроковцам, чтобы вы: ✦ получили реальный исследовательский кейс по задаче Ozon в портфолио; ✦ смогли по полученной методике исследований улучшить свои учебные проекты (особенно мобильные приложения; сайты тоже можно дополнить исследовательскими блоками); ✦ освоили исследования, которые применяются в Ozon на реальных задачах. Уникальность курса: ✔️ Личная проверка от Ксении Толокновой (ex-дизайн-лид Alfa-Bank) и Никиты Дика (продуктовый дизайнер Ozon); ✔️ Процессы полностью повторяют реальные в Ozon — это сопоставимо со стажировкой в компании; ✔️ Вы получите личный отзыв по вашей работы от Ксении и Никиты (сильное дополнение к портфолио и CV). То есть, цель курса: — Повысить вашу конкурентоспособность на рынке дизайна; — Усилить портфолио и резюме реальными продуктовыми задачами. По срокам: требуется всего 6–8 часов в неделю (курс длится 4 недели). 📌 Цена: Здесь совпало сразу два фактора: первый поток, для которого мы всегда делаем лучшие условия, и Черная пятница. Поэтому стоимость сейчас всего 29 900 рублей вместо 39 000. За эту сумму обычно можно купить 3–4 менторские сессии такого уровня, а здесь вы проходите полноценную месячную программу. Для меня и школы важно в первых потоках дать возможность пройти обучение по максимально комфортным условиям, а затем — на основе отзывов этих студентов показать, что обучение действительно качественное. Больше информации о курсе доступно по ссылке. Также вчера Ксюша проводила вебинар, где подробно рассказала об исследованиях и программе обучения: Youtube / ВК ➡️ Оставить заявку на обучение можно коллегам @uprock_hello — достаточно написать «ux-тесты». P.S. Всем студентам Uprock при покупке курса по исследованиям добавиться 2 месяца обратной связи на другие программы, чтобы вы могли комфортно совмещать обучения.

Воркшоп с участием наших студентов, которым мы занимались совместно с бюро Archinform в рамках фестиваля Открытый город, получил высшую оценку жюри среди 15 команд! «Мы рассматриваем мобильность как коммуникацию: людей с людьми, людей с ботами и людей со средой. Наши концепции — это не просто творчество, а жизнеспособные бизнес-кейсы. Задача была в том, чтобы взглянуть на идеи критически и создать то, что можно будет реализовать с очевидной пользой» — Тимур Абдулаев (Archinform) В рамках воркшопа мы разработали три проекта: 1️⃣ Цифровая идентичность Создание уникального цифрового паттерна для новых районов с помощью профили жителей. Паттерн превращается в виртуальный «маяк идентичности» и находит отражение в дизайн-коде района, который помогает среде стать более узнаваемой, а людям — легче в ней ориентироваться и формировать локальные сообщества. 2️⃣ Параллельная мобильность Новая система, где городские трамваи перевозят не только людей, но и роботов-доставщиков в специальных вагонах. Решает существующие проблемы доставки роботами, в разы увеличивает зону покрытия сервиса и уменьшает конфликты ботов и людей на тротуарах. 3️⃣Адаптивный цифровой ландшафт Новая модель использования цифрового двойника района как AR-ассистента на примере «Москва-Сити». Предлагается целостная система виртуальных ориентиров, которая помогает быстрее перемещаться в сложном пространстве переполненного делового центра. «Город становится техноцентричным, но комплексного подхода к интеграции технологий в среду до сих пор нет. Эту нишу мы и стараемся заполнить. Наш метод — смотреть на городские задачи через призму IT-решений и современного сторителлинга, а не только архитектуры» — Андрей Киселев и Сергей Шестопалов (sintez.space) Прочитать про проекты подробнее можно на archi.ru Поздравляем всех участников с победой! @sintez_space

Вы точно слышали фразы: «это концепт», «фейк», «просто картинки». Добро пожаловать в мир творческих людей, где проще обесценить чужую работу, чем развиваться самому. К сожалению, это реалии нашего рынка. И с этим нужно уметь работать. Сейчас в тренде «продуктовые обоснования дизайна». Не важно, подходят ли они для лендинга или другого проекта — главное, чтобы было слово «продукт». Мы с Ксюшей (@uxrockru) решили найти способ, который с одной стороны удовлетворяет запрос на «продуктовость», а с другой — остается универсальным для любых типов проектов (от сайтов до мобильных приложений). Ксюша, как обычно, глубоко изучила задачу и создала свою методологию: как обосновывать дизайн, какие методы работают и в каких ситуациях. И самое интересное — она организовала коллаборацию с OZON, чтобы их опыт усилил ее методологию на примере ключевого функционала компании — дизайна карточки товара. ⚡️Все это Ксюша упаковала в вебинар, который проведет завтра в 20:00 (МСК) вместе Никитой Диком (продуктовым дизайнером OZON) На вебинаре вы узнаете: ✔️ как аргументировать ваш дизайн; ✔️ какие обоснования помогают избежать критики и обесценивания; ✔️ как любые учебные проекты — от лендингов до мобильных приложений — можно пропустить через исследование для усиления аргументации (❗️важно для студентов UPROCK); ✔️ как устроены исследования в крупных компаниях: OZON, Альфа-Банк и др. 🎁 Бонус: для всех участников Ксюша подготовила чек-лист по приемке и проверке дизайна. ➡️ Регистрация на вебинар по ссылке — бонусный чек-лист будет доступен в этом боте завтра после трансляции. P.S. Запись будет, но сохраним ее только на сутки ❗️

Евродвушка с отделкой от застройщика и бюджетом 2 800 000 ₽ без учёта наших услуг. Сумма меньше, чем в ЖК Victory Park, но это стратегически оправдано, тут добиться отличных показателей по окупаемости можно с меньшими затратами. Решают локация и концепция самого ЖК: • ЖК Lunar – это бизнес-класс на Ленинском проспекте, в динамичном Гагаринском районе. Здесь важны мобильность и удобство: арендаторы – молодые специалисты, предприниматели, пары, которым нужно быстро добираться до центра и не тратить время на быт. Район с развитой инфраструктурой, кафе, офисами и университетами, поэтому ставка аренды держится стабильно, а спрос высокий. • В отличие от Victory Park, который окружен зеленью и рассчитан на спокойное, статусное проживание, Lunar – это городской ритм и функциональность. Здесь оценят эргономику, технологичность и комфорт без излишеств. А слишком роскошный концепт вряд ли приживется, он будет выбиваться из контекста района и аудитории. Здесь мы тоже начали с коллажей, ключевая идея в этом проекте – контраст и баланс. Холодный металл соседствует с тёплым деревом, нейтральную базу дополняют графичные акценты. Интерьер получился характерный, без избыточного декора, но с ощущением архитектурной чистоты. В работе прошли все стадии: от долгих согласований каждой детали, до безоговорочного принятия. Важно не просто утвердить картинки, а собрать систему, где решения работают технически и визуально. И как обычно, мы сотрудничаем только с проверенными годами подрядчиками. Без салонных накруток, посредников и рекламных вывесок – зато с реальными гарантиями и высоким качеством. Когда заказчица увидела договор с ИП, насторожилась – она ожидала увидеть там шоурумы и сетевые магазины. Это нормально – привычка доверять брендам, а не людям понятна. Но именно такие «невидимые фабрики» сегодня делают мебель, которую потом ставят в дорогие шоурумы. Только без переплат за вывеску и аренду. Чтобы устранить все сомнения, мы пригласили заказчицу на другой объект, где уже установлена мебель от этой же команды. В реальности качество говорит само за себя лучше любого красивого сайта. Теперь, когда все решения согласованы, можно показать финальные коллажи – они отражают то, что мы ценим в дизайне: сдержанность, логику и уверенный баланс между эстетикой и рациональностью. Так что даже в среднем бюджете можно создать интерьер, где всё выглядит и работает так, как должно. И снова не за счет компромиссов, а с помощью системного подхода.

Мы много пишем о развитии креативности и лайфхаках, которые помогают мозгу справляться с разного рода задачами. Например, здесь рассказывали о еде и напитках, которые краткосрочно повышают когнитивные возможности. Однако иногда организму требуются не стимуляторы, а отдых. Разбираемся, что происходит с креативностью, когда мы подвержены хроническому стрессу. Кортизол — обоюдоострый гормон Чаще всего стресс ассоциируется с кортизолом — гормоном, который выделяется в тревожных ситуациях. У него есть свои плюсы: краткосрочный выброс гормона мобилизует ресурсы организма и повышает концентрацию. Например, когда вы нервничаете перед выступлением, у вас повышается кортизол и адреналин — организму становится легче сосредоточиться и выполнить задачу. Затем концентрация этих гормонов снижается и вы расслабляетесь. Увы, в реальном мире так происходит не всегда: хронический стресс вынуждают организм вырабатывать всё больше кортизола. Если высокий уровень гормона сохраняется в крови долго, то это становится проблемой. Подавление нейропластичности В долгосрочной перспективе повышенный кортизол понижает в организме нейротрофин BDNF. Это белок, который отвечает за нейропластичность мозга — возможность строить новые нейронные связи. Снижение BDNF приводит к шаблонности мышления и ухудшает память. Нам становится не просто сложно генерировать новые идеи, но и даже находить между ними связи. А ещё низкий уровень нейропластичности приводит к преждевременному старению мозга. О том, как этому противостоять, писали тут. Подавление префронтальной коры Стресс подавляет активность префронтальной коры, которая напрямую связана с гибкостью мышления и участвует в творческих процессах. Эта часть мозга отвечает за принятие решений, контроль над эмоциями и планированием. Выбросы норадреналина и дофамина во время буквально блокируют генерацию импульсов нейронами этой префронтальной коры. Хронический стресс продлевает действие этого эффекта, из-за чего мы не только думаем, но и ведём себя иначе. Фиксация на критике, а не возможностях Креативность и творческий процесс чувствительны к внутренней критике. Повышенная тревожность заставляет нас фокусироваться на недостатках собственных идей, а не на их потенциале. Получается замкнутый круг: из-за хронического стресса нам сложнее придумывать идеи, но при этом легче их критиковать. В результате мы тревожимся ещё больше, что может привести к полной потере мотивации и выгоранию. Универсальное решение Если вы столкнулись с креативным блоком или творческим кризисом — скажите себе «стоп». Краткосрочный стресс повышает продуктивность, но хронический — её злейший враг. Отдых, сон и занятия спортом — это не просто шаблонные советы, а способы повлиять на биохимические процессы в организме. Умеренные тренировки помогают наладить регуляцию кортизола. Во время силовых нагрузок концентрация гормона быстро повышается, а затем снижается. Не забывайте: лучше всего мозг работает в креативном режиме только тогда, когда расслаблен. #КНП_исследования ⭐️ Канал о креативе, креативности, творческом мышлении и полезных инструментах

Большое событие для команды нашего агентства Ancora.🏆 В начале этой недели мы отправили в релиз новое мобильное приложение, в App Store и Play Market. Проект для компании, которая занимается косметологическими продуктами. Мы пока не можем показать дизайн — есть договорённость с заказчиком не делиться проектом до полноценного запуска. 😎 Для нас это очень крутой опыт и проект. Нам пришлось погрузиться в профессию и нишу. Опрашивать знакомых косметологов и заваливать их вопросами. Это помогло нам разобраться, как работают косметологи, изучить зоны и области введения филлеров, новую терминологию. И всё это — за довольно сжатые сроки. Для заказчика это первый цифровой продукт такого масштаба. Мы проектировали приложение с нуля, согласовали десятки мелких деталей, сделали стильный современный дизайн. Делали адаптивную верстку и собрали кроссплатформенное приложение, которое сейчас проходит финальные проверки в сторах. Мы безмерно рады что смогли сделать это приложение настолько проработанным и продуманным. Написали для приложения специальный парсер, чтобы на стадии MVP добавлять информацию в новые сборки супер оперативно. Да, кстати, для нас — это уже второе мобильное приложение, которое мы релизнули за последние три месяца. Предыдущее вышло в августе. Но оно для внешнего рынка. Скоро обязательно покажу, как выглядит это приложение. А пока просто делюсь радостью: ещё один релиз, ещё одно живое приложение, и ещё один опыт, который прокачал команду. Ну и конечно, это заслуга команды. Они все очень крутые.❤️ Обожаю. @Саша из Анкоры

Команда TypeType создала новое шрифтовое семейство для Государственного Эрмитажа — Hermitage Type Family. И уже через три дня шрифт появится на стартовой странице мобильной версии сайта музея, которая полностью изменится. Эта трансформация станет лишь началом масштабного обновления цифрового облика @hermitage_museum, в котором шрифт сыграет немаловажную роль. Одним из ориентиров при разработке Hermitage Type Family стал логотип Эрмитажа. Однако мы старались не повторять формы буквально, а сделать мягкое взаимодействие, которое будет считываться интуитивно. Скоро расскажем обо всём подробнее! А уже 14 ноября в 14:40 в онлайн-режиме можно будет увидеть обновление стартовой страницы мобильной версии сайта Эрмитажа. С нетерпением ждём! Фото: Станислав Марченко, Государственный Эрмитаж #TypeType

Что ок? 🤌 Что не ок? 👎 ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Что ок? 🤌 Что не ок? 👎 ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Что ок? 🤌 Что не ок? 👎 ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Что ок? 🤌 Что не ок? 👎 ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

На курсе «Профессия Веб-дизайнер» от Skillbox вы: — Освоите Figma, Tilda и Photoshop на профессиональном уровне. — Научитесь создавать сайты и мобильные интерфейсы: от лендингов до интернет-магазинов. — Изучите UX-дизайн, анимацию и 3D, чтобы брать сложные и высокооплачиваемые проекты. — Получите обратную связь от кураторов-дизайнеров и помощь с трудоустройством. К окончанию курса вы соберёте портфолио из 15+ реальных проектов — лендинги, редизайны, UI-киты, оформление сообществ и интернет-магазины. Результат — свобода, доход и востребованная работа. Black FridAI — скидки до 65% на обучение и курс по ИИ в подарок! Начать учиться: https://epic.st/-oaxb?erid=2VtzqvY2DJP

Что ок? 🤌 Что не ок? 👎 ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Что ок? 🤌 Что не ок? 👎 ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Создавая продукты для mental health-отрасли, Катя продвигает идеи осознанного дизайна, инклюзивности и пользовательского доверия — принципы, которые становятся новым стандартом индустрии. Сейчас Катя работает над приложением для быстрого снятия стресса BearRoom, где соединяет интерактивные микропрактики, ИИ, работу с эмоциями пользователей и творческий подход к интерфейсу. В этом выпуске говорим о том, как она перешла в эту сферу, какие тренды и технологии формируют рынок, и как создавать приложения, которые действительно помогают людям. Обсуждаем важность исследований, подходы к интервью и перспективы развития индустрии. Если тема выпуска вам откликается и вы хотите чтобы мы раскрыли ее более глубоко – ставьте лайки и пишите вопросы в комментариях к выпуску в нашем ТГ-канале. 👉 Слушать в телеграм-плеере 👉 Слушать в Apple 👉 Слушать в Яндексе 👉 Слушать в ВК

Позволяет создавать приложения с помощью промтов на простом языке либо по дизайну из Figma. Достаточно даже короткого запроса в одно предложение. Приложение генерируется сразу вместе с бэкендом, чтобы его можно было быстро развернуть на домене и подключить всё необходимое. Поддерживает работу с HTML, Next.js, React и Flutter. Есть интеграции с GitHub, Figma, а также моделями OpenAI, Anthropic, Google и другими. Есть бесплатная ограниченная версия. Цена — от 25 $ в месяц. #инструменты@zhurnalus_lite