2021-06-09 分类: 网站建设
瓷片区,顾名思义就是指像装修中的瓷片一样,多个整齐的贴在墙面上,给人整洁统一的感觉的矩形块,这是从字面意思去理解,而瓷片区的准确定义是:瓷片区是指视觉整齐、布局灵活、方便更换的模块化运营板块。
APP瓷片区设计
在这个定义中,视觉整齐、布局灵活凸显了瓷片区在布局多变的情况下依然能保证页面的整洁,方便更换的运营化板块说明了瓷片区作为运营板块,随时方便更换且可复用性高。这就是为何众多业务复杂的APP(如电商、旅游)会大量使用瓷片区。APP瓷片区设计
优点:实物图片更加直观,能吸引用户点击,可以做到千人千面,比起插画类瓷片绘制速度更快;APP瓷片区设计
优点:插画配图更富有趣味性,能够烘托情感氛围,并且可以定制化的绘制插画;APP瓷片区设计
2.上下排版APP瓷片区设计
3.对角排版对角排版的瓷片区中,文字一般居于瓷片左上方,图片居于瓷片右下方,呈对角分布,适合用在接近正方形的瓷片矩形中。
APP瓷片区设计
瓷片区的布局是非常灵活的,为了满足不同布局的瓷片组合,在排版样式的选择中可以采用多种排版混合,丰富视觉的多样性,同时可以突出主要的功能。如下图:APP瓷片区设计
图中“生鲜半价日”与“荔枝一分钱”采用对角排版,与下面的四种瓷片业务入口的上下排版拉开区别,更加明显,是京东到家近期主推售卖的产品。要做好文字的层级,就是要做好文字的对比,可以从文字大小、颜色、粗细、字体四个方面考虑。在2倍率作图下主要文案与次要文案至少相差4个像素,而标签文字还会为其增加底部颜色块或改变颜色以此与辅助文字拉开区别。
APP瓷片区设计
2.配图的优化在选择实物类图片时,一定要采用像素较高的图片。
APP瓷片区设计
像电商、外卖类的产品一般会选择抠图的产品图片,在对图片进行处理时,要保证抠图背景干净无毛边,还可以调整它的明暗关系且要与背景色的光源方向保持一致,最后还可为其加上一层投影使图片整体更富有空间感。在同一块瓷片区中选择产品图片时也可以采用多种产品搭配提供更多的选择,使用户更有点击的欲望。
APP瓷片区设计
像旅游酒店类的实物图一般都是采用的整张图片平铺在瓷片区中即是图片也是背景,由于图片颜色的不确定性,为了保证文字的可识别性,一般会在文字下方加上一层底色或是局部渐变遮罩,如下图:APP瓷片区设计
2)图片视觉大小统一APP瓷片区设计
3.背景色的选择APP瓷片区设计
在一些特殊节日时,为了烘托页面整体的氛围,瓷片区的颜色会选择符合整体氛围的高饱和渐变色,如下图:APP瓷片区设计
豌豆公主的520特卖会,首页整体采用了高饱和粉色系,瓷片区的背景色也是采用了粉色的微渐变及加入一些几何点缀来烘托整体的氛围。
分享题目:APP瓷片区设计基础知识
URL地址:https://www.cdcxhl.com/news1/116901.html
成都网站建设公司_创新互联,为您提供响应式网站、网页设计公司、建站公司、手机网站建设、虚拟主机、网站设计
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联
猜你还喜欢下面的内容