飞特网顶部通栏AD位

UI瓷片区设计总结

石头发布于:2020-2-18 17:07 |原作者: 泡芙喵F
简介: 又到了跟大家分享UI知识的时候了,之前断断续续写了几篇,输出是为了更好的消化学习的知识,也希望能给大家带来一点点帮助。

版权申明:本教程出自"泡芙喵F"原创,感谢"泡芙喵F"的原创教程分享!

又到了跟大家分享UI知识的时候了,之前断断续续写了几篇,输出是为了更好的消化学习的知识,也希望能给大家带来一点点帮助。2020年继续努力~今天跟大家讨论的是瓷片区的一些设计知识,文章将从以下几点来展开:

1.什么是瓷片区?

2.瓷片区常见类型有哪些?

3、瓷片区设计要点是什么?

4.总结

一、什么是瓷片区?


瓷片区直白点说就是板块拼接在一起形成的运营位,视觉上像一块块瓷片贴在版面上,所以叫做"瓷片区"。 通过各类促销模式,具有较高的转化率,往往能够提升整个产品的留存率,通常由产品图片+产品文案+背景组成。

如果你对上面的概念还是不太理解,请看下图:

UI瓷片区设计总结 飞特网 UI设计教程


二、瓷片区常见类型有哪些?

瓷片区属于运营内容区,是流量导流出口,适用于平台、电商、金融、娱乐类等产品,目前常见类型有:1.产品实物图片类   2.插图类。

1. 产品实物图片类

优点:识别性高、视觉上更直观、可复用、设计效率高。

缺点:对图片素材要求较高。

适用场景:用实物图能更直观的表达内容的产品类型,例如外卖类、旅游类、电商类、租房类等。

为何适用于这些产品:外卖、旅游、电商、租房等是用户购买真实的物品,代入感强、用户可以感知产品的质感、味觉等,举个例子:比如你看到一个色泽饱满的鸡腿实物图片和一副鸡腿插画,是不是前者更能让你垂涎欲滴呢,所以使用真实产品图片是最有效的吸引用户下单的方法。 

UI瓷片区设计总结 飞特网 UI设计教程

FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:https://www.fevte.com/plan/shejililun/

2. 插画类

优点:创意性强、具有趣味性

缺点:含义表达不是很直接、难以复用、绘制耗

适用场景:偏概念型的产品类型,例如金融类、虚拟产品类、设计类等

为何适用于这些产品:金融类、虚拟产品、设计类这些是偏概念型的产品,有时候会有多个含义融合在一起,这时用插画形式能更好的表达

UI瓷片区设计总结 飞特网 UI设计教程

三、瓷片区设计要点


说了这么多,是不是对怎么设计瓷片区有了更多的期待,下面我们一起来看看:

通过拆解可以总结出瓷片区由:图片/插图+文字+背景+点缀组成,下面我们来一一分析各自的设计要点。

UI瓷片区设计总结 飞特网 UI设计教程

1A.实物图片

1.1全景配图:即配图占据整个瓷片区域,适用于外卖类、旅游类等产品。

配图要求:图片素材要求清晰度高,色彩饱和度高;一般主体占1/2,背景尽量简洁,以突出主体内容为主。

UI瓷片区设计总结 飞特网 UI设计教程

1.2局部配图:即配图占据部分瓷片区域,适用于大多数产品。

配图要求:图片素材要求抠图干净、饱和度高;

UI瓷片区设计总结 飞特网 UI设计教程

1.3图片组合:适用于餐饮类、平台类产品。通过不同素材抠图重新组合,利用多样产品把兴趣最大化,以高价商品带动低价商品。

1B.插图

插图绘制要注意提炼关键文案信息,通过关键词发散绘制关键性元素来表达商品的核心意思。

12下一页
2

好评

差评

刚表态过的朋友 (2 人)

石头
福建省 厦门市 设计爱好者
+ 关注 私信
  • 调味料生产公司VI设计
  • 新手设计师应聘时要注意的八大要点
  • 留白在设计中的重要性

最新评论

我来说两句:
B Color Image Link Quote Code Smilies |上传
您需要登录后才可以评论和提交作业 登录 | 立即注册

上传作业

本周热点文章

关于飞特| 广告服务| 付款方式| 友情链接| 网站地图| 联系我们| 加入我们| 举报| 飞特网旧版| 移动版| 飞特网