【UI设计】9种最基本的移动app界面类型

2021-04-15
4630
0

移动应用app随着用户的需求而发展,也提供了很多新的功能。然而,许多应用app都有一些常见界面,本文将重点介绍这些常见的界面。

 

 

智能手机已经占领了我们生活中的每一项活动。不同的应用可以在生活中不同地方帮助我们。而设计师的工作是设计出满足用户需求的界面,使人用起来愉快,让人满意。为了设计出有益的用户界面,设计人员需要深入了解移动应用app的特性,了解它们的组成部分和功能。但是,由于移动行业的快速发展,很难有一套标准的界面适用于任何应用。

 

 

我们的文章将介绍最常见和最受欢迎的应用界面类型,并展示了它们所需的设计功能。

 

播放列表

音乐爱好者喜欢为每个场合创建自己的播放列表。每个音乐app都有义务为其用户提供此类功能。播放列表屏幕在不同的app上看起来非常类似:通常都会显示歌曲,歌手或乐队的名称,以及音轨的长度的列表。此外,设计师可以添加此曲目所属的专辑的封面。 如果歌曲没有封面,那么仍然应该有一个图标,比如音符图标。

Music App

播放器

这个功能可以使用易于看到的按钮切换,停止和开始播放。播放器通常位于屏幕底部的中央。 屏幕的主要部分通常由图片连接。此外,有时候,许多设计师将音乐可视化应用作为屏幕的中心部分。Visualizer是一个展示想象力和创造力的好机会,这对设计师有很大的启发性。

 

主页和菜单界面

 

主屏幕是任何一款app都需要的重要组成部分。在很多app中,主页是大多数用户与app交互的主要界面。主屏幕的设计取决于产品的类型和功能。不过,不同类型的app之间也有一些相同的组件。首先,主屏幕通常包括搜索字段或按钮,以便用户可以轻松搜索他们需要的内容。此外,由于主屏幕是用户使用的起点,因此它通常包含提供对各种内容部分的访问的导航元素。

 

 

登录和个人信息界面

今天,许多app为用户创建个人帐户,因此每个设计师都需要知道如何设计登录和个人信息界面。登录界面应该简洁明了,以便用户可以轻松访问app。通常有两个输入框,用户可以在其中输入名称和密码以及确认按钮。对于第一次使用该应用程序的用户,需要有注册选项。

个人信息页使app内的交互更加个性化。个人帐户是任何社交网络应

用的关键部分,用户进入网络的虚拟社区并且能够与其他人共享个人信息。设计师的主要任务是通过UX设计最大限度地提高便利性。根据Interaction Design Foundation的说法,设计者应该考虑以下几点:个人资料页应该清晰可见,必须限制信息量,否则个人资料页可能看起来太复杂。

更重要的是,确保导航清晰是至关重要的。这样,用户就不必花费太多精力来打开应用。最后,个人资料页的设计应面向使用该应用的目标群体。如果您希望您的应用满足用户需求,则必须进行用户调查。

统计界面

 

各种应用程序都包含用户活动的统计信息。它提供的数据越多,创建统计界面的设计就越困难。设计人员需要确保看到的界面必须清晰并且包括所有可用的关键信息。图形曲线,比例和原始图标可以使统计界面在移动应用程序上看起来流畅和干净。此外,统计界面需要不同的排版,以便用户可以轻松读取数据。

 

 

日历

活动应用,待办事项列表应用以及许多其他应用都需要为用户提供日历。根据app的类型,日历可以完成某些功能,例如提醒或计划。视觉风格应该匹配移动app的主题和目的。

商品信息界面

商品信息界面显示有关商品的关键信息,帮助用户决定是否需要购买此产品。设计师专注于屏幕中心的照片,描述数据通常放在下面。设计人员可以将数据划分为大小,材料或其他的分类,以便用户可以轻松找到所需的信息。

即时资讯

人们经常使用各种社交app进行通信,并关注它们周围的新闻和更新。Feed是一个有新闻和用户关注的信息流。实践表明,移动用户更喜欢通过Feed快速扫描信息,因此他们需要一个简单明了的设计,不会因视觉上的细节而分散注意力。新闻可以通过滚动的方式逐一呈现。 为了使导航更直观,应该显示下一个新闻的一部分。

 

联系人

 

通讯录已经发展了很长时间。 从纸质笔记到不同的数字变体,它在视觉上一直在变化,但但是目的只有一个:保存关于朋友和其他亲密人物的信息。通讯录界面向用户显示名称按字母顺序排序的联系人数据列表。每个联系人都可以点击进去,有详细的数据,其中包括电话号码,电子邮件,有时还包括Skype,Messenger等联系人。此外,联系信息有一张小照片,使搜索过程更容易。

 

 

 

转载声明:文章来源于网络,不作任何商业用途!

免责声明:本文内部分内容来自网络,所涉绘画作品及文字版权与著作权归原作者,若有侵权或异议请联系我们处理。
收藏

全部评论

您还没登录

暂无留言,赶紧抢占沙发
绘学霸是国内专业的CG数字艺术设计线上线下学习平台,在绘学霸有2D绘画、3D模型、影视后期、动画、特效等数字艺术培训课程,也有学习资源下载,还有行业社区交流。学习、交流,来绘学霸就对了。
绘学霸iOS端二维码

IOS下载

绘学霸安卓端二维码

安卓下载

绘学霸微信小程序二维码

小程序

版权声明
本网站所有产品设计、功能及展示形式,均已受版权或产权保护,任何公司及个人不得以任何方式复制部分或全部,违者将依法追究责任,特此声明。
热线电话
18026259035
咨询时间:9:00~21:00
在线客服
联系网站客服
客服微信:18026259035
公司地址
中国·广州
广州市海珠区晓港中马路130号之19
绘学霸客户端(权限暂无,用于CG资源与教程交流分享)
开发者:广州王氏软件科技有限公司 | 应用版本:Android:6.0,IOS:5.1 | App隐私政策> | 应用权限 | 更新时间:2020.1.6