×

深圳网站建设—APP开发—网站制作—小程序开发_博纳网络公司

0755 -
82538016
82560826
网站制作资讯

APP设计效果图时需要的注意事项

文章编辑:网站建设 文章来源:APP开发 浏览量:

  产品经理通常需要提供产品原型、流程图和功能说明文档等给设计、开发和测试人员。设计人员需要根据产品经理提供的文档,制作效果图和图片资源等给开发和测试人员。而设计效果图时的注意事项有哪些呢,深圳APP开发公司总结了以下几点:
(1)设计师在设计效果图的时候,最好按APP适配的最小尺寸设计布局,且在文字显示区域放的字符个数就是实际要显示的最大字符个数,这样很容易发现控件显示区域不足的问题。如在电商APP中,最长的商品名称可能有20个字符,那么在效果图上就要放20个字符。
(2)各种元素区域的尺寸要符合Apple和Google的设计规范要求。如果最小点击区域太小,会导致用户无法正常操作。
对于iOSAPP,就是在iPhone3手机上,也就是@1x分辨率下,最小点击区域不能小于44px×44px;对于AndroidAPP,就是在屏幕像素密度为MDPI时,最小点击区域不能小于44px×44px。在@2x分辨率和像素密度为XHDPI时,最小点击区域不能小于的逻辑像素为88px×88px。
(3)在用户第一次使用APP时,许多界面没有数据显示,其内容为空。如用户第一次使用电商APP时,购物车和订单界面内容为空,就需要设计这些界面内容为空时的效果图。
(4)除了正常显示数据的界面外,还需设计从服务器或本地获取数据时的提示界面和无法正常获取数据时的界面。
(5)iPhone手机基本都使用系统自带的输入法,在用户点击搜索区域,弹出输入法软键盘时,软键盘上会显示按钮;Android手机上使用的输入法各式各样,输入法软键盘上不一定会有按钮。在设计搜索界面时,iOSAPP的右上角通常不需要有按钮,但AndroidAPP的右上角最好要设计有按钮。同时要设计搜索不到数据时的界面。
(6)在设计搜索界面时,需要设计有搜索历史和无搜索历史的两种界面,同时明确显示搜索历史的个数。
(7)如果在一块区域中,只有一个元素需要用户点击,那可适当放大这个元素的长度和高度,或设计整个区域都响应用户点击,以方便用户操作。
(8)在许多APP,尤其是电商APP中,会在购物车、订单或消息图标的右上角设计一个数字角标,显示购物车中的商品数量、订单个数或消息个数。通常会把角标区域设计成圆形,如果数量不到100时,可以正常显示;超过99,变成3位或4位数时,往往就显示不下了,此时有以下两种解决方案。
“数字超过99时,显示99+。”
“改变角标区域的形状。”
如图1-1所示,左边的购物车里只有10个商品;中间购物车里的商品个数超过了99,就用99+表示;右边购物车里的商品个数超过了100,达到了1000,把圆形角标改成了椭圆形角标,以便完整显示1000这个数字。

图1-1
 
(9)在设计图片显示区域的时候,不同界面图片显示区域的长宽比最好一致。如电商APP在商品列表和商品详情界面都需要显示图片,商品详情界面的图片显示区域设计为300px×300px,商品列表中的图片显示区域可设计为100px×100px,这样在服务器端可以只放一张300px×300px的图片,在APP端的商品列表界面显示图片时,服务器端可把300px×300px图片的宽度和高度直接都除以3,再发给APP,而不用担心在商品列表界面图片会变形。
(10)按最新的Google文档要求,AndroidAPP中各控件的尺寸数值及控件间的间距数值最好是8的倍数。
(11)用户使用APP的时候使用得最多的操作是点击操作,要想设计使用滑动操作,如在消息列表中通过滑动删除某条消息,最好给用户某种提示,否则用户通常不会使用滑动操作。APP开发公司关于“APP设计效果图时需要的注意事项”相关知识就介绍分享到这里,谢谢关注,博纳网络编辑整理。

当前文章链接:/construction/appkaifa/2969.html
如果您觉得案例还不错请帮忙分享:

[声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【qin@198bona.com 】,我们在确认后,会立即删除,保证您的版权。