电商教程!中国风设计到底如何做?

时间:2020-11-02
类别:其他教程
水平:入门
观众:1.7w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

教程作者:董浩_超级美工(授权转载)

交作业:#优设每日作业#

关于教程

近几年,受到各种大环境的影响,国潮产品遍地开花。

国风类设计风格,也越来越高频出现在我们眼前。特别是这2年花西子等品牌引领一波新趋势。

电商教程!中国风设计到底如何做?

下面咱们一步步剖析下,这类中国风都有哪些特点?

所谓风格,是长时间受民族、社会区域环境等因素影响,形成的一种特殊视觉感受。

一般国潮风,都有以下5个特征,听老夫慢慢道来。看完后,教你马上会做,惊呆你家老板。

电商教程!中国风设计到底如何做?

一、标题常用宋体字

宋体字是中国传统的一种字体形式,笔画上有粗细变化,笔画尾部末端有装饰地方(钩角)。

电商教程!中国风设计到底如何做?

下面欣赏下宋徽宗的字,感受下每一笔画的粗细变化,这家伙治国不行,字写的那叫一个牛逼。

电商教程!中国风设计到底如何做?

每一笔都像风吹柳丝一样,细瘦犀利,识别度非常高。

电商教程!中国风设计到底如何做?

电商教程!中国风设计到底如何做?

有时候你看港澳台这些地方的招牌,会有一种怀旧的视觉感受,就是因为这些地方的招牌,有大量的宋体和楷体字。

电商教程!中国风设计到底如何做?

与宋体相对的现代字体,比如微软雅黑这一类黑体,笔画上粗细一致,没有多余装饰,看起来简单直接,比较有现代感。

电商教程!中国风设计到底如何做?

所以一般传统调性的页面,多用宋体或楷体。

二、颜色上红绿搭配

为什么颜色红绿搭配,很有传统味道?

因为红配绿在中国古代建筑中非常常见。

电商教程!中国风设计到底如何做?

电商教程!中国风设计到底如何做?

藻井,古建筑的屋内天花板,这颜色是不是非常美。

电商教程!中国风设计到底如何做?

↓知否剧照,唐宋开始中国结婚流行男红女绿,男服绯红,女服青绿。

电商教程!中国风设计到底如何做?

男服绯红,女服青绿。记住这个词汇,是一组非常牛逼的色彩搭配。

绯红就是深红的意思,青绿是偏青的绿色。

这样错位配色,绿中带青,不是纯绿,避免了直接刺眼的碰撞。

电商教程!中国风设计到底如何做?

花西子常用的这颜色,PS吸一下,都有些偏青蓝,很有高级感。

五芳斋的颜色搭配,很厚重。

电商教程!中国风设计到底如何做?

冇心这个模特衣服和红色背景的对比也很漂亮,另外它这个排版,四角都是汉字,也是很有国风味道的版式

电商教程!中国风设计到底如何做?

三、金边装饰边框

中国古代很早就有自己的一套纹饰系统,比如古代的回形纹,云雷纹、祥云、如意等等。

电商教程!中国风设计到底如何做?

不过咱们做页面,也不用深究太多。设计页面常用的装饰边框,比较现代简洁,可以在花瓣上搜关键词中国风边框,找一些符合自家参考的。

御泥坊

电商教程!中国风设计到底如何做?

五芳斋

电商教程!中国风设计到底如何做?

电商教程!中国风设计到底如何做?

电商教程!中国风设计到底如何做?

电商教程!中国风设计到底如何做?

一般的边框,用PS就可以搞定。

电商教程!中国风设计到底如何做?

钢笔勾勒出形状1像素,复制3个图层,亮部一个图层,暗部一个图层,阴影再来一个图层。阴影适当高斯模糊。

如果想更有金属质感,可以先在AI里绘制图形,再导入C4D做立体金属效果。

@自然承诺

电商教程!中国风设计到底如何做?

@花西子详情

电商教程!中国风设计到底如何做?

四、点缀元素

电商教程!中国风设计到底如何做?

小英文和小拼音安排上,都是细节

电商教程!中国风设计到底如何做?

各种小细节,小点点,细线,圆圈,丰富和均衡画面

电商教程!中国风设计到底如何做?

电商教程!中国风设计到底如何做?

电商教程!中国风设计到底如何做?

五、背景底纹肌理

不同的肌理,会带来不同的视觉质感。家里铺瓷砖和木地板,就是2种视觉感受。

所以画面背景如果添加一个底纹,画面会显得很耐看丰富。

电商教程!中国风设计到底如何做?

一般有传统调性的背景,都会带有点杂色质朴的颗粒感。

@冇心旗舰店

电商教程!中国风设计到底如何做?

不会做肌理不要紧。    打开花瓣,搜下底纹肌理素材非常多。需要耐心挑选下。

电商教程!中国风设计到底如何做?

总结

以上就是国风类页面常见的5种方式特征。同样也是一个画面的组成部分。每一处细节,都会影响整体的视觉感受。

你还有什么想了解吗。今天就到这里,老夫告辞了!

电商教程!中国风设计到底如何做?

想要来「优优交流群」和其他小伙伴一起学习分享吗?搜索 QQ 群:1078133504 进群暗号:优优的忠实观众

学完这篇教程的人还在学…

39 收藏 109

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 快来秀出你的观点

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片