横竖屏切换中的界面设计与体验提升

2016-02-17 02:09 7 1 收藏

今天图老师小编给大家介绍下横竖屏切换中的界面设计与体验提升,平时喜欢横竖屏切换中的界面设计与体验提升的朋友赶紧收藏起来吧!记得点赞哦~

【 tulaoshi.com - 平面设计 】

目前移动设备中的都会内置加速计,这个装置使得移动设备可以根据摆放的方向进行屏幕的横竖屏切换,令移动应用有了更多展现的功能和使用的方式。

本文中列举了一些对横竖屏设计中可能遇见的设计难点及解决的方案、

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

眼下,智能移动设备内置的加速计的主要作用,就是根据设备的定向方式来决定屏幕的显示模式,也就是在横屏或竖屏模式之间进行切换。这种功能使用户通过简单的动作就可以得到额外的布局模式,期间不需要操作任何界面元素或实体按钮。对于我们来说,这是一个提升产品用户体验的契机,但其中也不乏挑战;我们要充分了解不同定向方式所涉及到的使用情境,并确保两种体验模式之间的差异不会给用户带来唐突的感觉。

几乎所有类型的移动应用都能从显示模式切换功能当中获益。本文将围绕着这一话题,为应用的设计师与开发者们介绍一些可以运用到实际工作中的基础概念,同时还会帮助大家了解那些在实践当中有可能遇到的挑战以及相应的解决方案。

通过设备定向切换显示模式

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

Youtube的移动应用是一个很典型的案例。在竖屏模式中,视频窗口较小,但相关信息比较丰富;而在横屏模式下,视频展开为全屏,并向用户提供了更加全面的播放控制功能。当视频播放结束后,界面模式会自动切换到竖屏状态,籍此提示用户调转设备并通过更全面的导航和信息索引来浏览其他视频。

横竖屏切换中的界面设计与体验提升,PS教程,图老师教程网

不过在有些时候,第二显示模式也会给用户带来迷惑。以CardMunch为例(LinkedIn推出的名片扫描及浏览工具),其横屏模式会将之前整个列表形式的界面改变成为旋转木马视图。(

来源:http://www.tulaoshi.com/n/20160217/1577518.html

延伸阅读
对于交互设计而言,移动手机客户端的横竖屏切换时,怎么切换就成了 一个普遍存在的问题。 课程内容 随着技术与用户体验的发展,移动客户端产品中越来越多的需要横竖屏切换的设计。横竖屏旋转切换的设计在理想的情况下保持不变就能满足用户的需求。但也有很多时候,横竖屏切换时用户操作行为和屏幕比例的改变决定了客户端产品在设计时必须做出...
透明质感的图形 screen.width)this.style.width=screen.width;"> UI名称:透明质感的图形 播放器的UI screen.width)this.style.width=screen.width;"> UI名称:第一次尝试制作播放器的UI QQ面板之魔兽世界 screen.width)this.style.width=screen.width;"> UI名称:QQ面板之魔兽世界 颜色活泼跳跃的QQ皮肤 screen.width)this.style.w...
这文章讲述了2013年未来的移动APP设计趋势,感觉挺有道理的。wp8的平面界面设计已经取得很大的成功,很多应用也都是采取相同的设计如zaker,还有类似本文要展示的左侧导航菜单右边显示主要内容的设计,通过menu菜单或者左右拖动可以弹出左侧导航菜单,国内的应用有百度新闻、100tv、印象笔记等。个人觉得这样的应用很清新,看起来很让人舒服...
这篇主要说一下版面和图形使用,对高手来说可能有些老生常谈,但对移动端界面设计或许会有点参考价值,用几分钟看看吧。界面美不美,除了构图之外,另一个重要手段的就是如何处理留白,也可以理解成版率。留白就是为了凸显层次、突出内容。 手持设备屏幕较小,决定了信息显示是有限的。用户有效接受信息并不与界面内提供的信息量成正比,有的...
作为世界最著名的客户关系管理软件巨头,Salesforce 在CRM软件设计上有着深入的了解和过硬的设计和开发经验。诸如CRM这类企业级的软件中,表单类的界面非常多,这也促成了今天的这篇文章。一个优秀的表单到底要具备怎样的素质?如何提高表单的用户体验和使用效率?看看Salesforce 的团队是怎么做的。 Salesforce 用户每天都在和表单打交道,...

经验教程

429

收藏

94
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部