在这个信息爆炸的时代,作为设计师我们从来不缺少可以学习世界各地的成功设计案例以及设计经验的机会。在我们执着追求和认同西方美学设计的同时,具有丰富而多元的中国文化元素却很容易被我们忽视,以至于当我们还处于新设计师阶段时,运用传统中国风设计元素的时候,往往思路单一,很难控制元素把握细节。今天我们通过分享“嘿!小面”的网页设计改版方案,来看看他们是如何将这些视觉元素运用在自己的设计中的。
一、页面布局
“嘿!小面”是一家做餐饮类的企业,首页展示内容繁多,所以采用了简单干净的整体布局,调理清晰,板块明确。为中式的网页设计奠定了结构基础。
二、主视觉设计
图片的调性会影响页面整体的设计风格,所以在图片的选择上,采用了视觉点焦点集中的产品实物图。为了不破坏主图的视觉效果,将产品文案放置在下方标签之上,这样的方式,也可以上主视觉区域更有层次感。贴片的设计形式也源于中式书籍常用的形式,同时也将它沿用在了企业文化的banner上。
三、色彩搭配
页面选择了色彩明度相对偏低的红蓝色的搭配,红蓝的对比色搭配也是中国文化中比较常见的色彩搭配,但在设计运用时降低纯度使色彩对比不会过于强烈,色彩运用的面积上也有很大的对比关系,使画面色彩和谐均衡。
四、排版细节处理
文字处理上,网页选用了手写体与有衬线字体的搭配,字体的层级关系准确,为网页增添不少细节。排版上大胆采用了中式的竖向排版,搭配隽秀的字体,画面适度的留白,标题文字的中英文对比,点线面的巧妙运用,将国画线描的食物进行点缀,都让页面中式的韵味也足以体现。
之前在优设网上看到了一片关于中国风元素与设计的文章,就想到和大家一起做这样的分享,在这儿也感谢我们五小福小分队提供的这次网页设计作品。希望能为大家在做中国风的设计时提供一丢丢思路。
学习更多教程,请