设计思路教程!国潮风详情页到底怎么做?

时间:2021-04-19
类别:其他教程
水平:进阶
观众:5289
2021年最值得学的涨薪技能!突破设计瓶颈的优质小课,哪项薄弱学哪里 → 立即点击

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

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

关于教程

连墨镜和纸尿裤都开始用国潮风格做电商详情页了,你还在犹豫什么?

设计思路教程!国潮风详情页到底怎么做?

嚯,好家伙,你先看一组图…

设计思路教程!国潮风详情页到底怎么做?

自然承偌

设计思路教程!国潮风详情页到底怎么做?

老金磨方,红豆薏米芡实茶。

设计思路教程!国潮风详情页到底怎么做?

冇心

设计思路教程!国潮风详情页到底怎么做?

小熊电器

设计思路教程!国潮风详情页到底怎么做?

嚯,好家伙。你发现没?没想到现在国潮风已经从化妆品开始扩散,开始朝各大品类蔓延开来~

那么这些详情页有什么共同特点??下面我们抓取这种风格最典型的视觉特征!

一、色彩上红配绿+金边

设计思路教程!国潮风详情页到底怎么做?

好家伙,你只要用了红配绿,不管南派还北派,咱们都是国潮派。

设计思路教程!国潮风详情页到底怎么做?

除了红配绿,红配青也很常见。天青色等烟雨,而我在等你。

设计思路教程!国潮风详情页到底怎么做?

设计思路教程!国潮风详情页到底怎么做?

为什么红配绿会很有中国味道?
因为很多古建筑都是天花为青绿,墙为朱红,琉璃瓦为黄色。

设计思路教程!国潮风详情页到底怎么做?

朱红色驱毒辟邪。绿是青之嫩期,可蓄势勃发。

设计思路教程!国潮风详情页到底怎么做?

二、加光影光斑

小时候看一些历史纪录片,特别喜欢用光影变化,叙述时间变化,增加时间的厚重感,设计也一样。

设计思路教程!国潮风详情页到底怎么做?

感受光。

设计思路教程!国潮风详情页到底怎么做?

感受光

设计思路教程!国潮风详情页到底怎么做?

上帝说,要有光,于是光来了

设计思路教程!国潮风详情页到底怎么做? 设计思路教程!国潮风详情页到底怎么做?

有了光影变化,是不是特别漂亮

设计思路教程!国潮风详情页到底怎么做?

光影可以去花瓣画板搜关键词:光影png ,回来评论区不用谢我。

设计思路教程!国潮风详情页到底怎么做?

三、装饰元素-边框

中国古代无论是青铜器,还是瓷器,还是家具,还是服饰,建筑,形成了独一无二传统华夏装饰纹样。

设计思路教程!国潮风详情页到底怎么做? 设计思路教程!国潮风详情页到底怎么做?

学了设计出门旅行时候,看这些景区景色,是不是看透了很多。

看的不光是景色,看的是图形,光影,材质,空间变换…看的是江湖…

设计思路教程!国潮风详情页到底怎么做?

看一些电商案例

设计思路教程!国潮风详情页到底怎么做?

所有色块的边框形状,都是古典形式。

设计思路教程!国潮风详情页到底怎么做? 设计思路教程!国潮风详情页到底怎么做?

边框样式,可以去花瓣搜关键词:中国风边框 ,回来评论区不用谢我。

设计思路教程!国潮风详情页到底怎么做?

四、装饰元素-符号

设计思路教程!国潮风详情页到底怎么做?

逗号、句号、拼音、斜线全都搞上去。

总的来说,大多数传统风格基本是装饰丰富的,各种加装饰花纹。无论中国还是欧美都是如此。而简约风格比较常见于现代。

设计思路教程!国潮风详情页到底怎么做? 设计思路教程!国潮风详情页到底怎么做? 设计思路教程!国潮风详情页到底怎么做? 设计思路教程!国潮风详情页到底怎么做?

排版上也可以适当横竖对比,也比较容易出效果。

设计思路教程!国潮风详情页到底怎么做?

时间关系,就总结到这儿。

根据互联网电商的行业特性,每当一个风格开始火的时候。

只要易上手,易复制的,易出视觉效果的。很快就在那个品类快速传播,紧接着其他品类也开始蔓延开来,我在花瓣上已经看到甚至墨镜、纸尿裤都开始国潮了…

设计思路教程!国潮风详情页到底怎么做?

想要来「优优自学团」和500位小伙伴一起交流学习进步吗?
添加管理员微信:uisdc2 备注「优优自学团」(无备注不通过哦)

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

13 收藏 23

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

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

复制本文链接

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

还可以输入 800 个字
 
 

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片