Десигн Рутин

46 / Кастомный скроллбар

До недавнего времени я считал, что уже видел почти все возможные варианты кастомных скроллбаров, но на днях наткнулся на сайт с портфолио, где роль полосы прокрутки выполняют уменьшенные фотографии работ в данном блоке. На мой взгляд, это выглядит очень интересно и пока еще не слишком избито.

Ссылка на проект
#web

46 / Путь наибольшего сопротивления

Этот проект является прекрасным поводом для того, чтобы возобновить канал и следующим постом добавить новую рубрику под хештегом #branding. По поводу сайта, мне очень нравится, что команда не пошла по пути наименьшего сопротивления и не остановилась на черно-белой версии. Благодаря этому мы получили отличный корпоративный сайт с правильно расставленными акцентами и цветовой схемой, которая отлично гармонирует с визуальным контентом.

Ссылка на проект
#web

45 / Цветовая выразительность

Очень люблю подобные сайты-портфолио, где активно работают над сочетанием цветовой выразительности, которая отлично передает атмосферу и погружает в глубокое пространство самого проекта. Также хотелось бы отметить первоклассную работу композицией, но особенно запомнился выход изображений по скроллу в разделе с фотографиями.

Ссылка на проект

44 / Логотип по центру

Наглядный пример проекта, где логотип почти все время располагается в центре экрана, при этом он совсем не мешает пользоваться сайтом, а местами даже удачно дополняет визуальную концепцию. Каждый раздел умело переиспользует общую идею, отчего рекомендую ознакомиться со всеми внутренними страницами.

Ссылка на проект

43 / Функциональная стилистика

Существует у меня одна большая слабость — проекты, связанные с архитектурным направлением. В первую очередь они привлекают своей продуманной, минималистичной и функциональной стилистикой, а также эффективным использованием рабочего пространства. Так и в этой работе мы можем наблюдать плавные прокрутки и дополнительно раскрывающиеся блоки и, конечно же, отличное модульное построение с брутальными акцентами.

Ссылка на проект

42 / Сайт-галерея

Очень люблю подобные сайты-галереи, где основной упор сделан на визуальном контенте автора. Обычно такие проекты я привык наблюдать в достаточно брутальной стилистике, но эта работа привлекла мое внимание благодаря использованию скругленного интерфейса.

Ссылка на проект

41 / Вспомогательные линии

Мне всегда нравится, когда на сайтах с помощью хедера выстраивают вспомогательные линии для построения последующего контента на страницах. В этом всегда есть какая-то система, которая выглядит достаточно упорядоченно. Также стоит отметить прием с дублированием логотипа в футере и оригинальный прелоадер на старте.

Ссылка на проект

40 / Уменьшенный кегль

Юбилейная и завершающая данный год рекомендация. Именно этот проект мне сразу же запомнился своей типографикой. Уменьшенный кегль очень хорошо работает на контрасте с большими изображениями и полностью позволяет контролировать нужный фокус внимания. Вместе с тем хотелось бы отметить закрепленное якорное меню и конечно же прием с наложением фотографий по скроллу.

Ссылка на проект

39 / Массивный логотип

Очень нравится на главной странице сочетание массивного знака и шрифтовой части. Это именно тот случай когда акцентный логотип располагающийся почти на всю ширину экрана действительно выполняет свою задачу, тем самым моментально задает направление для нужной аудитории и характеризует экспериментальные методы самого проекта.

Ссылка на проект

38 / На грани

Мне всегда импонировала данная стилистика, потому что с ней действительно сложно работать, поскольку ты постоянно находишься на грани между полным бредом и интересной визуальной находкой, отчего такие проекты всегда складываются в личный вызов.

Ссылка на проект

37 / Погружение

Данный сайт отлично работает с пространственным решением, отчего при скролле видео возникает иллюзия глубины, которая придает крутое ощущение от погружения и вовлечения на экране. В целом сама история выглядит очень стильно, особенно нравится голографический эффект по краям экрана при ускорении прокрутки страницы.

Ссылка на проект

36 / Креативный подход

Сам по себе магазин построен по самому стандартному пути, но вместе с тем, все настолько аккуратно и выверено по размерам, что это вызывает восхищение. И даже в такой стандартной истории дизайнер грамотно внедряет свой креативный подход и добавляет акцентные заголовки с выравниванием по ширине и прием с наклеиванием стикеров, который применяется в разделе «О компании».

Ссылка на проект

35 / Акцентный прием

Очень люблю такие минималистичные и аккуратные истории, которые одним акцентным приемом могут захватить все твое внимание, что в последнее время не всегда получается у сайтов awwwards, где в своей основе сейчас преобладает необдуманное заполнение пространства множеством анимаций и 3D-моделями без каких-либо идей и смыслов.

Ссылка на проект

34 / Цветовое сочетание

Обычно сайты в данной сфере я привык наблюдать только в преобладающей черно-белой палитре, отчего этот проект мне сразу же запомнился своим подходом. Вроде ничего сложного, но когда глаз фиксирует цветовое сочетание видео и фона, то прием сразу же дает приятный эффект для визуального восприятия.

Ссылка на проект

33 / Контурные иллюстрации

Возвращаюсь на канал после небольшого отсутствия с интересным проектом. Сама по себе презентация, на уровне ощущений, напоминает стилистику работ студии Non-Objective. В целом понравилась ее графичность и одновременно простая, но вместе с тем выверенная эстетика. Отдельно выделю контурные иллюстрации самой мебели, так как за счет данного приема появляется какой-то свой индивидуальный характер.

Ссылка на проект

32 / Концептуальность

Очень понравилась концептуальная главная страница с ее плавной прокруткой и динамичной презентацией товаров. Первоклассная работа с пространством и композицией, а также отличное сочетание брутализма и лаконичного подхода.

Ссылка на проект

31 / Идентифицирующий образ

Однозначно один из самых интересных проектов за последнее время, как со стороны брендинга, так и визуального построения сайта. Очень понравилось, что у команды получилось отойти от избитой игровой стилистики и в итоге сформировать свой неповторимый и идентифицирующий образ, который теперь значительно выделяет их на фоне остальных издателей.

Ссылка на проект

30 / Минимальные приемы

Отличный пример креативной реализации в казалось бы не очень креативной сфере. Очень понравилось, что данную историю получилось реализовать самыми минимальными приемами, используя геометрическую форму, комбинацию двух шрифтов, а также здорово продуманные переходы и анимацию слоев. Вместе с тем получилось сохранить характер и правильно отобразить область деятельности.

Ссылка на проект

29 / Болдовые элементы

Понравилась промышленная атмосфера сайта, как и в целом общая работа с композицией и сеткой. Однако выделить хотелось бы не совсем очевидные детали, а именно болдовые иконки, которые отлично коррелируются с пунктуационными знаками шрифта Maxeville. Очень тонкий момент, выражающий серьезный подход самой студии.

Ссылка на проект

28 / Модульный характер

Очень хороший пример когда сетка действительно служит эффективным инструментом организации. Вместе с тем такой метод построения макетов более точно определяет место, форму и размеры самого объекта в пространстве.

Ссылка на проект