蓝桥UI设计陪你看美食banner,学会从设计师的角度看到ghost世界

2017-04-01

在现在这个人人都爱美食的世界里,美食无疑是个怎么都谈不完的话题,现在越来越多的美食网站层出不穷,这些网站基本都有几个共性:高清、色彩鲜亮的照片,整体配色干净,装饰更加活跃下面我们就来看几个网站。



blob.png



这个甜品网站banner处用了一张高清、色彩鲜艳的图片来吸引用户。让用户在一进入网站,就会被吸引住,从而想浏览更多产品,网站整体颜色为白色。既符合了甜品的产品本身特质,又带给用户干净的感觉,在字体用色方面也用了深灰与浅灰两种颜色,在白色背景上并不是特别刺眼,板式设计干净整洁,板块划分明确。



blob.png



这个美食网站,虽然在banner处用了一张与美食没关系的健身图片,但是很好的体现了产品会给人带来营养、健康,并且食材天然绿色.虽然照片很清晰,由于照片颜色不鲜亮所以不会让用户把目光都集中在照片里。


产品的包装设计颜色色调普遍偏暖色调…在设计师设计网站时用了大量的冷色调作对比很好的突出了产品。板块与板块之的边缘与破型的装饰都很好的符合了本产品的零食的特征,边上留白处添加一些手绘的元素,可以让用户感觉到随时随地都可以开心的食用,背景也用了纹理,来突出本产品的质感。



blob.png



再来看这个网站主色调运用了企业logo的颜色、整体网站用色干净。板块划分明显、但是banner区图片较小、在美食类型的网站里,不能带给用户较强的视觉冲击力,板块内容也有不少是重复出现的,在现在这个读图的时代,本网站的用图较少板式设计较挤,这都会给用户带来不好的体验,并且大部分主要文字采用了英文,这对于面对国内部分用户的感受也是不好的。


所以根据上述分析,来改版一个新的网站。在设计企业网站前,首先要做好竞品分析,这样可以帮助设计师本身知道本产品的优势与劣势,才能有针对性的做好更符合一个企业站的网页。还要确定好企业站要面对的用户群体,根据用户群体可以决定设计风格、板块内容等。



blob.png



当企业网站设计确定好目标之后,就可以根据分析,放你所需要的板块,以这个来自韩国做甜点面包的企业来说,更希望推出每个季度的推出的活动、以及新出的产品,从而吸引用户加入会员,吸引加盟商。再分析用户群体,整体的用户群体更加偏年轻化、小资用户。再加上是食品类的网站,整体图多文字较少,设计应该更干净、轻快一些。搭配最新的活动“草莓季”把banner区整体放大,用清晰色彩明亮的图片搭配文字,草莓本身的红色也与企业的主体色蓝色形成了强烈的对比。白色会给人带了干净的感觉,也符合这个企业站产品的调性,除了白色在颜色搭配上以企业logo的蓝色为主色调,在搭配有食欲、给人欢乐的黄色为辅色调,可以给用户带来一些欢快的感觉。


整体网站以扁平化为主,但考虑大部分消费群体偏年轻化,中规中矩的企业站板块设计中做了一些破型的处理,立体的画面能令用户有身临其境的感觉,比如在新闻板块那里,文字和风景之间的交错,让画面顿时有了空间感,能带给用户完全不一样的视觉冲击力。


在文字方面的处理也需要注意,长篇大论的文字肯定不能在短时间内吸引用户阅读,摘出文字精华放在每个板块之间。文字所选的字体也以无衬线为主,无衬线文字会给用户带来更时尚,更简约,更干净的感觉。文字之间的极差关系也需要注意,不仅在字号上要做,在颜色上也是可以多运用的,对比可以使得文字更容易阅读。最后要加上点线面的装饰,来丰富整理画面感,不能让画面感觉空但是也不能缺少呼吸感。


蓝桥软件学院UI全栈设计师,全心为你打造UI设计师,我们期待你的到来!


上一篇:蓝桥软件学院--ps入门课程

下一篇:UI设计师or平面设计师,区别在哪呢