📂 История жизни одного макета

Аня, маркетолог команды цифровой трансформации Ареал, рассказала о системе правил для дизайн-процессов, которая сложилась за 20 лет работы компании. Команда создала единые стандарты работы в Figma: от маркировки файлов до статусной модели макетов. Каждый файл имеет маркеры (Kit, Int, S, A, Prez), цветовые теги и структурированные секции для разных этапов работы. Интерфейс проходит путь через секции Refs, Prototype, Design и Dev со статусами от Concept до Done. Для отслеживания изменений используют кастомные ворклоги и аннотации в Dev mode. Система позволяет легко подключать новых специалистов и работать с внешними подрядчиками без потери времени. Внутри: – Какие маркеры и теги использовать для файлов; – Зачем нужны секции Refs, Prototype, Design, Dev; – Семь статусов макета от концепта до продакшена; – Как работает кастомный ворклог для истории изменений; – Правила передачи макетов между этапами; – Процесс поддержки UI Kit для внешних подрядчиков. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Не устану повторять, что наши результаты в ремонте/ аренде/ продаже квартир доступны не только нам, как дизайнерам, но и участникам https://golnk.ru/grBQk">канала Потрясные находки Ведь у красивых ремонтов под аренду всегда есть оборотная сторона: бюджет легко уходит на миллионы, а окупаемость растягивается на годы. Но не обязательно вкладывать целое состояние, если знать, где искать Участница канала с нахолками Елена без дизайнера завершила ремонт в своей инвест.квартире. И сдала на 30% дороже аналогов в том же доме Что помогло: • Техника без переплат – проверенные бренды и конкретные модели из наших проектов. Надежная, современная и при этом по цене в 2 раза ниже, чем в шоурумах • Надежные подрядчики. Многие соседи до сих пор судятся с мебельщиками. Елена обратилась к тем, кого мы рекомендуем в канале – и сдала квартиру уже через пару месяцев после начала ремонта • Советы от практиков. Она не стеснялась задавать вопросы в комментариях, на прямых эфирах со мной и применяла рекомендации наших дизайнеров Елена уже получает хороший доход, пока соседи тратят деньги и время на переделки Хотя каждому из них нужно было сделать всего 1 правильное решение — вступить в Потрясные находки по ссылке https://golnk.ru/grBQk

Да, мы знаем, что на рендерах это выглядит безупречно. Дверь исчезает в стене, пространство тянется, а минимализм аплодирует стоя. Но в реальности всё упирается не в дверь, а в краску. Через полгода вокруг ручки появляются пятна от ладошек, которые не отмыть никакими бабушкиными средствами. Перекрасить? Легко. Только цвет уже не совпадает со стеной, ведь стена тем временем тоже потемнела. И вот невидимая дверь превращается в самый заметный элемент интерьера. Так происходит из-за того, что на экономии краски интерьер рушится быстрее, чем вы успеете сказать слово «RAL». Чтобы невидимка выжила в быту, есть всего два пути: ✔️ использовать хорошую моющуюся краску ✔️ закрывать всё защитным лаком - и дверь, и стену целиком. Но не переживайте, во время консультации наши менеджеры всегда об этом вам напомнят 😉 Хотите, чтобы клиент через год сказал «спасибо»? Либо берите качественную краску или лак, либо забудьте про этот эксперимент и выбирайте дверь с готовым фабричным покрытием: эмаль по RAL + лак сверху - выглядит так же, зато моется, реставрируется и не меняет цвет со временем. Вопрос тут не в том, стоит ли красить дверь. Вопрос в том, сколько стоит краска. «Невидимка» живёт настолько долго, насколько хватает её покрытия 🔥

Вот как легко создать текстовый эффект мозаичной плитки в Adobe Illustrator Автор dutchly_designs

Выше одна из двух квартир наших заказчиков в ЖК Vangarden, в которых мы параллельно вели ремонт с White Box. Они почти одинаковой площади, похожи по стилям и концепции Нам было нужно исключить конкуренцию между объектами и наполнить каждый уникальными деталями. Простые решения делают интерьер скучным и непривлекательным, а лишние детали лишают легкости и ощущения свободного пространства Мы нашли баланс, создав уникальный, гармоничный, и при этом нейтральный интерьер – и быстро сдали квартиру за 120.000 📍ЖК Vangarden, г. Москва Евродвушка 41 м² под аренду Отделка: White Box Бюджет с услугами: 5 млн ₽ Срок: 6 месяцев Заказчики – молодая пара инвесторов. Вдохновением для проекта стал объект в ЖК Residence Hall Шаболовский, который до сих пор остается одним из моих любимых. Мы сохранили его ключевые принципы: спокойная нейтральная палитра, древесные оттенки, графичные черные акценты и декоративное решение за кроватью Планировку мы доработали — разобрали стену в ванной и возвели перегородки заново. Это помогло немного расширить комнату и вместить инсталляцию с коробом, а также высвободить скрытые 20 см. за гипсокартоном Мебель и свет частично заказали в Китае, экономия на этих позициях дала возможность качественно вложиться в мебель на заказ: кухня, шкафы, панели за диваном и мебель для ванной сделаны из ЛДСП и МДФ в пленке (позже отдельно расскажу и про них) В отделке использовали износостойкие материалы – декоративную штукатурку, керамогранит и ламинат. Квартира не будет нуждаться в ремонте спустя несколько лет, что особенно важно для аренды Несмотря на сложности с графиком и майскими праздниками, которые задержали производство мебели, интерьер получился небанальным Оставить заявку на ремонт с созданием и реализацией дизайн-проекта под ключ можно на сайте www.yuloo.ru

Что касается safe frame, то тут интересная история. При работе с водным экраном важно понимать, что полотно неравномерно по качеству изображения. Оптимально работать в средней зоне (желтое + красное), а на периферии размещать что-то, что совсем не важно и скорее просто чуть расширяет вашу композицию. Даже если погода будет хорошая, то падающие капли от самого экрана по краям будут создавать динамику и края картинки будут размываться. Но всегда есть шанс, что что-то с краев будет видно, поэтому совсем пустоту там размещать тоже плохо. Обращайте на эти композиционные особенности внимание при подготовке макетов. Чтобы было наглядно, при подготовке концептов я сделала маску с затуханием по зонам, чтобы понимать, где изображение будет наименее читаемое. 👤 Важная деталь: на все концепты и верстку (в любых проектах!) обязательно нужно поставить силуэт человека в реальном масштабе. Это помогает соотнести масштаб экрана с восприятием зрителя, особенно если в макете есть текст или сюжетные элементы. На экране компьютера все кажется маленьким и очень детализированным, а на экране в 10-20-30 метров будет совсем другое ощущение. Без человечка (и периодического просмотра контента в 100%) легко потерять это чувство масштабности. Но, справедливости ради, хочу заметить, что на водном экране вообще стоит работать только с крупными и контрастными формами, все мелкое просто не будет видно. 🌟И еще. Не стоит забывать о погоде: даже легкий ветер способен сместить водное полотно, поэтому всегда нужно предусматривать запас по ширине (тут спасают крупные формы) и тестировать шоу непосредственно на площадке. ⚡️Ничто никогда не заменит вам тестов на площадке!!! Поэтому приезжайте как можно чаще смотреть свой контент в реальных условиях. Каждый тест прокачивает нашу любимую «насмотренность»: вы начинаете чувствовать разницу между тем, как изображение выглядит в макете, и тем, как оно есть на самом деле. Со временем формируется связь «экран — реальность», появляется опыт понимания, какие приемы работают, а какие теряются, где стоит делать акцент, а где нет. Очень советую пользоваться этой простой (ахаха, не всегда) возможностью набраться опыта. А в следующий раз поговорим про цвета и композицию, ух, наше любимое!

Pulmo — даже не игра, а головоломка-медитация в трилогии про исследование человека и его пути. Первая часть Alveole (клетка легкого) разбирала внутренние проблемы человека, текущая часть Pulmo (легкие с латыни) исследует, как человек взаимодействует с толпами. Вторая часть представляет пространственную головоломку, где каждый из 10 уровней уникален и отличается по механикам от остальных. Плюс отдельно разработчики отмечают, что им помогать начали два молодых композитора, которые усилили каждый уровень и катсцену, которую вы видите на своих телеграм-экранах. Подробней о Pulmo на страничке в Стим. Любите дизайн!

Ну еще бы! Ведь именно благодаря вашим голосам на прошлогодней премии 🏆 GetTechAwards 2024 она унесла две статуэтки: «Разработчик личных кабинетов» и «Разработчик лендингов». Ну так вот. Вспомните типичную ситуацию: заказчик кидает вам текст и говорит: «Сделай красиво». А вдохновения — ноль. Руки помнят, как верстать, но в голове пустыня. Злость растёт, дедлайн горит, а дизайн — не рождается. 🔹🔹🔹🔹🔹 Уже завтра, 28 августа в 11:00 (МСК) Аня проведёт бесплатный мастер-класс «Как рождается лендинг: дизайн онлайн шаг за шагом». И покажет, как превратить весь этот стресс в удовольствие — чтобы дизайн шёл легко, а не через боль и кофе литрами. Вот что будет на мастер-классе: 🩵 с чего начинать, чтобы не зависнуть над пустым экраном, 🩵 где искать идеи, чтобы «сделай красиво» перестало бесить, 🩵 живая работа Ани прямо на ваших глазах — без скучной теории. А ещё Аня разыграет свой полностью готовый шаблон для лендинга на GetCourse среди тех, кто будет онлайн. ➡️ Ссылка на регистрацию

• 4 уникальных состояния: высокий, средний, низкий и отключенный • Идеально подходит для интеграции в темные и светлые темы • Отлично подойдет для улучшения панелей управления и визуализации данных • Легко настраиваемые элементы для разнообразных проектов #rating #dashboard #design #visualization Открыть в Figma

Вторая очередь мультиквартала VEER от MR — это архитектурный ансамбль из четырех стеклянных башен с «коронами», самая высокая из башен превышает 240 метров. Архитектурный облик разработан Kleinewelt Architekten. ➡️Авторы целенаправленно добивались лаконичности, подчеркнутой единообразием материалов и строгостью форм. Замысел состоял в том, чтобы квартал контрастировал с окружающим пейзажем. Башни с мягко скругленными углами растворяются в небе — стеклянные фасады в серебристо-серых тонах отражают солнечный свет, приглушая его и создавая эффект легкой дымки и воздушности. «Архитектура второй очереди VEER построена на лаконичных решениях, с максимальным остеклением фасадов и плавными линиями. Пространство выглядит открытым, прозрачным, с ощущением слияния интерьера с городским ландшафтом», — комментирует Георгий Трофимов, партнер бюро Kleinewelt Architekten, автор концепции. ➡️Фасады, облицованные серо-голубым стеклом и подчеркнутые строгой модульной сеткой, приобретают кристальное сияние. Скругленные углы подчеркивают вертикаль, а стеклянные завершения — «короны» на вершинах корпусов — добавляют архитектурной композиции цельность и ритм. ➡️Стилобат, расположенный между башнями комплекса, включает необычное решение — круглые световые проемы в кровле, через которые видны кроны деревьев из внутреннего двора. На первом уровне появятся коммерческие пространства.

Вторая очередь мультиквартала VEER от MR — это архитектурный ансамбль из четырех стеклянных башен с «коронами», самая высокая из башен превышает 240 метров. Архитектурный облик разработан Kleinewelt Architekten. ➡️Авторы целенаправленно добивались лаконичности, подчеркнутой единообразием материалов и строгостью форм. Замысел состоял в том, чтобы квартал контрастировал с окружающим пейзажем. Башни с мягко скругленными углами растворяются в небе — стеклянные фасады в серебристо-серых тонах отражают солнечный свет, приглушая его и создавая эффект легкой дымки и воздушности. «Архитектура второй очереди VEER построена на лаконичных решениях, с максимальным остеклением фасадов и плавными линиями. Пространство выглядит открытым, прозрачным, с ощущением слияния интерьера с городским ландшафтом», — комментирует Георгий Трофимов, партнер бюро Kleinewelt Architekten, автор концепции. ➡️Фасады, облицованные серо-голубым стеклом и подчеркнутые строгой модульной сеткой, приобретают кристальное сияние. Скругленные углы подчеркивают вертикаль, а стеклянные завершения — «короны» на вершинах корпусов — добавляют архитектурной композиции цельность и ритм. ➡️Стилобат, расположенный между башнями комплекса, включает необычное решение — круглые световые проемы в кровле, через которые видны кроны деревьев из внутреннего двора. На первом уровне появятся коммерческие пространства.

Ссылка, приятного просмотра!

• Карусель — для соцсетей или презентаций • Сетку — для онбординга или структурированных макетов #карусель #сетка #соцсети #онбординг

Это не просто книга о креативности — это целая мастерская приёмов, где автор собирает десятки методик для генерации идей, разогрева мышления и поиска нестандартных решений. «Рисовый штурм» — инструмент для тех, кто хочет не ждать вдохновения, а уметь включать его по запросу. Микалко показывает, что творческое мышление можно тренировать так же, как мышцы: 🔸менять привычные точки зрения, 🔸искать неожиданные связи, 🔸провоцировать сознание на новое. Методы из книги легко адаптировать под любую задачу — от поиска визуальных метафор в дизайне до разработки концепций брендов. 📍Для дизайнера эта книга — способ перестать крутиться в одном наборе привычных решений и начать создавать более глубокие и смелые проекты. А вы чаще ждёте вдохновения или создаёте его сами?

Дизайнер Анна Сахарова рассказывает о трендах в оформлении гостиной: «Сегодня основной тренд в оформлении гостиных — это легкие светлые интерьеры и чистые линии. Тяжелые бархатные отделки остались в прошлом, актуальны натуральные материалы с лаконичными дорогими фактурами — такие, как шерсть и лен. Даже всеми любимый букле уже отходит на задний план. Формы предметов мягкой мебели — либо простые геометрические, либо органолептические. Диван — главный предмет в гостиной — должен быть лаконичным, гладким, визуально легким и немного архитектурными. Легкость и чистота касается и декора. Обилие декоративных подушек уже не тренд, а вот красивый плед из дорогого кашемира — это всегда модно и актуально. Ковер может быть любым. Но при его выборе важно помнить: яркий узор уместен только в том случае, если это концептуальный орнамент. Также я бы рекомендовала отказаться от обилия желтого металла, в частности латуни, от фресок и слишком «активных» обоев — это утяжеляет интерьер. Что касается цветовой палитры, по-прежнему актуальны натуральные природные оттенки, спокойные, приглушенные — бежевые, сливочные, песочные, горчичные. Ярким акцентом может стать модный бордовый или коньячный цвет, но в облегченном пастельном варианте».

• Легко создавайте и настраивайте финансовые информационные панели, диаграммы и отчеты. #finance #analytics #chart #ui Открыть в Figma Источник

Предлагаю вам сегодня разобрать интересную тему: графические приемы в UX/UI. Часто я слышу от студентов: «Графика – это сложно, у меня не получится, у меня нет нужного скилла». На самом деле графика в интерфейсах не обязана быть сложной, наоборот, простые формы могут стать изюминкой вашего проекта. 🟨 Самый простой пример – квадрат. Казалось бы, что может быть проще и причем тут графика? А именно из квадрата можно собрать бесконечное количество решений: – паттерны для фонов – легкий акцент или декоративный элемент – простая иллюстрация – и даже целая композиция Наши студенты часто удивляют меня тем, как они применяют этот прием. Кто-то использует квадраты в айдентике, кто-то собирает из них иллюстрации вроде пиксельных персонажей, а кто-то внедряет паттерн прямо в сайт. Самое важное – в графике нет ничего недосягаемого. Простые формы доступны каждому: попробуйте добавить их в свои проекты, и вы увидите, как даже минимальный прием делает визуал эффектнее, креативнее и выразительнее. ✨ Не бойтесь экспериментировать с графикой, подключайте творчество и фантазию и, уверена, вы удивитесь результату. ⚡️ И, как обычно по пятницам, делимся с вами подборкой полезных статей, которые рекомендуем к прочтению на этих выходных 😊 📖 Лучшая типографика 1920-х годов – от Futura до Industria Gravur Рассмотрим несколько самых знаковых шрифтов этого времени. 📖 Как дизайнеру создать личный бренд Разберем вопрос создания личного бренда для дизайнера: что это такое, зачем он нужен и с чего стоит начать. 📖 Действия в таблицах: рекомендации по проектированию Узнаем, какие паттерны существуют в этой области и как они применяются в реальных продуктах.‍ 📖 Полезные ресурсы для дизайнеров Подборка ресурсов, которые сделают вас сильнее как UX/UI-дизайнера. 📖 Microsoft vs Apple: две философии, два пути Apple и Microsoft — две крупнейшие технологические компании с разной философией и видением, которые на протяжении многих лет соревнуются за лидерство на рынке. ***** Бесплатные курсы по UX/UI: 🔥 Продвинутая Figma: Cайты 🔥 Продуктовый дизайн Телеграм-каналы: ⚡️ UX и продуктовый дизайн ⚡️ Плакаты: Вдохновение и рефы ⚡️ Личный канал Евгения UPROCK Полезные материалы: ✨ Бесплатные кириллические шрифты ✨ Бесплатные мокапы ✨ Статьи по UX/UI

Быстро и легко упаковывайте в различные социальные сети и сервисы: • Behance • Facebook* • Figma Communy • Linkedin • Open Graph • YouTube • Zoom #UIk #mockups Открыть в Figma *Meta — признана экстремистской организацией и запрещена в России, её продукты Instagram и Facebook (инстаграм и фейсбук) также запрещены на территории РФ 👨 Дизайн-телега

🩷Делай коротко и мощно. Лаконичные, ударные тексты легко запоминаются и быстро воспринимаются аудиторией. В заголовках баннеров и презентаций используй короткие, цепляющие фразы вместо длинных описаний. 🩷Не бойся быть дерзким. Смелый и вызывающий подход привлекает внимание и помогает прорваться через информационный шум. Сделай текст или визуал контрастным и эмоциональным, чтобы вызвать сильную реакцию у зрителя. 🩷Ставь миссию в центр. Фокусируй коммуникацию на главной идее и ценностях, ясная миссия формирует лояльность и отличает бренд от конкурентов. При разработке презентации или рекламной кампании расскажи не только «что», но и «зачем» продукт существует. 🩷Используй слово как инструмент, а не украшение. Каждое слово должно нести смысл и вызывать действие. Убирай лишнее, оставляй только сильное. В микрокопирайте (например, CTA на кнопках) оставляй только четкие призывы к действию. Еще три принципа смотри в нашей статье! Там же — как Маяковский создавал плакаты по правилам современных баннеров, почему его слоганы стали первыми CTA и как «Окна РОСТА» превратились в прообраз креативного агентства.

Это очень интересный опыт, который за один день научил меня очень многому: ⭕️ видеть процесс от идеи до воплощения ⭕️ вдумчиво выбирать идею: я не хотела «просто доску», я хотела предмет, который будет мне духовно близок, поэтому стилизовала форму лемеха ⭕️ работать с пропорциями: с пространством это получается легко, а с малой формой нужно было учиться заново видеть гармонию ⭕️ настаивать на своем: нет, я не хочу скругленные края фрезой, давай подумаем, как это можно сделать изящнее? ⭕️ работать с материалом: ленточная пила, рубанок для обработки среза, стамеска для фасок, шлифовальная машина и масло; работать руками - это новые нейронные связи и кирпичик в веру в свои силы❤️ ⭕️ наслаждаться результатом: сервировать сыр на доске, которую сделала сама - какое-то совершенно особое удовольствие. Иногда я мечтаю, что в своей идеальной жизни тку на станке, штампую кубовую набойку, пеку пироги и вышиваю гладью. Лет через 20 может быть так и будет☺️ Давно вы делали что-то своими руками? Помните как это - удовольствие от простого труда?