7个要素帮你快速入门,轻松掌握硬核「机能风」!

7个要素帮你快速入门,轻松掌握硬核「机能风」!
7个要素帮你快速入门,轻松掌握硬核「机能风」!
7个要素帮你快速入门,轻松掌握硬核「机能风」!
7个要素帮你快速入门,轻松掌握硬核「机能风」!


7个要素帮你快速入门,轻松掌握硬核「机能风」!



7个要素帮你快速入门,轻松掌握硬核「机能风」!
7个要素帮你快速入门,轻松掌握硬核「机能风」!
7个要素帮你快速入门,轻松掌握硬核「机能风」!
7个要素帮你快速入门,轻松掌握硬核「机能风」!
7个要素帮你快速入门,轻松掌握硬核「机能风」!
7个要素帮你快速入门,轻松掌握硬核「机能风」!



一大早的刚坐下,运营妈妈?就给我传来一堆图片,说:“小里,帮我做一张海报,参考都给你找好了,就要这种风格的哈”。



如果是你,你会怎么做呢?



当然是先观察这些海报有什么特点啦。这种风格的海报最近都蛮火的,它们有一个明显的特征:带点高科技的未来感和机械感,而且它们可以统一归为一个风格:机能风。



7个要素帮你快速入门,轻松掌握硬核「机能风」!

普遍认为机能风的鼻祖是赛博朋克,最开始与街头潮流相结合,逐渐成为从赛博朋克中衍生而出的一种穿搭风格,也就是我们现在所说的都市机能风。



7个要素帮你快速入门,轻松掌握硬核「机能风」!

7个要素帮你快速入门,轻松掌握硬核「机能风」!

了解完这些作品的风格,然后呢?就可以磨刀霍霍准备设计了吗?当然不是啦,接下来还需要进一步观察形成这种风格的具体表现。





7个要素帮你快速入门,轻松掌握硬核「机能风」!



首先最重要的一点,先来确定一下这种风格是不是真的符合我们的需求。由于机能风里具有高科技的未来感,使这种风格受到了不少年轻人的欢迎,因此在一些音乐、服装品牌、活动、演出、影视,科技产品和一些新兴年轻行业等宣传中,也很热衷于使用这种视觉表现。



7个要素帮你快速入门,轻松掌握硬核「机能风」!



而从?文案可以看出,这是一个关于音乐的海报,而且风格是最近几年年轻人很喜欢的说唱,具有一定的力量感和流行度,所以机能风的确是符合的。





7个要素帮你快速入门,轻松掌握硬核「机能风」!



确认完适用领域之后,就可以来具体看它的视觉表现了,模仿一种风格,通常就像炒一盘菜,你需要先摸清这盘菜有什么配料,也就是找到画面的组成要素。经过分析,我总结出了7种机能风的常用视觉元素,汇总之后我们就可以轻松掌握这一风格啦。



首先是字体方面,在选择字体时,为了体现机能风中的机械感,常见的3种字体选择方向有:黑体/无衬线、窄体/斜体、具有机械感的个性化字体。




7个要素帮你快速入门,轻松掌握硬核「机能风」!


7个要素帮你快速入门,轻松掌握硬核「机能风」!


标题使用字重粗的黑体/无衬线,天然地具有力量感,而且简洁的笔画特征,自带冰冷气质,符合机能风中没有感情的末日氛围。




7个要素帮你快速入门,轻松掌握硬核「机能风」!


7个要素帮你快速入门,轻松掌握硬核「机能风」!

经过拉伸处理的窄体、扁体和斜体,比黑体的冲击力更强。




7个要素帮你快速入门,轻松掌握硬核「机能风」!


7个要素帮你快速入门,轻松掌握硬核「机能风」!

具有机械感的个性化字体,是最有代表性的字体,图形感也最强。这种机械感,大多体现在字体具有一定的切割角度。使用时还要注意中英文搭配的和谐度。




7个要素帮你快速入门,轻松掌握硬核「机能风」!


7个要素帮你快速入门,轻松掌握硬核「机能风」!

高科技的背景,使得机能风的设计中经常会包含很多电子元件的元素,通常包括镜头对焦、测距、测光等符号。




7个要素帮你快速入门,轻松掌握硬核「机能风」!


7个要素帮你快速入门,轻松掌握硬核「机能风」!

芯片形状的不规则标签也是高科技社会的体现之一。




7个要素帮你快速入门,轻松掌握硬核「机能风」!


7个要素帮你快速入门,轻松掌握硬核「机能风」!

由于机能风所处的时代背景是社会崩坏的未来,所以其中也包含了很多警示类的标志,常见的有警告牌、雷电、防毒防火防水、危险区域等。




7个要素帮你快速入门,轻松掌握硬核「机能风」!


7个要素帮你快速入门,轻松掌握硬核「机能风」!

也许是因为机能风最初运用于服饰上,所以转到平面设计时,也加入了大量条形码、尺码、产品信息等矩形化的产品标签。




7个要素帮你快速入门,轻松掌握硬核「机能风」!


7个要素帮你快速入门,轻松掌握硬核「机能风」!

除了以上这些元素以外,地球、箭头等装饰符号可以进一步地强化这种风格。




7个要素帮你快速入门,轻松掌握硬核「机能风」!
7个要素帮你快速入门,轻松掌握硬核「机能风」!
7个要素帮你快速入门,轻松掌握硬核「机能风」!


7个要素帮你快速入门,轻松掌握硬核「机能风」!

大多数情况下,机能风的用色会偏向简单,通常是黑白灰+高饱和度的红、绿、蓝等颜色搭配。当然,也不排除低饱和度的部分色相也是能体现这一感觉的。




7个要素帮你快速入门,轻松掌握硬核「机能风」!


7个要素帮你快速入门,轻松掌握硬核「机能风」!


渐变、镭射在机能风里也是常见的一种用色。这种效果可以自己制作,也可以下方扫码参加研讨群,领取镭射素材直接使用,方便快捷。




7个要素帮你快速入门,轻松掌握硬核「机能风」!
7个要素帮你快速入门,轻松掌握硬核「机能风」!
7个要素帮你快速入门,轻松掌握硬核「机能风」!
7个要素帮你快速入门,轻松掌握硬核「机能风」!
7个要素帮你快速入门,轻松掌握硬核「机能风」!
7个要素帮你快速入门,轻松掌握硬核「机能风」!
7个要素帮你快速入门,轻松掌握硬核「机能风」!
7个要素帮你快速入门,轻松掌握硬核「机能风」!

准备好「配料」之后,我就可以开始制作了。在前期需要从众多的网格中,挑选一款合适的作为整体构图。好的结构,是一切设计形式的基础,也是平面设计的底层逻辑。(但很多设计师都欠缺这一环,如果你想要更全面地夯实基础,欢迎参加我们的版式训练营,在文章底部有报名链接哦。)



7个要素帮你快速入门,轻松掌握硬核「机能风」!
7个要素帮你快速入门,轻松掌握硬核「机能风」!

在这些网格中,根据自己的构思,最后我选择了第1列第3行的这款矩形结构来作为海报的构图形式。




7个要素帮你快速入门,轻松掌握硬核「机能风」!
7个要素帮你快速入门,轻松掌握硬核「机能风」!
7个要素帮你快速入门,轻松掌握硬核「机能风」!
7个要素帮你快速入门,轻松掌握硬核「机能风」!

结构确定之后,就可以大致置入文案了,这一步同样先不用过多地考虑这些视觉元素,无论哪种风格,好的构图和文字编排能力都是基础,这样风格化之后,版面才会更耐看。




7个要素帮你快速入门,轻松掌握硬核「机能风」!
7个要素帮你快速入门,轻松掌握硬核「机能风」!
7个要素帮你快速入门,轻松掌握硬核「机能风」!

有了大致的构图后,我们可以考虑加入配料了,首先是字体,虽然字重粗的黑体和无衬线是机能风的一种体现,但是我想要使用装饰性更强的一种字体来让这种风格更浓厚。



7个要素帮你快速入门,轻松掌握硬核「机能风」!
7个要素帮你快速入门,轻松掌握硬核「机能风」!
7个要素帮你快速入门,轻松掌握硬核「机能风」!
7个要素帮你快速入门,轻松掌握硬核「机能风」!
7个要素帮你快速入门,轻松掌握硬核「机能风」!
7个要素帮你快速入门,轻松掌握硬核「机能风」!
7个要素帮你快速入门,轻松掌握硬核「机能风」!

还记得之前为大家整理的其它配料吗?这时候就可以派上用场了,我们可以开始有选择性地大范围加入电子元件、警示标志、标签、装饰符号等视觉元素了。



7个要素帮你快速入门,轻松掌握硬核「机能风」!


最后加入小元素作为点和线。




7个要素帮你快速入门,轻松掌握硬核「机能风」!
7个要素帮你快速入门,轻松掌握硬核「机能风」!
7个要素帮你快速入门,轻松掌握硬核「机能风」!
7个要素帮你快速入门,轻松掌握硬核「机能风」!

下一步,就是置入主体了,主体是版面里的重中之重,也是风格表现的最大化。



7个要素帮你快速入门,轻松掌握硬核「机能风」!


这个图片,不是不行,而是承担不了风格的最大化。



7个要素帮你快速入门,轻松掌握硬核「机能风」!

机能风常见的主体样式是将图片进行彩色半调、摩尔纹等处理(彩色半调的制作,我们之前也出了一期完整的教程,可以参考,点击即可跳转查看)




7个要素帮你快速入门,轻松掌握硬核「机能风」!
7个要素帮你快速入门,轻松掌握硬核「机能风」!
7个要素帮你快速入门,轻松掌握硬核「机能风」!


加入主体后,就可以进行配色了。我们可以结合之前的色板加入颜色。例如以绿色为背景,就可以得到下方的效果:



7个要素帮你快速入门,轻松掌握硬核「机能风」!
7个要素帮你快速入门,轻松掌握硬核「机能风」!
7个要素帮你快速入门,轻松掌握硬核「机能风」!
7个要素帮你快速入门,轻松掌握硬核「机能风」!
7个要素帮你快速入门,轻松掌握硬核「机能风」!


替换不同的背景色,就可以得到多种方案,让运营妈妈选择了,这么多款,总有一款合她心意。




7个要素帮你快速入门,轻松掌握硬核「机能风」!




到这里这一次的风格就介绍完毕啦,你学会了吗?要是跃跃欲试,那就赶紧动手吧。其实无论想掌握好什么风格,有2点是永远不变的,第一是先收集大量同类型案例,找到这种风格的视觉要素。第二是扎实的版面控制能力,这样才能避免信息被抢眼的视觉元素淹没。





7个要素帮你快速入门,轻松掌握硬核「机能风」!





7个要素帮你快速入门,轻松掌握硬核「机能风」!
7个要素帮你快速入门,轻松掌握硬核「机能风」!



研森版式设计训练营招生中

7个要素帮你快速入门,轻松掌握硬核「机能风」!




由于微信公众号更改了推送机制,推文不再按照时间线推送,为了以后能及时观看到我们的教程和文章,看完文章后记得给我们点个“在看”哦。如果你喜欢我们的文章,这将是对我们最大的鼓励和支持。


本篇文章来源于微信公众号: 研习设

视觉/平面

AI 自动生成 3D 场景,黑科技越发“猖狂”设计师还有活路吗?

2022-4-13 22:00:00

视觉/平面

6岁小朋友为英国火箭设计LOGO!评委:极具创意!?

2022-4-14 12:01:59

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索