设计历史-赛博朋克(中)

- 2019/09/12 -

013b825d673329a801211f9e75d8f4.gif


0158095d67334aa80120526d23532a.png


上文说到赛博朋克的历史

这篇给大家解析,赛博朋克风做设计的要素

(以下赛博朋克简称-赛博)


0101dd5d673364a80120526ddbf63e.gif



01109d5d673373a801211f9ec1fa31.png


赛博描述未来科技发达,高科技统治者压榨人类,高科技低生活造就了悲观末世。在这种文化背景下,TIME寻找了一些赛博风格的元素:


01f1d95d673421a80120526d7d4bd9.jpg



016cf45d673474a80120526d1bf412.png


有一点色彩基础的童鞋应该知道

科技色通常是以蓝为主

蓝色是基础冷色,代表真理、严肃、永恒。

适合表现科技感


011d145d67349ca801211f9e5b05f0.jpg


而赛博则是由+洋红青蓝组成

紫+洋红是邻近色,代表诱惑、神秘、诡异

再+科技蓝呈现出神奇的赛博风格色


016b6d5d6734b0a801211f9e1a9379.jpg


颜色有很强的主观表现

有人说设计作品第一眼70%看的是颜色

TIME也不知道这个数据怎么来的

总之觉得很有道理…

举个栗子


0148cf5d6734c3a80120526dc1704f.jpg


你觉两个小姐姐那个更有神秘诱惑的感觉?

嘿色盲!答案是:右



当然,并不是所有赛博风格的作品都是统一色调

艺术需要尝试新鲜元素的碰撞

从而突破审美疲劳感

(刚开始做别嘚瑟,按部就班最为稳妥)


0124af5d6734f1a80120526d74e815.jpg


01ec635d6734f3a80120526d14497e.jpg


0103745d6734f4a801211f9e231c82.jpg


还有一个原因

紫色是忧郁沉闷的感觉,看多会疯掉

通常电影中不会一直用紫色场景



018d255d673506a801211f9e64121d.png


1.黑暗系列


0158085d67351fa80120526d9bb6a9.jpg

01e7cb5d67351ea80120526d47dca1.jpg


黑暗系”是TIME起的

赛博风格中缺少不了暗黑、诡异的元素



主色:暗紫色+洋红为主色衬托赛博暗黑风的基础
辅色:科技蓝必不可少
点缀色:可以少量加入其它颜色,以免抢主色风头



“暗黑系”配色作品适合搭配科技类电子产品



01b5af5d67355da80120526d4827c6.jpg


2.光明系列


0130965d673583a80120526d5625e0.jpg

016a4b5d67357ba80120526d688372.jpg


有黑暗就有光明

上面说过,突破艺术的固有印象转变后形成新的艺术形态
(这个只是给大家欣赏的,不要照着学!会跑偏的!



3.温柔系列


01ab1f5d6735c8a80120526d30cc7a.gif


01a7fd5d6735eea80120526d7d3814.jpg

011c705d6735e2a80120526dc0b7ca.jpg


这种“温柔”一点的配色

给人一种轻松、惬意的感觉



主色: 运用大面积明亮的紫色做背景,使画面显得开阔
辅色:深紫色勾勒出画面的层次
点缀色:这次蓝色成为了点缀,另外黄色是能量感



“温柔系”配色作品适合搭配时尚女性类产品…


0186395d67360ba801211f9ec0099f.jpg



017c495d67361aa801211f9e9130b6.png



018fd75d673631a801211f9e6550b9.jpg


霓虹灯是赛博风格中最常见的元素

可以给作品增加光感
具有强烈视觉的设计往往是通过光感产生的



0110675d673641a801211f9eb2818a.jpg


赛博霓虹灯元素有三种

中国风/美风/日风 
下面设计作品中同时拥有三种



01204f5d673659a80120526d93df84.jpg

01cc375d673660a801211f9ec6c0ed.jpg


012ece5d67366ba801211f9ebffe39.jpg


(可能在未来…全世界都在学习中国话吧?)


在设计作品中
霓虹灯有多作用和技巧



1.充当背景


0175d65d673688a80120526dfd47d2.jpg


0184965d673693a80120526de19148.jpg



光源可以点缀主题,渲染赛博氛围

作者运用透视原理,将灯光近大远小的排列在周围
并加入"火花"元素,给画面增添动感
符合主题调性,妙哉



2.装饰副标题


0102b85d6736b3a801211f9e9b6b78.jpg


01dbcc5d6736bda80120526d2f6557.jpg


霓虹灯的形状多变

适合制作文字框来装饰副标题
作者即融合了赛博元素,又凸显了副标题内容
妙哉



3.做主标题



01337b5d673701a80120526da45a62.jpg


01e3c65d673711a801211f9e4c6ca2.jpg


霓虹灯有发光效果,主标题需要突出视觉

作者把两者完美的融合在一起
妙哉



01b1945d67372ca80120526d3a13e5.png


017f5c5d67373aa801211f9e6b1be5.jpg


640.webp (1).jpg


640.webp (2).jpg


640.webp (3).jpg


640.webp (4).jpg


IME借用一下《攻壳机动队》海报

这是一款赛博风格的电影作品
推荐大家观看



赛博风格讲述未来世界
少不了森林般的建筑
那么在设计作品中如何表现呢?



1.填充背景


019ad05d6737b6a801211f9e01463e.jpg


01fe945d6737b7a80120526d9f134b.jpg


0139a65d6737b8a801211f9e6f00ff.jpg


以都市森林作为背景是较为普遍的设计手法



0188e95d6737f9a801211f9ed24d66.jpg


01c3065d673802a801211f9e969207.jpg


TIEM相信大部分作品的第一个想法

就是把都市森林作为背景,前景放置主题
但,要掌握足够的空间感



好作品,例如第一幅作品中
房间内的近景搭配窗外的远景
感觉很舒服,很安静。


01f3fe5d67384da801211f9e8a3a27.jpg



2.一点透视


01ab145d673869a80120526dff06c2.jpg


0189095d67386ba801211f9e2c941a.jpg


640.webp (5).jpg


一点透视晓得吧?不理解也没关系

就是两边有建筑,中间留出空隙
相比“填充背景”一点透视更有空间感
一点透视构图是赛博风格中最常见的



01e68a5d673892a801211f9e98a272.jpg


0120dd5d67389ba801211f9e73de05.jpg


规律对称的视觉产生美感

所以设计中常常运用此类手法
作者利用两侧建筑由近到远,近大远小,让画面产生空间感
漂亮



3.自由形


640.webp (6).jpg


01e54c5d6738d2a80120526dbda317.jpg


640.webp (7).jpg


自由编辑建筑模型,造成矛盾空间的赛博

TIME还真是找了很久
关于设计类的就更少了~只找到一张




01d62e5d6738f4a80120526d6d0c6f.jpg


绕了一圈又说到《这就是街舞》的海报啦

这位大神脑洞蛮大,巧妙的把赛博风格植入到作品中
整体看起来很炫酷
膜拜


0182b75d673931a80120526da35047.png

0151255d67393ca801211f9e2b2aa4.jpg

近些年经常听到的词
人工智能(Artificial intelligence)简称AI
可见未来其实并不遥远,也许就在我们身边
不信你看…


0143595d673955a801211f9e3687fd.gif
《自动喂奶器》


01ee705d673971a80120526df98eb1.gif
《自动口红》


0178f45d673985a801211f9e041a6b.gif
《自动洗发水》


013f785d673997a80120526dbda0c0.jpg


1.机械假体与穿戴设备

0177c25d6739aaa80120526d96383b.jpg

赛博风格中机械随处可见,这没错,但在设计中不同
假如做一张产品海报
总不能见到个活的东西就P上假肢吧?


这种机械元素非常抢眼,容易抢到产品的视觉
所以,要把机械的概念转移到产品中去
后面TIME会讲

2.增强现实

0187b45d6739d1a80120526d3f350e.jpg
0169c35d6739d9a80120526df632af.jpg


增强现实(Augmented Reality)简称AR

有空TIME专门写一篇文


01a69e5d6739eca801211f9e6e6f47.jpg


设计作品中加入增强现实效果

既可以充当发光体吸引眼球,又可以提升B格表达科技元素



01479d5d673a06a80120526dc39551.png






彩蛋:
做设计就像打游戏,不断的殴打怪兽升级经验才可以加满技能。
如果你掌握了赛博朋克风格,恭喜你,你拥有了N种设计(装B)技能。
赛博朋克+其他风格或技能的作品层出不穷,新手村的你还在等什么?收藏

-_赛博+像素风-_
(C4D+PS)
01a08a5d673a3ca80120526d48f67a.jpg


-_赛博+插画-_
(AI+PS)
013e4f5d673a7ca80120526d86989e.jpg


-_赛博+3D-_
(C4D)
01afb95d673a90a80120526df5fa17.jpg


-_赛博+合成-_
(PS)
014e3f5d673adaa80120526d13b07c.jpg


-_赛博+摄影-_
(PS)
012f4e5d673aeaa80120526dfc4c91.jpg

【申明:图片均来自于网络,如对您的权益产生侵害,请与作者联系删除,谢谢!


015f0d5d673b07a80120526dc45c54.jpg


点击查看原文



Author:

2000

All Comments0