Аватары
Сетка аватаров интересной формы привлекает внимание и оживляет страницу. За наводку спасибо @tim_or_timofey
#web #композиция
Визуальный код
Сетка аватаров интересной формы привлекает внимание и оживляет страницу. За наводку спасибо @tim_or_timofey
#web #композиция
Визуальный код
Грани
Приятный стиль иконок преимуществ — геометрические фигуры с подчёркнутыми гранями. Кайф в том, что грани тёмных кубов принимают на себя рефлексы от цветных фигур под ними. Цифровой и схематичный объект ведёт себя как материальный.
#иконографика
Визуальный код
Приятный стиль иконок преимуществ — геометрические фигуры с подчёркнутыми гранями. Кайф в том, что грани тёмных кубов принимают на себя рефлексы от цветных фигур под ними. Цифровой и схематичный объект ведёт себя как материальный.
#иконографика
Визуальный код
Сполии
В поздней античности и раннем Средневековье можно встретить интересный приём: из древних сооружений выламывали элементы декора и использовали их при строительстве новых зданий.
Цель была очень простая, сугубо прагматичная: сэкономить деньги и компенсировать криворукость каменотёсов. Ну нет под рукой квалифицированных кадров, чтобы сделать красоту с нуля. Чего ж не выломать красоту из древности.
Приём иллюстрирует парадоксальную мысль: варварство тоже может быть космически красивым. Гуглить по слову spolia, за наводку спасибо каналу «Мимоходом».
#архитектура
Визуальный код
В поздней античности и раннем Средневековье можно встретить интересный приём: из древних сооружений выламывали элементы декора и использовали их при строительстве новых зданий.
Цель была очень простая, сугубо прагматичная: сэкономить деньги и компенсировать криворукость каменотёсов. Ну нет под рукой квалифицированных кадров, чтобы сделать красоту с нуля. Чего ж не выломать красоту из древности.
Приём иллюстрирует парадоксальную мысль: варварство тоже может быть космически красивым. Гуглить по слову spolia, за наводку спасибо каналу «Мимоходом».
#архитектура
Визуальный код
Сравнение
Несколько приёмов из арсенала шрифтовиков о том, как показать различия и сходства:
— наложить похожие элементы друг на друга и очертить границы,
— разместить рядом и обвести различия,
— сравнить толщины с помощью геометрических форм,
— акцентные штуки разместить на контрастных карточках.
#типографика #композиция #визуализация
Визуальный код
Несколько приёмов из арсенала шрифтовиков о том, как показать различия и сходства:
— наложить похожие элементы друг на друга и очертить границы,
— разместить рядом и обвести различия,
— сравнить толщины с помощью геометрических форм,
— акцентные штуки разместить на контрастных карточках.
#типографика #композиция #визуализация
Визуальный код
Синие точки
Типографский растр как стилеобразующий приём для визуальной идентификации библиотеки. Отсылка к книгопечатанию, демократичность и узнаваемость. Здорово вышло.
#цвет #композиция
Визуальный код
Типографский растр как стилеобразующий приём для визуальной идентификации библиотеки. Отсылка к книгопечатанию, демократичность и узнаваемость. Здорово вышло.
#цвет #композиция
Визуальный код
Гибкость
Неожиданная форма указателей, сложная в производстве, но очень эффектная. За наводку спасибо каналу Дизайн-снайпер.
#навигация
Визуальный код
Неожиданная форма указателей, сложная в производстве, но очень эффектная. За наводку спасибо каналу Дизайн-снайпер.
#навигация
Визуальный код
This media is not supported in your browser
VIEW IN TELEGRAM
Вертикальный лабиринт вместо лестницы. Наверх ползёшь через лабиринт, вниз спускаешься на пожарном шесте. Детский комплекс в Дании (Ku.Be House of Culture in Movement)
Визуальный код
Визуальный код
Новая айдентика Медиума. Коллажи формируются из геометрических форм, цифр, символов и обтравленных фотографий, которые щедро посыпаются текстурами. Приём требует вкуса и практики, но выглядит очень эффектно, особенно в цифровой среде.
Визуальный код
Визуальный код
Пропорция
Этикетка продукта, визуализирующая его состав, пропорцию вкусов и добавок.
#упаковка
Визуальный код
Этикетка продукта, визуализирующая его состав, пропорцию вкусов и добавок.
#упаковка
Визуальный код
Градиент с размытием
Ещё одна деталь из вчерашнего источника: цветные карточки песен с размытием, заходящим на картинку. Сочный приём.
#градиент #модули
Визуальный код
Ещё одна деталь из вчерашнего источника: цветные карточки песен с размытием, заходящим на картинку. Сочный приём.
#градиент #модули
Визуальный код
This media is not supported in your browser
VIEW IN TELEGRAM
Прогресс-бар
Использование привычного паттерна в неожиданном месте: пошаговый прогресс-бар не прилеплен к краю страницы или к слайдеру, а встроен прямо в пункт меню. За наводку спасибо @vladkorobov
#web
Визуальный код
Использование привычного паттерна в неожиданном месте: пошаговый прогресс-бар не прилеплен к краю страницы или к слайдеру, а встроен прямо в пункт меню. За наводку спасибо @vladkorobov
#web
Визуальный код
Пастельные плашки
Пастельно-бежевые плашки товаров в каталоге на странице продукта превращаются в большой фон, разделяющий экран пополам. Если добавить цветовое кодирование (разные оттенки цветов для разных категорий товаров), этот декоративный приём ещё и информативным будет.
#цвет #композиция
Визуальный код
Пастельно-бежевые плашки товаров в каталоге на странице продукта превращаются в большой фон, разделяющий экран пополам. Если добавить цветовое кодирование (разные оттенки цветов для разных категорий товаров), этот декоративный приём ещё и информативным будет.
#цвет #композиция
Визуальный код
Трубы
Неожиданный материал для навигационного дизайна. Чисто, утилитарно и изящно сделано; появляется ощущение обманчивой лёгкости работы, хотя за таким аккуратным исполнением стоит огромный труд. За наводку спасибо каналу Burogu.
#навигация
Визуальный код
Неожиданный материал для навигационного дизайна. Чисто, утилитарно и изящно сделано; появляется ощущение обманчивой лёгкости работы, хотя за таким аккуратным исполнением стоит огромный труд. За наводку спасибо каналу Burogu.
#навигация
Визуальный код
Крик
Мощь эмоций, выраженная через цвет и композицию: линии подчёркивают лицо и задают направление крику.
#иллюстрация #композиция
Визуальный код
Мощь эмоций, выраженная через цвет и композицию: линии подчёркивают лицо и задают направление крику.
#иллюстрация #композиция
Визуальный код
Иконографика
Плоская иконка без изысков может стать главным героем плаката, дополнять сообщение, придавать строгости или, наоборот, игривости в рамках одного стиля. Экономичный и простой приём, уместный даже в очень консервативной среде.
#иконки #композиция
Визуальный код
Плоская иконка без изысков может стать главным героем плаката, дополнять сообщение, придавать строгости или, наоборот, игривости в рамках одного стиля. Экономичный и простой приём, уместный даже в очень консервативной среде.
#иконки #композиция
Визуальный код
Ландшафт на схеме
На схеме парка «Митино» здорово показан ландшафт: зелень темнеет ближе к воде (как бы по мере спуска), образуя тёмную окантовку вокруг главного источника притяжения.
И ещё деталь: парк оказывается в фокусе внимания за счёт светлоты, цветности и детальности, а район вокруг — на втором плане. У домов мало деталей, они серые на сером фоне. Благодаря этому парк играет.
#схема
Визуальный код
На схеме парка «Митино» здорово показан ландшафт: зелень темнеет ближе к воде (как бы по мере спуска), образуя тёмную окантовку вокруг главного источника притяжения.
И ещё деталь: парк оказывается в фокусе внимания за счёт светлоты, цветности и детальности, а район вокруг — на втором плане. У домов мало деталей, они серые на сером фоне. Благодаря этому парк играет.
#схема
Визуальный код
Реальное и фантазийное
Понравилась динамика и эклектичность: дизайнер свободно совмещает реальные объекты с рисунками, не боится сложных сочетаний цветов и форм. Обаятельный стиль от «Щуки».
#айдентика #цвет #форма
Визуальный код
Понравилась динамика и эклектичность: дизайнер свободно совмещает реальные объекты с рисунками, не боится сложных сочетаний цветов и форм. Обаятельный стиль от «Щуки».
#айдентика #цвет #форма
Визуальный код
Модуль по центру и блямба
Плашка по центру экрана с минимум контента. Классный цвет, композиция и акцент — всё расставлено по правилу якорных объектов, а одна яркая оранжевая блямба выбивается из общей структуры. Здорово привлекает внимание.
#композиция #модули
Визуальный код
Плашка по центру экрана с минимум контента. Классный цвет, композиция и акцент — всё расставлено по правилу якорных объектов, а одна яркая оранжевая блямба выбивается из общей структуры. Здорово привлекает внимание.
#композиция #модули
Визуальный код
Комикс
Переосмысление эстетики комикса в айдентике и упаковке.
#композиция #комикс #цвет
Визуальный код
Переосмысление эстетики комикса в айдентике и упаковке.
#композиция #комикс #цвет
Визуальный код
Медицинский шрифт
Запутанность как приём. Ко дню медицинского работника Паратайп и Медси сделали «медицинский шрифт», который трудно разобрать. Подкупающая ирония и замечательное исполнение. За наводку спасибо каналу «Дизайн-снайпер».
#типографика
Визуальный код
Запутанность как приём. Ко дню медицинского работника Паратайп и Медси сделали «медицинский шрифт», который трудно разобрать. Подкупающая ирония и замечательное исполнение. За наводку спасибо каналу «Дизайн-снайпер».
#типографика
Визуальный код
Роскошная анимация смены слайдов с перетекающей волной, которая меняет цвет. Тот случай, когда дизайнер прекрасно выкручивается и без графики и иллюстраций — просто придумывает эффектный запоминающийся приём. — https://dribbble.com/shots/3736911-Black-Vello-UI-Interaction-2
Визуальный код
Визуальный код