审美分析系列04—网页(二)

字数 991阅读 24

今天仍然是来进行网页作品的分析,严格来说本次的作品是一个关于产品展示的页面长图,介绍的产品是面包。

在本次的案例中,我会讲解线条元素的在设计中的作用。

让我们一起进入今天的分享把。

分析作品


字体

标题字体我搜索了一下,应该是英文字体FuturistCondensed Bold,Bold代表该字体的粗体版,一般用在标题等需要强调部分的场合,百度上对这一字体的解释为“未来主义冷凝粗体字体”,从这一句话中可以看出该字体具有现代气息。

标题处对字母层次进行设计,并添加了阴影,使得文字更加立体。

图片

大多使用了面包原材料的使用和选择,以及制作过程的图片,意在强调产品选料和工艺的品质追求。

该页面采用了左右对称的设计,以面包中部为对称轴,两侧的矩形框、四角的小部件,均按对称摆放。

文字与面包的穿插,背景灰白纹理的设计,好似我们和面时桌上那一层薄薄的面粉,从细节上营造了场景。

纹理的重复使用,右侧面粉、鸡蛋等材料,按照圆形的弧边摆放。

面包与案板上比例进行了夸张的设计,略微出血的处理,对角线的构图,阴影的处理,左图右文的页面设计。

图形

线条在设计作品中通常有两大功能:

1、关联——统一具有相同属性的元素;

2、分割——将页面上不同元素划分开。

本案例中的线条打破了常规的线条设计,将具有相同属性的元素(文字内容)统一起来的同时起到了对齐不同页面中相同元素的作用,如上图左侧虚线所示。

配色

整个页面的颜色以黑白灰为主色调,前面有说过,黑白灰营造的“性冷淡”风。

官方解释:“性冷淡风”是指Normcore,法国的优雅女性们都是这个范儿,即极简主义的有味说法,代表着极简与克制,是去繁求简的高级智慧。

极简与克制,恐怕是"性冷淡风"的最终精髓。但事实上,极简往往是因为想要表达的更多,希望留出更多空间;克制,则代表着在这之下,隐藏着更深层的想象空间。

所以,我认为性冷淡风不是什么都没有,而是用最少来表现更多的艺术。

设计原则

对比:背景与文字的色彩对比,文字的大小、颜色深浅的对比。

对齐:除主界面的对称式设计,整体上文本左对齐排版的设计较多。

重复:灰白纹理、线条元素,以及文字排版方式的重复使用。

写在最后

对工具的熟练掌握也是很重要的一步哦,我所言的模仿是针对软件操作水平较好的同学无用哦,工欲善其事,必先利其器,在初学阶段,对工具的熟练掌握才是核心任务,如果你对每个效果的实操不是很理解的话,可以看看“百日计划”篇,相信可以给你提供思路。我是阿柯,喜欢阅读、听音乐、PPT,如果你也喜欢这些,欢迎勾搭。

扫一扫关注公众号

推荐阅读更多精彩内容