Не упусти!

Круто, что тебе интересны наши курсы!

И именно за твой интерес и желание развиваться мы дарим тебе скидку!

Заполни данные ниже и на почту прийдет письмо с промокодом для тебя со скидкой на любой курс!

Отлично!

Ваш промокод на скидку отправлен на Ваш E-mail. Проверте пожалуйста Вашу почту.

Проверьте все папки в вашем почтовом ящике (спам, промоакции).

Примеры эффекта жидкого металла в веб-дизайне

Примеры эффекта жидкого металла в веб-дизайне

В жидком металле есть что-то завораживающее. Устойчивый поток серебристой вязкой жидкости обладает отличительным качеством ASMR с его первозданной, безупречной поверхностью и движением, которое, кажется, сбивает с толку наш мозг - металл должен быть твердым, верно? Хорошо, мы все знаем, что есть не такие твердые металлы, как ртуть. Мы также знаем, что многие виды металлов можно плавить в жидкую форму. Поэтому мы не можем сказать, что это что-то сверхъестественное, и тем не менее, мы не можем оторвать от него глаз.

 

Одним из возможных источников вдохновения для этой тенденции, безусловно, является визуальная традиция научной фантастики. Жидкий металл можно увидеть на довольно многих обложках книг этого жанра, особенно на книгах в мягкой обложке, где дизайнеры действительно сходили с ума. От космических кораблей до киборгов, на гладких, плавных металлических поверхностях было много мерцающих переливов. Эстетика вскоре была перенесена в кино - особенно знакомый пример - Т-1000, леденящий кровь убийца из культового фильма Джеймса Кэмерона « Терминатор 2» . То, как он может превратиться в лужу жидкого хрома только для того, чтобы снова принять человеческий облик и жестоко уничтожить всех, кто окажется на его пути, остается для многих самым ярким визуальным элементом фильма.

 

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

 

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

 

Быстрая прогулка по Behance в поисках дизайна на основе хрома дает замечательные результаты и показывает, что довольно много талантливых дизайнеров изучают этот стиль. Итальянский дизайнер анимационной графики Sic Est , например, отлично поработал с применением текстур жидкого металла и компьютерной графики для кампании Versace Timeless SS18 , а редакционная статья Beauty Alchemist для Schön! Журнал исследует жидкости в контексте макияжа. Тенденция к жидкому металлу сейчас настолько актуальна, что вы даже можете получить хроматические наборы инструментов для вашего следующего дизайна.

 

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

 

Тибо Фуссар

 

 

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

Концепция обеда

 

 

Бренд, о котором мы уже писали в нашем исследовании инновационной типографики героев , концептуальный магазин Lunch Concept открывается потрясающим видео-разделом с огромной металлической типографикой. Несмотря на имитацию холодного, острого металла, шрифт имеет легкую чувственность , возможно, из-за его матовой текстуры и кривой, соединяющей буквы L и N, или, возможно, из-за лежащего в основе видео, которое придает логотипу некоторую атмосферу. Что ж. Матовый черный бафф букв передает даже больше, чем плавность, тактильные ощущения и текстуру., в то время как острый край буквы C добавляет персонажу немного остроты. Буквы выглядят гибкими и полыми на обратной стороне, и общий эффект - это желание потрогать, изучить и поиграть с логотипом.

Мир ханаи

 

 

Компания Hanai World, позиционируемая как социальная платформа смешанной реальности, должна быть развернута в конце 2021 года и должна привлечь сообщество создателей, разработчиков и технологических компаний, работающих вместе, чтобы обеспечить синхронный физический и цифровой опыт, в первую очередь в сфере развлечений. На данный момент единственный взгляд на платформу (и движение, как его называют создатели) - это веб-сайт, который привлекает новых членов команды, создателей и разработчиков. Судя по дизайну, это будет одна современная, ориентированная на будущее среда, в которой креативщики и разработчики будут соревноваться друг с другом в том, кто сможет предложить более инновационный опыт с упором на эстетику . Динамический фон в пастельных градиентах светится атмосфера космической меланхолии, настроение, поддерживаемое множеством объектов, в основном сфер, сделанных из жидкого металла, вращающихся вокруг друг друга или просто плавающих в поле зрения и вне его . Пара жидкометаллических рук протягивается из окон в параллельные миры, приветствуя новых членов. Вся композиция поддерживает идею создания новых вселенных внутри нашей существующей и обхода стен между физическим и цифровым мирами.

 

Анри Хейманс

 

 

Независимый разработчик интерфейса Анри Хейманс для своего веб-сайта портфолио 2021 года выбрал центральную часть страницы, которая исследует движение и текстуру с использованием жидкого металла в качестве среды. Металлический шар, похожий на планету, вращается вокруг себя в разделе героев веб-сайта, его неровная зернистая поверхность течет и тает, напоминая нечто среднее между мелким песком и телевизионными помехами, а его более четкие линии напоминают плавные переходы между цветами в бензиновой радуге. . Шар никогда не бывает неподвижным - он либо вращается вокруг себя, либо следует за движением курсора. Затем страница переходит к довольно обычному отображению избранных работ, поэтому сфера служит эмблемой авторского мастерства, а также ярким открытием веб-сайта.

 

Завершение

 

Анимированный, статичный, хромированный или матовый жидкий металл обязательно добавит изюминки дизайну. Конечно, это не может быть хорошим выбором для любого веб-сайта и любого бренда - как мы видели, жидкий металл требует определенного контекста, чтобы работать. Хотя многие автоматически связывают этот стиль с футуризмом, важно помнить, что на данный момент в жидком металле нет ничего футуристического. Значит, ретро-футуристический? Конечно. Ностальгия по будущему? Определенно. Мир, в котором мы живем сейчас, пребывает в беде, и призрачная меланхолия стала широко распространенной концепцией с тех пор, как мы осознали, насколько глубока проблема, которая объясняет так много производной эстетики и, казалось бы, анахроничных отсылок к прошлым тенденциям и концепциям. Но жидкий металл в веб-дизайне - это больше, чем просто дань классной эстетике прошлого. В веб-дизайне металл, или действительно любая другая материя, свободна от ограничений своей физической формы. Он может смещаться, сгибаться, капать и таять любым возможным и невозможным образом, и, как таковой, это удивительный ресурс для дизайнеров, которые хотят представить, построить и воплотить собственное видение будущего, яркого или мрачного.

 

Источник Muzli

рекомендуемые статьи

Photoshop против Illustrator Photoshop против Illustrator
Если вы только начинаете работать дизайнером, выбор между Photoshop и Illustrator может оказаться непростой задачей. Ниже мы предоставим вам несколько фактов, чтобы решить, какой из этих продуктов Adobe больше подходит ...
50 блогов для вдохновения графическим дизайном 50 блогов для вдохновения графическим дизайном...
Вы хотите отдохнуть от своей работы, получить вдохновение и новое чувство перспективы. Но, по правде говоря, вы, вероятно, в конечном итоге прокрутите Instagram и потратите свое время, глядя на дома, людей и милых кошек....
Топ-10 комбинаций шрифтов 2021 Топ-10 комбинаций шрифтов 2021
Все еще не нашли то, что искали? Вот несколько комбинаций шрифтов, которые могут идеально подойти для вашего следующего дизайна....
Все, что вам нужно знать, чтобы стать моушн дизайнером Все, что вам нужно знать, чтобы стать моушн дизайнером...
Руководство для новичка
15 советов для улучшения формы 15 советов для улучшения формы
Формы являются неотъемлемой частью любого пользовательского интерфейса. Они устанавливают синхронный канал связи между предприятиями и пользователями. Их важность не вызывает сомнений, но в сети все еще есть множество пр...
5 вещей, с которыми дизайнеры не столкнутся сегодня 5 вещей, с которыми дизайнеры не столкнутся сегодня...
Насколько мир дизайна отличается от прежнего