手机UI界面设计技巧,APP详情页设计注意事项和细节规范分享

发布时间:2024-06-26 17:55:57 浏览量:123次

这是一篇扫盲式的手机详情页设计细节文章,主要写给0基础小白的,不仅能学习到知识,还能避免走弯路。

做详情之前得清楚详情页的核心目的,个人认为是展示产品卖点与传递产品信息,形成转化,美观是其次。

所以在制作详情页的时候得时刻记住自己主要想表达的是什么,在信息传达到位的前提下,可以检查下下面的细节。

01

一屏的尺寸

鉴于目前95%的详情页用户都来自无线端,所以我们在做详情页的时候,有必要了解目前自己工作主要使用的平台的尺寸是多少,这里平台以某宝为例,手机用iPhoneX,计算出了一屏可展示的高度,这样自己在做详情的时候就知道多高比较合适了。

02

竖屏思维

既然用户使用场景是手机,那么在制作详情的时候,尽量用竖着阅读的方式去制作,而不是味地继承电脑端的横屏思维,将详情缩小即可,另外推荐最小字体不小于18px。

03

图标设计

图标在传达信息的时候,比只有文字的时候效率要高,也更容易记住。在使用的时候注意统一性,切忌面性图标和线性图标混合使用,在使用线性图标的时候,还要记得统一图标的粗细。

关于UI设计、UE设计、产品设计等专业的培训,欢迎点击链接点击咨询了解。

热门课程推荐

热门资讯

请绑定手机号

x

微信扫码在线答疑

扫码领福利1V1在线答疑

点击咨询
添加老师微信,马上领取免费课程资源

1. 打开微信扫一扫,扫描左侧二维码

2. 添加老师微信,马上领取免费课程资源

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定