安卓篱笆

  • 400-800-1234
  • 为您定制专业的垂直门户
搜索
猜你喜欢
查看: 3382|回复: 0
收起左侧

移动UI设计:15种基本类型的屏幕

[复制链接]

308

主题

307

帖子

1097

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1097
发表于 2018-1-16 02:28:18 | 显示全部楼层 |阅读模式

马上注册,,享用更多功能,让你轻松玩转本站。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

智能手机几乎侵入了我们生活中的每一个活动。不同的应用程序可以帮助我们,使生活更轻松 设计师的工作就是创建满足用户需求的用户界面,使体验愉悦和满意。为了构建有效的用户界面,设计人员需要深入了解移动应用的特点,了解其成分和功能。现在很难区分任何应用程序的标准屏幕集合,因为移动行业正在快速发展,应用程序也在不断发展。我们的文章介绍了最常见和流行的手机屏幕类型,并展示了他们所需要的设计功能。



                               
登录/注册后可看大图


通用屏幕
初始屏幕

第一印象是影响用户对移动应用程序的看法的关键之一。当用户体验从与应用程序交互的一开始就是愉快的时候,用户中更有可能会更受欢迎。这就是为什么闪屏需要像其他任何移动应用程序屏幕一样受到关注。


启动屏幕是用户看到启动移动应用程序的第一个图像。他们通常是简约的,并提供产品的名称,标志或口号。为了确保启动画面在不同的设备上看起来不错,设计人员经常将这些元素集中在屏幕中间。建议使用闪屏不超过4-8秒,否则用户可能会感到恼火。此外,显示加载进度可能会很好,以便不耐烦的用户可以知道应用何时启动。



                               
登录/注册后可看大图

珠宝电子商务应用程序


入门教程屏幕

入门教程是一组屏幕,呈现移动应用程序,其导航系统,功能和应用程序可能带给可能的用户的好处。对于第一次启动应用程序的用户来说,他们看起来会帮助他们在不熟悉的功能和控件中进行导向,并了解应用程序是否对他们有用。


应用程序教程的结构和内容对于每个特定的项目都是非常独特的。但是,新手入门设计有一些共同的倾向。首先,许多教程使用自定义的插图来呈现一个特定的功能或者一个有吸引力,易于解码的好处。而且,设计师经常使用一个吉祥物,这是一个模仿真实与用户交流和设置感情纽带的人物。一个强大的副本对于入职也很重要。它应该是简短的,有用的和可读的。



                               
登录/注册后可看大图

海底世界百科 - 剖面教程


家庭和菜单屏幕

主屏幕是任何应用程序的重要组成部分。在移动应用程序环境中,这是用户与应用程序的大部分选项进行交互的主要屏幕。主屏幕的设计取决于产品的类型,其目的仍然存在一些通用于不同种类的关键元素。首先,主屏幕通常包含搜索字段或按钮,以便用户可以轻松地搜索他们所需的内容。而且,因为主屏幕是用户旅程的起点,所以它经常包含提供对各种内容部分的访问的导航元素。



                               
登录/注册后可看大图

家庭应用程序


为了简化用户交互,移动应用程序配置了一个菜单,其中包含用户可以在一次点击中移动到的可能路线列表。在移动应用程序中有两种显示菜单的变体:它可以是主屏幕或单独屏幕的一部分。建议在菜单下面保留选项数量,只显示重要部分。如果应用程序需要更多,创建子类别可能是一个好主意。



                               
登录/注册后可看大图

幻灯片菜单概念


登录和配置文件屏幕

今天,许多应用程序为用户创建个人帐户,所以每个设计师都需要知道如何使用登录和配置文件屏幕。登录屏幕应该简洁明了,以便用户可以轻松访问应用程序。通常有两个字段,用户可以输入他们的名字和密码以及确认按钮。对于第一次使用应用程序的人,总是必须有注册选项。


配置文件使移动应用程序内的交互更加个性化,并允许有效地操作数据。此外,个人帐户是任何社交网络应用的关键部分,其涉及用户进入网络的虚拟社区,并且能够与其他人共享个人信息。设计师的主要任务是通过智能用户体验来最大限度地提高便利性。根据交互设计基金会,第一点设计师应该考虑的是个人资料页面应该明确使用。信息量必须受到限制,否则配置文件屏幕可能看起来太复杂。而且,确保导航系统的直观性至关重要。这样用户就不必花费太多精力来拼出应用程序。最后,个人资料屏幕设计应该面向应用的目标观众。如果您希望自己的应用满足用户需求,用户研究是必须的。



                               
登录/注册后可看大图

约会应用


统计屏幕

各种应用程序包含用户活动的统计信息。提供的数据越多,创建统计屏幕的移动设计就越困难。设计师需要确保可以看到所有的关键信息仍然是屏幕必须清晰和可用。图形曲线,比例尺和原始图标可以使统计屏幕在移动应用程序上看起来平滑和干净。此外,统计屏幕需要不同的排版,以便用户可以轻松读取数据。



                               
登录/注册后可看大图

NGIN App


日历

事件应用程序,待办事项列表应用程序和许多其他人为用户提供个人日历。日历根据应用程序的类型完成某些功能,例如提醒或日程安排。视觉风格应该适合移动应用的心情和目标。



                               
登录/注册后可看大图

明亮的盛传日历


电子商务屏幕
目录屏幕

任何电子商务项目的主要目标是销售产品。视觉呈现对用户的决定有很大的影响。目录是公司提供销售商品的清单。设计师的工作就是创建目录,吸引用户的注意,鼓励他们购买产品。移动应用中的产品列表可以类似于许多电子商务网站,其中的项目被放置在catenas,并可以通过垂直滚动查看。一行中的产品数量根据屏幕的宽度来确定。


移动目录中产品组织的另一种方法是横向滚动。为了使导航直观,水平行中的最后一项应该不是以全视图显示,以让用户看到这是滚动的方向。另外,产品的照片或插图应该只有高质量,以便用户可以清楚地看到他们将要购买什么。目录屏幕应包括一个号召性用语按钮,用户可通过该按钮将该物品添加到购物车。这样用户将能够从目录屏幕上直接获取产品,而无需进入该特定位置的页面。



                               
登录/注册后可看大图

咖啡厅优惠券应用程序


产品卡片屏幕

这个屏幕是给那些喜欢知道他们买什么的人的。产品卡展示了帮助用户决定是否需要产品的关键信息。设计师专注于将产品放在屏幕中央的照片。描述数据通常放在下面。设计人员可以将数据分成大小,材料或其他组,以便用户可以轻松找到所需的信息。



                               
登录/注册后可看大图

珠宝电子商务应用程序


退房屏幕

今天,很多采购都是通过智能手机完成的,所以这些公司试图使移动购物过程像以前一样方便。结帐过程是用户的最后一步在他们购买产品之前采取。设计师的任务是在人们采取这一步骤的同时让人感到舒适。结账屏幕的首要部分之一是买方填写特定个人数据(例如信用卡的名称和号码)的形式。所需信息的类型取决于用户进行购买的资源。另外,重要的是人们要知道他们的个人数据是安全的,所以设计者必须通过视觉元素来保证他们的信息是安全的。它可以是一个副本的标注,以及一些着名品牌谁给了他们的批准,甚至可能是一些证书的迹象,如果有的话。



                               
登录/注册后可看大图

电影应用


社交屏幕
饲料

人们经常使用各种社交网络应用程序进行沟通,并跟踪周围的新闻和更新。Feed是用户选择遵循的新闻和其他数据的不断变化的列表。实践表明,移动用户更喜欢通过Feed快速扫描,这就是为什么他们需要一个简单明了的设计,不会因视觉细节而过载。新闻可以通过滚动一个接一个地呈现。为了使导航更直观,下一条新闻应该部分显示。



                               
登录/注册后可看大图

时间线应用程序


往来

联系人名单已经发展了很长时间。从纸质笔记到不同的数字变体,它的视觉变化仍然只有一个目的:保存关于朋友和其他亲密的人的关键数据。移动联系人屏幕向用户显示按姓名按字母顺序排序的联系人数据列表。每个联系人都应该是可点击的,并导致详细的数据,其中包括电话号码,电子邮件,有时在Skype,Messenger等联系人。此外,联系信息与一个小的照片,使搜索过程更容易。



                               
登录/注册后可看大图

联系人列表概念


音乐屏幕
播放列表

音乐爱好者喜欢为每个场合创建自己的播放列表。显然,每个音乐应用程序都有义务为用户提供这样的功能。播放列表屏幕在不同的应用程序中看起来很相似:它是显示歌曲,歌手或乐队名称以及音轨长度的曲目列表。此外,设计师可以添加这个轨道所属专辑的小图像。如果歌曲没有图片,则应该有一个图标,例如带有音乐笔记。



                               
登录/注册后可看大图

音乐应用


播放机

人们可以通过玩家控制他们所听的内容以及他们如何听。该功能允许用易于识别的标准按钮来切换,停止和启动轨道。这个集合通常放置在屏幕的底部。屏幕的主要部分通常由附加的图像拍摄。此外,有时候,而不是一张图片,许多设计师将音乐可视化器作为屏幕的中心部分。展示台是展现设计师始终鼓舞人心的想象力和创造力的好机会。



                               
登录/注册后可看大图

ECHO应用程序


如今,大量的移动应用出现,为用户带来的新鲜需求带来了新的屏幕类型。设计师应该准备好迎接这一挑战,并始终遵循创新。得到启发!


回复

使用道具 举报

*滑动验证:
使用 高级模式(可批量传图、插入视频等)
您需要登录后才可以回帖 登录 | 立即注册

关闭

站长推荐上一条 /3 下一条

快速回复 返回顶部 返回列表