This media is not supported in your browser
VIEW IN TELEGRAM
Курсор
Неожиданный размытый курсор, меняющий цвет. Деликатная финтифлюшка для строгого сайта, чтоб эту строгость как-то разбавить. Кажется, было бы особо классно, если бы похожий приём использовался на промо-сайте оптики или офтальмологической клиники. За наводку спасибо @Vika_Gerasina
#анимация
Визуальный код
Неожиданный размытый курсор, меняющий цвет. Деликатная финтифлюшка для строгого сайта, чтоб эту строгость как-то разбавить. Кажется, было бы особо классно, если бы похожий приём использовался на промо-сайте оптики или офтальмологической клиники. За наводку спасибо @Vika_Gerasina
#анимация
Визуальный код
Деликатный глитч
Очень аккуратный и деликатный глитч в типографике, выступающий как главный приём стиля. Участки букв смещаются лишь чуть-чуть и как бы разбиваются по пикселям.
Приём требует мастерства и вкуса, но технически сделать его очень просто: можно создать в шрифте несколько искажённых букв и заменять ими основные символы в отдельных случаях.
#типографика
Визуальный код
Очень аккуратный и деликатный глитч в типографике, выступающий как главный приём стиля. Участки букв смещаются лишь чуть-чуть и как бы разбиваются по пикселям.
Приём требует мастерства и вкуса, но технически сделать его очень просто: можно создать в шрифте несколько искажённых букв и заменять ими основные символы в отдельных случаях.
#типографика
Визуальный код
Альтернатива
Приём из клиентоориентированнного мира. На карточке отсутствующего продукта в интернет-магазине Demeter показывается доступная альтернатива: мол, нет апельсинового скраба — возьми черносмородиновый, он тоже ничего. Похожий приём «Предложить альтернативу» ещё используется в интернет-магазине «Перекрёстка».
#web
Визуальный код
Приём из клиентоориентированнного мира. На карточке отсутствующего продукта в интернет-магазине Demeter показывается доступная альтернатива: мол, нет апельсинового скраба — возьми черносмородиновый, он тоже ничего. Похожий приём «Предложить альтернативу» ещё используется в интернет-магазине «Перекрёстка».
#web
Визуальный код
Рифма
Буква C в логотипе (необычные смещённые утолщения штрихов) рифмуется с обводками знаков на упаковке.
#типографика
Визуальный код
Буква C в логотипе (необычные смещённые утолщения штрихов) рифмуется с обводками знаков на упаковке.
#типографика
Визуальный код
Повторение
Классная метафора стука в дверь, воплощённая в типографическом приёме.
#типографика
Визуальный код
Классная метафора стука в дверь, воплощённая в типографическом приёме.
#типографика
Визуальный код
Зеркало
Бугристая поверхность зеркала, искажая предметы вокруг, порождает интересный визуальный приём — роскошный, таинственный, слегка декадентский. За наводку спасибо классному каналу «Заметки на полях».
#поверхность #искажения
Визуальный код
Бугристая поверхность зеркала, искажая предметы вокруг, порождает интересный визуальный приём — роскошный, таинственный, слегка декадентский. За наводку спасибо классному каналу «Заметки на полях».
#поверхность #искажения
Визуальный код
Острые предметы
На упаковке латексных перчаток изображается, как острые предметы пытаются прорвать материал, а он держится. Классный способ показать прочность товара. За наводку спасибо Оди.
#упаковка #айдентика
Визуальный код
На упаковке латексных перчаток изображается, как острые предметы пытаются прорвать материал, а он держится. Классный способ показать прочность товара. За наводку спасибо Оди.
#упаковка #айдентика
Визуальный код
This media is not supported in your browser
VIEW IN TELEGRAM
Спрятанная картинка
Картинка спрятана под основным фоном страницы и иногда проглядывает, если наводишь на края. Классный приём для демонстрации намёков, создания атмосферы таинственности и оформления спецпроектов про заговоры.
#картинка #анимация
Визуальный код
Картинка спрятана под основным фоном страницы и иногда проглядывает, если наводишь на края. Классный приём для демонстрации намёков, создания атмосферы таинственности и оформления спецпроектов про заговоры.
#картинка #анимация
Визуальный код
Напряжение
Кроп иллюстрации, создающий мощное графическое напряжение: лицо неестественно втиснуто в край полотна, и оттого выражение лица кажется более искажённым, чем на самом деле.
#композиция
Визуальный код
Кроп иллюстрации, создающий мощное графическое напряжение: лицо неестественно втиснуто в край полотна, и оттого выражение лица кажется более искажённым, чем на самом деле.
#композиция
Визуальный код
Фигуры с наложением
Очень старый приём, встречавшийся ещё в работах ВХУТЕМАСа. Простые фигуры смело накладываются на фото и на картинку с режимом наложения (в терминологии фотошопа — затемнение, жёсткий свет или оверлей). Места пересечений красятся в другой цвет. Хороший способ объединить две картинки в одну и придать иллюстрации исторический оттенок.
#композиция
Визуальный код
Очень старый приём, встречавшийся ещё в работах ВХУТЕМАСа. Простые фигуры смело накладываются на фото и на картинку с режимом наложения (в терминологии фотошопа — затемнение, жёсткий свет или оверлей). Места пересечений красятся в другой цвет. Хороший способ объединить две картинки в одну и придать иллюстрации исторический оттенок.
#композиция
Визуальный код
Голография
Шикарный абстрактный паттерн на упаковке мороженого — сочный, голографический, передающий ощущение свежести льда в жаркий день. За наводку спасибо дайджесту Оди.
#упаковка #паттерн
Визуальный код
Шикарный абстрактный паттерн на упаковке мороженого — сочный, голографический, передающий ощущение свежести льда в жаркий день. За наводку спасибо дайджесту Оди.
#упаковка #паттерн
Визуальный код
Дублирующийся заголовок
Огромный заголовок из одного слова, повторяющийся и обрезающийся. В такой форме он уже становится иллюстрацией и самостоятельным объектом, а не текстом, несущим информационную нагрузку. И смотрится смело.
#типографика
Визуальный код
Огромный заголовок из одного слова, повторяющийся и обрезающийся. В такой форме он уже становится иллюстрацией и самостоятельным объектом, а не текстом, несущим информационную нагрузку. И смотрится смело.
#типографика
Визуальный код
Частичная заливка
Понравился приятный стиль иллюстраций — лёгкий, контурный, но с частичной заливкой, — и работа с цветом. Дизайнер, с одной стороны, остаётся в рамках палитры бренда (здесь речь о «Вкусвилле»), а с другой — добавляет оттенков, немного «припыляет» цвета, чтобы сделать более приятные сочетания пятен.
#иллюстрации #цвет
Визуальный код
Понравился приятный стиль иллюстраций — лёгкий, контурный, но с частичной заливкой, — и работа с цветом. Дизайнер, с одной стороны, остаётся в рамках палитры бренда (здесь речь о «Вкусвилле»), а с другой — добавляет оттенков, немного «припыляет» цвета, чтобы сделать более приятные сочетания пятен.
#иллюстрации #цвет
Визуальный код
Дырокол
Ещё один приём-игра: абсолютно нефункциональный, но завораживающий. Продырявленная книга, где на каждом развороте представлена буква, которая собирается из соединений точек, по одной сетке. Триумф непрактичной изобретательности, которой так мало в современном мире.
#композиция #игра
Визуальный код
Ещё один приём-игра: абсолютно нефункциональный, но завораживающий. Продырявленная книга, где на каждом развороте представлена буква, которая собирается из соединений точек, по одной сетке. Триумф непрактичной изобретательности, которой так мало в современном мире.
#композиция #игра
Визуальный код
This media is not supported in your browser
VIEW IN TELEGRAM
Текучие блоки
Интересный приём на сайте — блоки становятся текучими от ховера. Задаёт игривое настроение, которое вдобавок поддерживается сторителлингом-анимацией на первом экране. За наводку спасибо @anna_ze1
Визуальный код
Интересный приём на сайте — блоки становятся текучими от ховера. Задаёт игривое настроение, которое вдобавок поддерживается сторителлингом-анимацией на первом экране. За наводку спасибо @anna_ze1
Визуальный код
Когда просто красиво
Тренд на неоморфизм в приятном исполнении. Нежизнеспособный, конечно, но кого обманывать — красиво.
#web
Визуальный код
Тренд на неоморфизм в приятном исполнении. Нежизнеспособный, конечно, но кого обманывать — красиво.
#web
Визуальный код
Фактоиды на мобильном
В мобильной версии сайта или в приложении с информационным уклоном вечно не хватает места под врезки и фактоиды.
В интерфейсе ВТБ-шного приложения это здорово свёрстано: фактоиды не просто идут друг под другом, а собраны в трёхколонники, расставлены по углам и по центру модулей. Получается аккуратно, чисто и экономно (хотя и мелковато).
#адаптив #mobile #фактоиды
Визуальный код
В мобильной версии сайта или в приложении с информационным уклоном вечно не хватает места под врезки и фактоиды.
В интерфейсе ВТБ-шного приложения это здорово свёрстано: фактоиды не просто идут друг под другом, а собраны в трёхколонники, расставлены по углам и по центру модулей. Получается аккуратно, чисто и экономно (хотя и мелковато).
#адаптив #mobile #фактоиды
Визуальный код
Пакет
В приложении доставки еды «Готово-ру» шторка стилизована под бумажный пакет.
#mobile
Визуальный код
В приложении доставки еды «Готово-ру» шторка стилизована под бумажный пакет.
#mobile
Визуальный код
Цветные фильтры
Выразительный приём для иллюстрации лёгкого безумия — множество однообразных фигур с разной экспозицией и фильтрами на цветном фоне.
— афиша стендапера Пита Холмса (Pete Holmes: Dirty Clean)
#иллюстрация
Визуальный код
Выразительный приём для иллюстрации лёгкого безумия — множество однообразных фигур с разной экспозицией и фильтрами на цветном фоне.
— афиша стендапера Пита Холмса (Pete Holmes: Dirty Clean)
#иллюстрация
Визуальный код
Уголок
Понравилась работа с типографикой: как замечательно вывеска обыгрывает пространство, как подчёркивается угол самой буквой. Хороший пример того, как дизайн не стремится победить и обуздать пространство вокруг, а выгодно его подчёркивает, встраивается естественным образом в среду.
#типографика
Визуальный код
Понравилась работа с типографикой: как замечательно вывеска обыгрывает пространство, как подчёркивается угол самой буквой. Хороший пример того, как дизайн не стремится победить и обуздать пространство вокруг, а выгодно его подчёркивает, встраивается естественным образом в среду.
#типографика
Визуальный код