查看原文
其他

会赛博朋克风格,真的为所欲为!

木子 我们的设计日记 2022-05-22


各位打工人早上好,我是设计日记的服务官@叮当猫。本篇文章的作者是我们星球的@木子同学,大家给她打call,这也是她的第一篇原创分享。最近有一个游戏非常火,但是这次我们聊的不是游戏,而是由这款游戏带回到我们视线的赛博朋克的视觉风格!


 赛博朋克风格 

那在聊赛博朋克的视觉风格之前,我们先大概了解下什么是赛博朋克!


 什么是赛博朋克 

赛博朋克起源于19世纪60年代,当时的文化环境是朋克文化正盛行,各个领域朋克结合产生了新的可能,朋克的文化体现在科技圈就是赛博朋克。

但随着时代的发展,原来一些赛博朋克的极客科技都成了基础建设,赛博朋克的哲学探讨也渐渐弱化,而视觉上的张扬个性由于符合现在年轻人标榜自我价值的特点,被越来越多的喜爱“潮、酷、炫”的年轻人追随,下面我们就来看一下赛博朋克的视觉感受! 


 赛博朋克的视觉感受 

 1.强烈的视觉冲击力

赛博朋克的“矛盾对立”文化根基决定了视觉风格的基调,其中表现最为强烈的是色彩的对比和光感的运用,强烈冷暖色调结合霓虹灯光,与背景形成视觉反差,形成强烈的视觉冲击力和形式感!


设计师将主体人物脸部形成环绕曲体,与无衬线块面字体搭建的稳固结构相互环绕,加上蓝橙冷暖色调强烈对比,使画面形成富有冲击力的超现实感,极具吸引力。

深色调为背景,主体采用冷暖色调相互对比,很好的突出了主体,同时背景的光感渐变与主体产生连接;底部的圆形线条运动交叠与背景流线相互呼应增加了画面的深度和空间感,形成对比强烈的神秘超现实感!

 2.高科技未来感

赛博朋克的科幻文学底层价值也同样反映在它的视觉表达上:主要通过暗色空间、几何建筑形成基本结构,反光新型材质、霓虹灯光、带有科技感亮色调强烈对比进行氛围渲染等手法来实现赛博朋克空间的搭建,创造出超现实、未来主义和发光的感觉,营造出充满科技感的未来世界!

在实际的运用中还会结合错位的视觉产生电波障碍感来体现科技感。

 3.潮流时尚

大胆配色、未来风的情景设定、猎奇人体改造、怪异的种机器和工具,不仅吸引人们的眼球,而且很契合当下年轻人追求个性的胃口,这让赛博朋克成为一股潮流时尚风潮在各个领域展开。


 赛博朋克的特点 

那么赛博朋克有哪些特点呢?赛博朋克的视觉特点有很多,我们在这列举三个主要特点:

1.颜色对比强烈

2.几何形状

3.个性字体

 1.颜色对比强烈

明亮的饱和色彩、霓虹灯是赛博朋克的独特色彩特征,将形象塑造出偏离现实的感觉。赛博朋克的配色主要是想传达给到超现实的视觉感受。


博朋克的配色主要是想传达出超现实的视觉感受;色彩效果不仅在视觉上,也反映着情感,在经典的赛博蓝色一般代表着冷淡与忧郁,玫红代表着奔放与激情,这在《银翼杀手2049》的海报中展现的很到位,两个颜色的直接冲撞反应了主人公的精神困境。

 2.几何形状

简单几何形状,棱角明显,干净利落的空间切割线条是赛博朋克的一大特点,简短而有力塑造出空间感,加上霓虹色彩的使用,有种空间的无限延伸感,充满未来信息时代美学,这也暗合了“赛博空间”的设定“无限、非实在的空间”。所以,在平时做赛博朋克风格的设计时可以通过加强几何特征来增强赛博空间的构建。

 3.个性字体

赛博朋克设计中的字体大都硬朗锋利,字体风格上或体现高科技的硬朗风,或是体现低生活的奔放风,结合霓虹灯管、霓虹色彩、新型材料形式感十足,在感官上激发人们的热情,增加视觉张力和画面未来感。

海报中字体笔画整体刚建犀利、粗狂饱满,同时结合了霓虹色彩和金属材质,增强了画面主体人物特征,文字配和主体人物的高科技眼镜,有种让人点击立即进入的感觉! 


 应用场景 

1.UI中的运用

2020年天猫的“不潮不来电”从故事的构思、场景的搭建、视觉的表达都在赛博朋克的世界观进行,打破了消费电子和潮流文化的壁垒,重新定义电器,携手WMY一同探索潮流生活方式更多可能性,打造出未来活方式的蓝图。

2.平面中的运用

赛博朋克影响十分广泛,呈现在平面中,往往大量使用霓虹灯光、冷暖色调强烈对比、几何形穿插、高科技金属材质,运用错位、拉伸等手法体现科技发展中的不确 定感和未知感。在电影宣传海报、游戏宣传,如《攻壳机动队》、《阿丽塔》、《头号玩家》的电影海报;《这就是街舞》、《中国有嘻哈》 等综艺海报和舞台都以赛博朋克的风格呈现。

在平面海报、宣传活动中,赛博朋克风格应用广泛。以几何结构搭建框架,冷暖霓虹色调增强画面感染力,使画面抓人眼球又现代感十足,颇受年轻一代人追捧。强烈的视觉冲击力是赛博朋克风格的鲜明特征,能够瞬间抓住人们的注意力,在需要快速获取注意力的宣传活动海报中越发受到偏爱。

3.插画中的运用

插图中的赛博朋克风格描绘的一般都是不存在的世界和空间,充满霓虹灯、神秘的空间、高技术元素、佩戴高科技设备的人、赛博格义体人,给人以无限的瞎想。

霓虹和色彩,光影环绕,补充能量的赛博格少女这一切 与周围的黑暗形成鲜明对比,神秘与科技感的氛围下,好像下一秒就会发生意想不到的事情!

这幅插画的表现更为现代和抽象,高楼大厦的林立和光影的强烈变化直接化成线条,佩戴AR眼镜的人物完全沉浸在另一个世界,整体的高科技感和红蓝经典色调仍能看到赛博朋克的影子!

这两幅属于比较早期的赛博朋克作品,由于技术的限制,这时的作品会更加强调细节的刻画来体现先进感。


 3步转化赛博朋克风格 

UI中的运用

利用PS中的Camera RAW滤镜3步调整出赛博朋克风格

第一步:降低色温和曝光提高洋红色调(基础调整)

·色温降低:增加画面的冷色;

·色调:往洋红色靠拢; 

·曝光:根据画面的亮度进行降低或提高调整(依图片而定); 

·对比度:提高对比度,增加画面的层次感;

·高光:需要降低过曝的灯光(当然依图片而定);

·清晰度、去除薄雾、饱和度:都增高,增减清晰度,让色彩更加饱满鲜明。

个简单照片加上这个字体,瞬间变得很温馨。

第二步:降低高光再增加对比度(HSL调整)

·将洋红色提高到100; 

·蓝色往青色部分靠拢; 

·紫色提高一些,其他颜色降低饱和度,这时赛博朋克的风格已经凸显;

·明亮度调整,紫色:大幅度降低


第三步:增强红蓝色调(分离色调)

·高光: 

色相:青蓝色;

饱和度:大幅度提高(让闪耀的光线变成深蓝色); 

·阴影:

色相:洋红色;大幅度提高饱和度


 最后 

今天就是这些分享,赛博朋克最初作为一种小众的文学流派,不断发展,从小众文学一直跨界至荧幕电影,与游戏的结合更是一路高歌。希望这篇文章为你打开一扇了解赛博朋克文化的大门,也欢迎与各位小伙伴共同学习交流~


 星球第五期预约 我们的设计日记第五期将于2021年3月23日早上08:30开放,届时价格将回调至本年最低价(200-300之间)。需要锁定价格或提醒续费,可微信私信我(微信号:helloskyynz),暗号【预约】。已经有我微信则无需重复添加,我会在3.23开放前为你发送提醒。
已经添加叮当猫微信无需重复添加微信推送现在不按发布时间排序了,如果你还想准时看见我的文章,麻烦你给文章点一下在看”,并点击右上角”...“请将设计日记设为星标,拜谢。
叮当猫荐文:
送你这7款字体,好看到炸裂!
独家!做设计如何快速找到灵感?

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存