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

移动手机APP的显示效果,没有像web端那样单一。因为它有自己独有的2套展现方式,横屏或者是竖屏。虽然完美大多数情况下,都会选择竖屏,但是某些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新手的最佳入门视频教程尽在网站模版网(www.genban.org)。

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

25学堂今天跟大家分享12张精美的移动模型素材分享,这12张素材你可以应用在你的移动APP项目当中或者是APP官网设计当中,顿时让你的作品高大上!下面的这12张移
如今再来看扁平化APP设计,还是那么的简洁漂亮!最重要的是扁平化的移动APPUI界面简单实用,对移动设计师来说,...最近,25学堂将会推出很多漂亮的移动APP应用模板(框
有创造性的APPUI设计往往可以大幅度提升用户体验的。那么好的移动APP设计干货和APP设计规范也是新手们的渴求的干粮。25学堂秉着分享和共同学习的原则,收集了
移动APP项目名称:易配货APP 2.0移动APP项目背景:易配货是传化物流产业集团为货主与司机打造的物流信息交易平台,基于诚信会员体系和移动互联技术,为会员
iOS切图神器,我想大家都不会很陌生啦,Cutterman也是目前移动端设计人员用的比较多的一款切图工具。还有25学堂之前推荐的在线切图工具和PS切图插件推荐等。
今天25学堂的小编跟大家分享一个国外优秀的图标字体酷站,也是一个在线编辑的SVG图标素材的酷站-SmartIcons.coSmartIcons 网站是一个提供了1500+个顶级图标和内建多种