Интересный пример навигации отражающей несуществующий бренд полиции)

Красная линия на тёмно-синем фоне отсылает нас к нашивке на спине, которая в свою очередь отсылает нас к лампасам на форменных штанах. Всё тут хорошо и ультимативность флагового указателя (никаких других вариантов пути не предполагается) и такая тонкая визуальная находка отражающая бренд, которого нет. — За находку спасибо Алексею Токареву Место: Великий Новгород.
Изображение поста

📱 Создание дизайна мобильной ОС с нуля за 2 года

Команды НТЦ ИТ РОСА и 65apps рассказали о создании дизайна операционной системы «РОСА Мобайл» для антишпионского смартфона «Р-ФОН». Задача была амбициозной: создать гибрид iOS и Android с интуитивной навигацией для корпоративных пользователей, которым важна безопасность данных. Исследование показало, что в России лидирует Xiaomi с MIUI 13, а на втором месте Samsung с OneUI 4. Команда изучила 50 смартфонов разных производителей, чтобы найти оптимальные решения. В итоге выбрали овальную форму иконок (так никто не делает), три размера виджетов вместо хаоса Android и систему шорткатов, учитывающую положение пальца при нажатии. Логотип построен на теории множеств с метафорой капли росы. Внутри: – Почему оболочка MIUI оказалась ближе всего к iOS среди Android-систем; – Как 99% совпадение эскизов логотипа родилось за одну ночь; – Зачем ограничились тремя размерами виджетов; – Почему выбрали овальные иконки вместо стандартных форм; – Как учли четыре фактора при проектировании шорткатов; – Какую награду получила РОСА Мобайл на Tagline Awards 2024. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста

Обновление: ArtboardsFinder v0.2

Теперь скрипт не только ищет артборды для навигации по ним, но и может выгрузить данные в табличный CSV или простой TXT. При экспорте сами выбираете, какие колонки нужны: номер, название, ширина или высота. Под списком добавил счётчик Found — сразу видно, сколько результатов нашлось. Ещё с первых версий скрипта в поле поиска можно вводить регулярные выражения. Вот несколько примеров, как это можно использовать: • black|red — найдёт все артборды, в названии которых есть хотя бы одно из этих слов; • ^\D$* — покажет артборды, в названии которых нет цифр; • ^a — артборды, которые начинаются на букву «a»; • ^(3|9) — артборды, размер которых начинается с 3 или 9. Подробнее о скрипте #illustrator #artboard

Сетевой формат начинается с магазина №3: как превратить точки в бренд!

☝🏻Первую точку часто делают «на вдохновении». Вторую — «как получилось, но лучше». А вот с третьей начинается сеть. И именно здесь важно остановиться и зафиксировать единый концепт, чтобы все последующие магазины не были «похожи», а читались как один узнаваемый бренд. Зачем единый концепт: 🟢Узнаваемость: клиент должен видеть «вас» ещё на подходе к двери — фасад, входная линия, витрина, свет, навигация, голос бренда. 🟢Скорость открытия и экономия: стандарты сокращают проектирование, закупки и монтаж, снижают ошибки. 🟢Конверсия и опыт: понятный маршрут, комфортная примерка, читаемая выкладка работают одинаково в любой локации. 🟢Управляемость: легче обучать команду и поддерживать качество, когда точки сделаны по одному сценарию. Что входит в единый концепт сети: ✔️Архитектура и фасад: пропорции входа, материалы, цветовая палитра, читаемая витрина, место для ценников и офферов. ✔️Оборудование: торговые стойки, стеллажи и подиумы, единые габариты и финиши, стандарты эргономики. ✔️Световой рецепт: общая температура, акцентные углы, схемы светильников по типовым планировкам. Не дороже, а правильно. ✔️Витринные сценарии и VM-гайд: капсулы, правила выкладки, инструменты сезонных смен. ✔️Навигация и графика: шрифты, таблички, пиктограммы, ценники, маркировка размеров — всё в едином стиле. ✔️Зона кассы и сервис: посадка, зеркала, аксессуарная выкладка, пакеты, расходники — одинаково удобно в каждой точке. Типичные ошибки на старте сети: ⛔️«Каждый магазин — как получится» и бесконечные доработки. ⛔️Случайный декор и разные ценники/шрифты. ⛔️Ярче, но не лучше: свет без акцентной схемы. ⛔️Витрина без истории и оффера — заходы не растут! ‼️ Если вы на этапе второй точки — самое время зафиксировать ДНК бренда. На третьей — запустить пилот стандарта. Дальше сеть перестаёт быть «суммой магазинов» и начинает работать как единый узнаваемый организм. Представляю вам уже пятый магазин Madia Iusupova в г. Москва ___________________________ #дизайнмагазина #проектированиемагазина #информацияотдизайнера
💎 Шаблон КП на Тильде
Сегодня дарю вам шаблон коммерческого предложения для дизайнера-разработчика сайтов на Тильде (подойдёт как для фрилансера так и для команды) ✨ ❤️ ID шаблона: 87847526 Шаблон выполнен в виде странички на Тильде, сверстан он на стандартных блоках (с щепоткой CSS кода). Я отдала предпочтение именно стандартным блокам, чтобы их было легко редактировать и кастомизировать под свой фирменный стиль, и не надо было заморачиваться над адаптацией. Уникальный дизайн это, конечно, хорошо, но в переговорах и продажах важнее все таки скорость и мобильность, нежели красивая обёртка. Поэтому, когда вас попросят срочно отправить КП, вы сможете сделать это незамедлительно 🔥 ⭐️ В шаблоне некоторые блоки представлены в двух вариантах для различных схем работы. ⭐️ Также я добавила навигацию по странице КП, т.к. оно получилось довольно объемным. ⭐️ Все шрифты установлены «по умолчанию», поэтому когда вы добавите шаблон себе в проект — подключатся ваши установленные шрифты. Не призываю всех и каждого делать свое КП только по этой схеме, однако мой шаблон сможет послужить вам отличной основой для формирования своего собственного КП со своими уникальными текстами и предложениями. Инструкция по добавлению шаблона в проект на Тильде: ⭐️ Зайдите в ваш проект, где вы хотите разместить КП и нажмите «+ Создать новую страницу» ⭐️ Пролистайте страницу с шаблонами до самого низа, где будет располагаться кнопка «Указать ID шаблона» ⭐️ Нажмите на нее и в появившемся поле введите идентификатор моего шаблона КП: 87847526. И страница с КП у вас в проекте! Вы великолепны! 🌸 По всем вопросам или замечаниям по шаблону добро пожаловать в комментарии 😊 P.S. Не забудьте скрывать ваши КПшки заказчикам от индексации #документы #freebie
Изображение поста
Плагин Figma Search — ищет элементы по всему файлу или в выбранной категории.
☀️ Витрина компонентов для вдохновения
Наткнулся на 21st — открытую площадку, где разработчики публикуют готовые React-компоненты и целые экраны. Это что-то вроде Figma Community, только для кода. На платформе много решений, собранных с реальных маркетинговых страниц популярных SaaS-сервисов. Например, на обложке — блок с главной страницы Linear. Помимо вдохновения: если ваша команда работает с React и придерживается подхода shadcn/ui, можно просто отправить ссылку на компонент — разработчики возьмут код и адаптируют его под ваш дизайн. Единственное: сейчас платформу обновляют — похоже, на её базе делают отдельный продукт. Поэтому возможны баги, а в навигации пока легко потеряться. Вам на страницу Community в раздел Components. 📎 Ссылка на площадку
Три закрытых канала для дизайнеров
1. Людочка, плагины — только отборные плагины, с наглядными гифками и навигацией по хэштегам. 2. Людочка, дизайн — бесплатные 3D, иллюстрации, шрифты, нейросети, иконки, мокапы, видео. 3. Людочка, референсы — новый канал с лучшими работами по веб-дизайну, чтобы тренировать насмотренность. Залетай, используй ❤️
Senior UI/UX-дизайнер в Rojo
Мы в Rojo создаем сайты любой сложности, делаем брендинг, айдентику и графический дизайн. Задачи: — проектировать интерфейсы и продуктовые странницы — продумывать пользовательские сценарии, флоу и навигацию — создавать дизайн-концепции — проводить базовые UX-исследования: опросы, количественные проверки гипотез, анализ метрик — работать с дизайн-системами: собирать, документировать, развивать — участвовать в создании UX-документации: CJM, user flows, UI киты — делать микроанимации и прототипы, чтобы интерфейсы ощущались живыми Ожидания: — применяешь AI-инструменты в работе — опыт работы в дизайне от 3 лет — на связи в рабочее время без внезапных пропаданий — глубокое понимание UX-логики и пользовательского поведения — портфолио с кейсами именно продуктовых интерфейсов, не только лендингов Условия: — фулл-тайм или парт-тайм — удаленная работа — на связи с 10 до 19 по МСК — зарплата в рынке, обсуждаем индивидуально → Почитать подробнее и откликнуться #дизайн
Изображение поста
Егор Александров
Привет! Меня зовут Егор, я графический и коммуникационный дизайнер. Закончил бакалавриат в Школе дизайна ИОН РАНХиГС, сейчас учусь в магистратуре НИУ ВШЭ. Последние полтора года занимался навигацией, суперграфикой и презентациями в архитектурном бюро. Попроектно разрабатывал айдентику, мерч и полиграфию для территориальных проектов, фестивалей и музеев. Сейчас ищу долгосрочные проекты или работу в штате — хочу больше заниматься айдентикой, мерчем, визуальными системами и культурными брендами. Люблю придумывать концепты и работать с типографикой. → Портфолио Контакты для связи: @egoriha, ealeksandrov4212@gmail.com #портфолио
Изображение поста
Аниме-сериал для изучения языков, материал из кофейных стаканчиков и самобытный символ для костного мозга: подборка свежих новостей из мира дизайна
🔶 Материал из использованных стаканчиков производят в компании Blast Studio. Биоматериал Cupsan напоминает натуральный камень или землю. Его производят в виде плотных плит, работать с которыми можно по аналогии с МДФ. На создание одного квадратного метра уходит около 840 стаканчиков: их стерилизуют, удаляют пластиковую оболочку и превращают в бумажную массу. 🔶 Новый аниме-сериал от Duolingo рассказывает о приключениях совы Дуо и её друзей. В мини-сериале The Final Test пять коротких эпизодов, которые призваны поддерживать пользователей в ежедневных занятиях по изучению языков. Аудиодорожку на японском языке дополнят субтитры на разных языках, частично активность интегрируют в платформу Duolingo. За визуальную часть проекта отвечала студия Titmouse, лауреат премии Emmy. 🔶 Новый дизайн магазинов «у дома» от «Магнита» разработан Студией Артемия Лебедева. Для торговых точек разработали визуальный язык, фирменный шрифт и понятную навигацию. В центре обновлённого концепта — удобство, ассортимент востребованных категорий и расширение линейки готовой еды. Теперь магазины предлагают покупателям короткий и длинный маршруты, а залы наполнены полезными цифровыми решениями. 🔶 Появился символ для костного мозга. Узнаваемый знак, объединяющий доноров, реципиентов и врачей разработали креативное брендинговое агентство Otvetdesign и благотворительный фонд AdVita. В сердце идеи — две линии, символизирующие два жизненных пути, донора и реципиента. Для кампании также создали оригинальный мерч, парные браслеты, а также серию предметов из переработанного пластика от Recycle Object. [Фабрика Дизайна]
Изображение поста
Breadcrumbs в SaaS: когда они спасают продукт, а когда — убивают UX
Статья "Хлебные крошки": Как маленькая цепочка ссылок может повлиять на комфортность пользователей и помочь в навигации по сайту Читать на дизайнерс | #статья
Изображение поста
Fness Mobile App UI K
Этот бесплатный UI K предоставляет все основные элементы для разработки фитнес-приложений, включая экраны, навигацию, кнопки и стили. Инструмент идеально подойдёт для дизайнеров, ищущих удобный и современный старт для мобильного UI-дизайна. #UIk ОТКРЫТЬ Источник
Изображение поста
🆒 Почему азиатские интерфейсы такие перегруженные
Автор исследовал, почему интерфейсы в Азии кардинально отличаются от западных. Оказывается, дело в холистическом мышлении: азиаты воспринимают мир как единое целое, а не набор отдельных элементов. То, что европейцу кажется хаосом, для азиата это удобный и информативный интерфейс, где чем больше информации, тем выше доверие к продукту. В статье разбираются суперприложения вроде WeChat, который заменяет китайцам банк, госуслуги, такси и десятки других сервисов. Или японский Yahoo! с дизайном из нулевых, который до сих пор лидирует на рынке. Автор объясняет это через призму культуры контекста: в Азии не принято говорить прямо, поэтому пользователям нужно больше информации для принятия решений. Внутри: – Почему в Китае достаточно трёх приложений для всей цифровой жизни; – Как красные конверты стали универсальным паттерном бонусов; – Зачем японские лендинги добавляют боковые меню навигации; – Почему корейцы ищут информацию в отзывах, а не на сайтах; – Как QR-коды заменили терминалы оплаты во всём Китае; – Почему российский UX движется в сторону азиатского. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Ура! Шрифт проекта навигации парка Звездара доступен для скачивания и использования. Юля Гонина проделала огромную работу по созданию шрифта.
И написала чудесную статью. Читайте, как создавался шрифт и качайте его. Сербская кириллица и латиница! https://schrifteria.xyz/articles/zvezdara-sans
Друзья, делимся новым кейсом — обновлённый сайт Парка Горького теперь можно оценить на нашем сайте и рассмотреть подробно на parkgorkogo.ru
Парк Горького — знаковое пространство Москвы. За последние годы он стал центром городской жизни, и вместе с командой парка мы создали новый цифровой образ, который передаёт его атмосферу — живую, яркую и энергичную. Что сделали: 🌸 Разработали современный дизайн, вдохновлённый архитектурой и природой парка — от Арки Главного входа до зелени Нескучного сада. 🌸 Создали интуитивную навигацию и удобный поиск событий, маршрутов и локаций. 🌸 Добавили интерактивную карту четырёх территорий — с историей, фильтрами и построением маршрутов. 🌸 Настроили покупку билетов и регистрацию на события прямо на сайте. 🌸 Позаботились о доступности — крупный шрифт, увеличенный интерлиньяж и выбор цветового режима. Результат — сайт, который стал полноценным цифровым продолжением парка. Атмосферу парка мы передали через цвета его зданий и территорий, живые фото и выразительные шрифты. Всё это соединили с удобной навигацией и афишей событий — чтобы сайт был таким же живым и открытым, как сам парк. — команда проекта Проект уже получил два золота: 🏆  в номинации «Дизайн сайтов B2C» на фестивале «Среда»; 🏆  в категории «Туризм и отдых» в Рейтинге Рунета. Смотрите кейс и делитесь впечатлениями в комментариях! #кейс@aicxyic
Курируемая галерея разнообразных дизайнерских решений навигационных панелей.
navbar.gallery
Первый в мире веб-сайт
#Индустрия Пару дней назад в Гардиане вышла статья с мыслями о будущем интернета от самого создателя интернета. Интернет задумывался местом свободы. Однако, позже в дело вступили компании, которые начали продавать доступ к сервисам и зарабатывать на рекламе. Пользователи стали продуктом этих компаний и дальше будет только хуже. В конце статьи есть альтруистичный призыв вернуть былой веб, но все мы понимаем, что этого не будет. А пока я всё это читал, захотелось мимолётно вспомнить как был создан интернет, и как выглядел первый веб-сайт. Первый в мире веб-сайт запустил 34 года назад Тим Бернерс-Ли, которому тогда было 34 года. Тим работал в Европейской организации по ядерным исследованиям (ЦЕРН — там, где находится большой адронный коллайдер) в Швейцарии. 6 августа 1991 года он разместил в интернете описание своего проекта. Задачей сайта было объяснение, что такое «Всемирная паутина», как установить веб-сервер, как создать веб-страницу и как найти информацию. Первый в мире веб-сервер, на котором был запущен этот сайт, работал на компьютере NeXT — рабочей станции, разработанной компанией Стива Джобса после его ухода из Apple. На этом компьютере Тим Бернерс-Ли также написал и первый в мире веб-браузер, который назывался «WorldWideWeb». Сайт был текстовым и очень простым. Он не содержал никаких изображений, цветов или «красивостей». Только гипертекст — ссылки, которые вели на другие страницы. Основные разделы сайта: — Что такое World Wide Web? Простое объяснение новой технологии. Там описывалось, как веб-браузер превращает гипертекст в интерактивный документ, и как можно использовать ссылки для навигации. — Технические детали. Для тех, кто хотел создать свой собственный веб-сервер, была предоставлена вся необходимая информация, включая программное обеспечение и инструкции. — Список гипертекстовых проектов. Это был, по сути, первый в мире веб-каталог, ссылающийся на другие сайты (которые тоже были в основном справочными и создавались в ЦЕРНе). — Список людей, участвующих в проекте. Так появились первые персональные веб-страницы. Главная идея проекта звучала примерно так: «Всемирная паутина (World Wide Web) — это широкомасштабная гипермедийная инициатива, целью которой является предоставление всеобщего доступа к большой вселенной документов.» Тим представил три фундаментальные технологии, которые до сих пор являются основой современного веба: 1. HTML (HyperText Markup Language) — язык разметки для создания веб-страниц. 2. URI (Uniform Resource Identifier), позже известный как URL — уникальный адрес для каждого ресурса в сети. 3. HTTP (HyperText Transfer Protocol) — протокол для передачи данных между клиентом (браузером) и сервером. Он был первым. До него не существовало понятия «веб-страница» или «веб-сайт». Он дал старт всей современной интернет-эпохе. Он был открытым. ЦЕРН не стал патентовать технологию, а сделал её общедоступной, что позволило ей развиваться беспрепятственно и глобально. Веб-сайт Тима не был ни коммерческим продуктом ни развлекательным порталом. Он скорее представлял из себя научную статью, технический мануал и манифест, который навсегда изменил мир. ЦЕРН восстановил и сохранил копию того самого первого сайта. Вы можете зайти на него и увидеть, с чего всё начиналось. Это живой исторический артефакт, который позволяет заглянуть в самый момент рождения того интернета, каким мы его знаем сегодня. → Посетить первый в мире веб-сайт
Изображение поста
Всесезонная уличная мебель из переработанного пластика, новый фирменный стиль «Пятёрочки» и пробежка за искусством. Собрали свежие новости из мира дизайна.
🔶 Коллаборация Жостовской фабрики и футбольного клуба «10». Главная идея коллекции мерча — переосмысление традиционной жостовской росписи, деликатное объединение узнаваемых цветочных композиций с символикой команды. В новом дизайне выпустили ветровки, футболки и расписанные вручную подносы. Теперь перед каждой игрой капитан команды дарит соперникам не привычный вымпел, а такой эксклюзивный поднос. 🔶 Бренд Eburet выпустил коллекцию всесезонной уличной мебели Marina. Кресло и шезлонг с плетёной фактурой сделаны из полистирола (PS) — смеси первичного и переработанного пластика. Традиционному материалу марки не страшны перепады температур от −50 до +50 °C. Это позволяет использовать объекты практически в любых погодных условиях и пространствах — от общественных зон до домашних балконов и террас. 🔶 Государственная Третьяковская галерея и Peak запустили проект «Бегом за искусством». Активация включает в себя пробежку и посещение музея. Особое внимание в экспозиции уделено теме физической культуры в отечественном искусстве 1920–1930-х годов, когда спорт стал важной частью жизни граждан. После экскурсии участники пробегутся по авторскому маршруту бегового клуба Peak Running Club и вместе обсудят увиденное. Оставшиеся мероприятия пройдут 4 и 11 октября, они бесплатны для всех, понадобится предварительная регистрация. 🔶 Проекты по модернизации индустриальных зон «Южного порта» показали студенты МАРХИ. Предложенные идеи демонстрируют, как промзона может стать новым культурным и деловым центром столицы. Среди вариантов развития — образовательные и рекреационные площадки, театр в центре жилого квартала, многоуровневая набережная и многие другие. Проекты были представлены на выставке «Южный порт глазами студентов М.А.М» в пространстве «Суперметалл». 🔶 Айдентику «Магазинов Будущего» для «Пятёрочки» разработали в студии Артемия Лебедева. В новом формате работы «Пятёрочки» к обычным товарными полками добавились дарксторы, где заказы собираются дистанционно. Голубая молния стала фирменным знаком и инструментом навигации «Магазинов Будущего», олицетворяя скорость и удобство. Механику покупок объясняет простая визуальная схема. А автоматизированные процессы показаны в виде роботизированных рук, из которых складывается оригинальный паттерн. [Фабрика Дизайна]
Изображение поста
Время выбирать будущее! 
Приглашаем школьников, студентов и всех, кто стоит на пороге выбора профессии, на масштабную конференцию «Профессия 360°: Молодежный карьерный навигатор»! Выбор профессии — это не лотерея. Это навигация по карте возможностей! Мы собрали ключевые направления, чтобы ты нашел именно свой путь: 💚 ДИЗАЙН: От цифровых интерфейсов до промышленных образцов. Узнай, как визуальные решения меняют мир вокруг нас и создают будущее, в котором хочется жить. 💜 БИЗНЕС: Стартапы, корпорации и свое дело. Разберись в инструментах управления, маркетинга и финансов, которые превращают идеи в успешные проекты. 💛 ПРОМЫШЛЕННОСТЬ И ТЕХНОЛОГИИ: Умные производства, роботизация и новые материалы. Узнай, как создаются реальные вещи и какие инженеры будут менять мир завтра. 💙 IT: Искусственный интеллект, кибербезопасность и разработка. Пойми, какой язык программирования станет твоим суперсилой в цифровую эпоху. 🧡 МЕДИА: От традиционных СМИ до вирального контента. Научись создавать истории, которые смотрят, читают и которым верят миллионы. Что ты получишь лично для себя? 1️⃣ Правда из первых уст: Забудь про сухую теорию. Спикеры — практики, которые честно расскажут о плюсах, минусах и «подводных камнях» своих профессий. 2️⃣Твой личный навигатор: Уйдешь не с кучей брошюр, а с четким пониманием своих следующих шагов: куда поступать, какие навыки прокачивать и где стажироваться. 3️⃣Актуальная информация о трендах, требованиях и перспективах в различных отраслях. 4️⃣ Нетворкинг без границ: Знакомься с единомышленниками и экспертами из разных городов. Найди свою команду мечты и перенимай опыт — это бесценно! 5️⃣ Ценный цифровой артефакт: Каждый участник получит электронный путеводитель по профессиям — готовый гайд для построения карьеры, созданный на основе материалов конференции. Где и когда? 🗓 8-9 ноября Участие можно принять ОЧНО или ОНЛАЙН — смотрите прямую трансляцию из любой точки страны. 📍 Очно: Университет «ПРОМТЕХДИЗАЙН» ул. Большая морская, 18 📹 Онлайн: Прямая трансляция Регистрируйся, чтобы гарантировать себе место и доступ к трансляции! Переходи по ссылке👇 Регистрация #Профессия360 #Росмолодёжь #РосмолодёжьГранты
Изображение поста