关于折叠屏手机交互设计的一些思考(二)

我是创始人李岩:很抱歉!给自己产品做个广告,点击进来看看。  
继续分享关于折叠屏手机交互设计的一些思考,上一篇文章简单介绍了外折叠设计,接下来就看看内折叠设计,它有什么特点呢?

内折叠设计

相比外折叠设计,内折叠设计玩法相对较少,在这里我只想到了任天堂NDS的概念:在翻折状态时它就是两块独立屏幕,它可以独立显示不同的内容,例如上屏显示内容,下屏显示操作区域,打游戏时翻折状态明显要其他状态舒服。
关于折叠屏手机交互设计的一些思考(二) 个人观点:从以上案例来看,外折叠设计在交互和玩法上都比内折叠设计好,未来很有可能以外折叠设计为主。

折叠屏手机交互设计的改变

响应式布局

当折叠屏从小屏模式转变成大屏模式时不应该只是画面的等比例变大,而是要考虑响应式布局设计。

描述响应式设计最著名的一句话就是“Content is like water — 如果将屏幕看作容器,那么内容就像水一样”。在以前响应式设计更多用在PC Web设计上,但现在手机也应该考虑响应式设计,以下是设计时需要考虑的细节:

1. 它不是简单的响应式设计。从上文得知,“展开”态时要考虑是平板模式还是双屏幕模式,如果是平板模式,那么内容应该在一个整体里;若是双屏幕模式则可以考虑不同屏幕展示不同内容。设计时需要根据实际需求和场景进行模式选择。

2. 考虑通过Fragment(片段)来设计。Fragment是Android3.0提出的API,出现的初衷是为了UI更灵活地适应大屏幕的平板电脑。以下是Android对Fragment的官方介绍:“Fragment表示Activity中的行为或用户界面部分。您可以将多个Fragment组合在一个 Activity 中来构建多窗格 UI,以及在多个 Activity 中重复使用某个Fragment。( Activity可以理解为一个页面,Android开发中最重要的概念之一)”

3. 参考微软的UWP设计概念。UWP即Windows 10中的Universal Windows Platform(Windows通用应用平台)。UWP应用的理念并不是为某一个终端而设计,而是同一套代码和设计可以在所有Windows10设备上运行,包括Windows 10 Mobile / Surface / PC / Xbox / HoloLens等等。

它的响应式设计技巧包含6点:调整位置、调整尺寸、调整顺序、展现、换位以及改变结构。下篇文章将进行具体的介绍,继续去看看吧!

以上就是“关于折叠屏手机交互设计的一些思考(二)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。

随意打赏

提交建议
微信扫一扫,分享给好友吧。