行业资讯

首页 > 新闻资讯 > 行业资讯 > app设计的基础认识

app设计的基础认识

2025-04-29 20:08:50   来源:   阅读:

近年来移动端互联网的快速发展促使着移动端应用软件品质的飞速提升,同样也催熟了一项工作:UI设计

简单的说UI设计就是针对屏幕上交互界面外观进行设计。比如手机app界面,ATM机操作界面,网页界面等。那么设计一款app有哪些基础知识呢?

1:构成

app一般由三个最基础区域构成,分别是状态栏,导航栏,菜单栏,而剩下中间的空白部分就是内容栏。

2:设计尺寸

因为不同的手机,其尺寸都是不同的,所以在选择app设计的尺寸时,我们好选择一个常用的兼容性更好的尺寸。

推荐750×1334(Ip6 7 8手机分辨率尺寸 最常用)也可使用安卓推荐设计尺寸720×1280。

控件尺寸(推荐):ios状态栏40、导航栏88、菜单栏98。安卓状态栏50,导航栏96标签栏(安卓可以推荐使用112,因为有些app使用这个尺寸,当然使用98等等都没问题这个不是确定的)。

关于内容栏的设计有一点需要注意的是其左右两侧留出安全尺寸,它的作用是让app看起来不至于显得太拥挤。其设计尺寸一般最少为20像素,但是做成26,30也是没问题的。

3:内容设计

在设计完app的状态栏、导航栏、菜单栏的尺寸后,中间剩下来的一部分就是内容区域,我们就可以发挥自己的能力为其填充内容。

小知识

如果ios设计稿要调成安卓的,只要调整画布大小,将状态栏和导航栏尺寸调为安卓的。再调整好安全区域,内容栏不用改,因为内容栏右侧是横向自动填满的。底部标签栏安卓可以推荐使用112,因为有些app使用这个尺寸,当然使用98等等都没问题这个不是确定的。

网上有很多关于设计规范写的很玄乎的文章,不建议去看,新手很容易迷恋规范。如果没有确切的规则告诉他便会觉的自己专不专业,怀疑自己做得不规范。正确的做法是把心思放在界面设计上,这才是个正确的学习方法

说到规范 ,安卓系统是不推荐使用底部的标签栏的,因为安卓底部有导航键返回键菜单键等,放在一起会非常突兀(当然现在有些安卓机在逐步取消这三个键或者是变成手机的触摸按钮)。

安卓推荐的设计模式是在导航栏左侧设置几根线,点一下左侧弹出侧边栏。但是像QQ 微信都是做了标签栏在下面,有人便会觉得不专业。规范只是系统设计推荐的模式,而我们设计一套app,安卓与ios版本好是相同的界面,因为假如本来习惯于苹果手机,突然去使用安卓发现操作界面完全不一样,这样会增加用户学习成本,对于一个软件来说用户体验不一定会好。微信以前也尝试过侧边栏设计,但还是改回来了。这些app还是保证安卓和ios设计的统一性。所以说不同的系统有他不同的规范,但是不要过分刻意的迷信。还是要根据设计的需求和一些具体情况去看待这个问题。

本文《app设计的基础认识》发布于君君营销文章,作者:admin,如若转载,请注明出处:/news/hyzx/58507.html,否则禁止转载,谢谢配合!

联系我们

18221295083
上海市浦东新区航头镇沪南公路4583号
上海市青浦区蟠龙路899号
18221295083
zhanglongfu@ijunjun.com
  • 联系我们
  • 关于我们
  • 二维码


    官方微信

    小程序
    返回
    顶部
    咨询

    扫描微信二维码,添加好友

    电话

    24小时电话:

    18221295083
    微信

    官方微信