2021-11-06 12:03:58
Про стиль киберпанк.
Давно не писала ничего в рубрике #простиль_полюбви, пришло время вернуться. Примерно неделю назад мы как раз запустили небольшой лендинг для DL Boost в стиле киберпанк, поэтому есть о чем рассказать.
На одном из прошлых Бустов я уже делала небольшую стилизацию с использованием неона и шумов, на что у многих сработала ассоциация «киберпанк». В этот раз я решила докрутить историю, применив другие приемы из этого стиля.
История возникновения киберпанка:Киберпанк пришел к нам из литературы. Это жанр научной фантастики, по сути антиутопия, основным сюжетом которой является высокий технологический рост на фоне социальных и культурных изменений (нередко характеризуется упадком человечности и тоталитаризмом). Само слово киберпанк является смесью слов cybernetics «кибернетика» и punk «панк», впервые его использовал Брюс Бетке в качестве названия для своего рассказа «Киберпанк» 1983 года. Но отцом жанра считают Уильяма Гибсона с его первым романом «Нейромант». Подробнее о киберпанке в литературе и кино можно почитать тут.
Одними из основных элементов киберпанка в литературе и кино считаются:— киберпространство;
— виртуальная реальность;
— искусственный интеллект;
— киборги, биороботы/андроиды;
— нанотехнологии;
— биоимплантаты;
— городские трущобы в постапокалиптическом стиле;
— влиятельные крупные корпорации;
— криминальные синдикаты, мафия;
— хакеры;
— киберпреступность, кибертерроризм.
А теперь вернемся к дизайну, который не смог обойти стороной этот стиль, хоть он и не стал столь сильно популярным. Дизайнеры одежды периодически обращаются к киберпанку, можно встретить интерьеры с решениями в этом стиле. Но помимо этого киберпанк отлично чувствует себя в графике и интерфейсах.
Стилизация сайта под киберпанк — достаточно смелое решение, которое не подойдет для любой ЦА, поэтому с этим надо быть осторожным. Можно использовать только некоторые элементы из стиля, чтобы не перегрузить интерфейс лишними графическими деталями. В рекламных креативах киберпанк будет чувствовать себя комфортно и явно привлечет внимание людей к себе в ленте соцсетей.
Какие элементы и приемы характерны для киберпанка:— темный фон (может иметь синие или зелёные оттенки);
— яркие неоновые цвета (зачастую фиолетовые и синий, но могут встречаться и кислотно-желтые, зеленые, голубые цвета);
— геометричные гротески;
— линии (тонкие прямые, толстые с наклоном, одиночные линии и несколько линий подряд);
— интерфейсные элементы со скошенными углами (обратите внимание на игровой интерфейс Cyberpunk 2077);
— диаграммы;
— геометричные рамки (могут быть также со скошенными углами);
— мелкий текст в интерфейсах (нередко с анимацией набора букв);
— цифры, много цифр (данные, нумерация, геопозиция);
— неоновая подсветка (классно смотрится на шрифтах и иконках);
— глитчи и помехи на изображениях;
— шумы;
— эффект хрома (зачастую в 3D- моделях);
— пиксели.
С какими стилями и приемами сочетать киберпанк:Вообще киберпанк сам по себе графически насыщенный стиль с сильным характером, поэтому его нелегко сочетать с чем-то еще.
Можно попробовать сочетания с более спокойной
швейцарской типографикой. Оставляем графические элементы от киберпанка (выбираем 2- 4 элемента, на которых построим стиль) и добавляем к этому контрасты в шрифтах, иерархию и упорядоченную сетку (что не свойственно киберпанку в чистом виде).
Можно сделать небольшой замес с
техно, сделать акцент на хроме и рамках, добавить нечеткие фото или тонкие линейные геометрические фигуры.
В качестве изображений с кибрапанком будут хорошо смотреться футуристичные
3D-фигуры.
Глитч сам по себе является отдельным приемом, но он также часто встречается внутри киберпанка. Можно поставить этот прием в доминанту и построить на нем макеты.
Киберпанк неплохо смотрится вместе с
фото в дуотоне, только подбирать стоит зеленые, синие и фиолетово-розовые оттенки с уклоном в неон.
1.3K views09:03