4招APP设计让移动手持设备完美兼容横屏和竖屏

移动手机APP的显示效果,没有像web端那样单一。因为它有自己独有的2套展现方式,横屏或者是竖屏。虽然完美大多数情况下,都会选择竖屏,但是某些APP设计必须是横屏才能达到最佳的用户体验。

所以,按照移动智能设备的方向对app进行设计,将会使APP开发者和APP设计人员获益匪浅,同时也可以创造更好的不一样的用户视觉体验。用户只需要简单地旋转设备,不用点击按钮就能展现一个新的app布局。是不是很炫呢?

就好像web设计师如何向移动APP设计师的思维和角色转换一样。

下面让我们来看看如何让我们的APP设计作品,完美兼容移动智能手机横屏和竖屏的显示效果?

作为一名优秀的APP设计师,我们必须知道这4种随着智能手机的横屏与竖屏的切换,同时也改变app显示方向的解决方案。

扩展阅读:6个超实用的APP导航设计方案

 

第一种:按比例转换APP界面设计模式

这个方法比较简单和直接。很适合新手,一看就会明白。跟我们web端响应式布局一样的道理。比如Skype APP界面设计欣赏。

Skype app设计

在Skype的APP界面设计中,当App由纵向显示变为横向展示的时候,界面上的图标大小也随之发生改变。

第二种:APP延伸扩展模式

这个解决方案主要是靠增加或者删除布局元素来实现,比如下边的IMDB,iPad用户看到的是一个更宽的横屏模式,左侧增加了电影作品年表。

而竖屏模式展现的是一个更为简洁的界面,不过,用户可以通过点击屏幕中间的"所有电影列表"来查看同样的内容。

app延伸设计

不管是横屏还是竖屏模式,目的都是为了给用户提供方便。不过,这并不是强迫用户使用某种特定的方式,尤其是在主要功能还没有完全展示的情况下。

 

第三种:APP延伸扩展模式

我们来看看下面这个APP设计原型图,

默认的竖屏模式展示了相关数据,但横屏模式提供了更为直观的可视图表。

总的来说,横屏和竖屏显示类似信息还是互补信息.

APP互补设计

第四种:APP连续性设计

什么是APP连续性设计呢?其实就是旋转切换到下一屏。这种APP的设计是未来智能设备的方向。前景很不错!

连续性的设计可以让用户通过简单的屏幕旋转就能接触到第二屏。未来还有种可能就是用智能手机控制智能电视,智能手机旋转为横屏模式可以显示节目指南,同时实现频道切换、节目浏览以及录制视频等功能。

APP连续性

 

所以,今天跟大家介绍了4招新的APP设计方向和APP设计知识。国外的媒体认为为移动智能设备手持方向进行设计还是比较新的一个概念。所以,希望APP设计小伙伴们多关注。

最佳的APP设计视频教程:APP新手的最佳入门视频教程 尽在25学堂。

每天更新,
全站高品质素材免费下载!