蓝莓安卓网多重安全检测下载网站、值得信赖的软件下载站!

当前位置: 蓝莓安卓网 >  教程 >  折叠手机怎么个性设置

折叠手机怎么个性设置 折叠屏手机交互设计原则

时间:2023-10-05 09:36:51

小编:蓝莓安卓网

  折叠屏手机是近年来手机市场上的一大亮点,其独特的设计也为用户带来了全新的使用体验。而对于折叠屏手机的个性设置和交互设计,更是需要设计师们深入研究和探索。在这个时代,人们对于个性化的追求越来越高,因此折叠屏手机的个性化设置也成为了设计师们关注的重点之一。此外关于折叠屏手机的交互设计,设计师们也需要考虑用户的使用习惯和需求,合理设计各种操作界面和交互方式,为用户带来更为人性化的使用体验。

折叠屏手机交互设计原则

更好的阅读体验

目前各手机厂商的折叠屏展开态均大于7英寸,我们看视频时拥有更好地观看体验,同时我们再也不用担心看漫画时字体太小看不清了。

折叠手机怎么个性设置 折叠屏手机交互设计原则提升效率

在“展开”模式下空间变大了,多窗口操作成为可能,我们可以一边看世界杯一边用微信和朋友一起视频呐喊。

折叠手机怎么个性设置 折叠屏手机交互设计原则易用性

在这里我想到了ipad一个不错的特性:打开多个应用后,并在多个应用之间进行文件管理,例如将相册里的图片拖到微信或者邮件里,避免了多个应用之间的来回切换。

折叠手机怎么个性设置 折叠屏手机交互设计原则

以上基于“展开”态的想法,在折叠状态下还有一些不错的想法供大家思考:

外折叠设计

华为在MWC2019上演示了一个名叫“镜像智拍”的功能,它可以让被拍摄的人可以实时看到拍摄效果,并调整面部表情与姿势。用自己最了解的角度及构图使得拍摄事半功倍,妹子们再也不用担心自己的男朋友把自己拍得很丑了。

折叠手机怎么个性设置 折叠屏手机交互设计原则

在折叠状态时可以把背面当做一个附加的交互空间,实现一些简单的交互操作。例如打吃鸡游戏时我们可以考虑在背面屏幕增加一些手势操作进行8倍镜的缩放(这种背部触控方式并不是什么新鲜事,在2011年索尼旗下的掌上型游戏机PSV已经在背部增加了电容式多点触控面板)。

折叠手机怎么个性设置 折叠屏手机交互设计原则

除了附加的交互空间,我们真的可以把它当做第二块屏幕进行使用。在平时我们可以通过两块屏幕同时运行两个不同的应用程序,例如我们可以用主屏幕玩游戏,在加载游戏时翻转屏幕刷个微博,操作起来十分方便。

折叠屏当然不只有展开和折叠两个状态,还有翻折状态,它区别于传统手机和平板的独立状态。最直接的效果就是它可以不需要支架就立在桌面上,实现中远距离的自拍;同时它可以进行多角度拍摄,成为制作VR内容的利器。在玩法上,翻折状态可以通过两面屏幕的不同内容引入多人互动的概念,但这种应用场景比较难想象。

折叠手机怎么个性设置 折叠屏手机交互设计原则内折叠设计

相比外折叠设计,内折叠设计玩法相对较少。在这里我只想到了任天堂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点:

A.调整位置:你可以改变 UI 元素在不同屏幕上的位置。比如下面这个例子:为了确保同时展示两个元素,在手机上我们必须采用纵向滚动界面,而在平板电脑上,我们可以调整框架的位置,变为横屏滚动界面。如果你用网格设计这些位置,你也可以不改变内容框架,但其他 UI 元素可以使用响应式设计。

折叠手机怎么个性设置 折叠屏手机交互设计原则

B.调整尺寸:你可以通过调整空白和 UI 元素的尺寸来优化框架,比如下面这个例子,可以通过简单的增大内容框架尺寸来提升大屏幕的阅读体验。

折叠手机怎么个性设置 折叠屏手机交互设计原则

C.调整顺序:通过调整 UI 元素的顺序和方向,优化内容显示效果。举个例子,在大屏上运行时,可以再添加一栏,并且加入分类列表,这些都是合理的。这个例子展示了在手机上使用一栏纵向滚动,而在平板上使用两栏横向滚动的优化。

折叠手机怎么个性设置 折叠屏手机交互设计原则

D.展现:你可以基于屏幕的真实大小,设备支持的功能,特定的情况或者屏幕方向展示界面。下图是媒体播放器的例子,小屏幕上这些按钮通常是被删减的,但在大屏幕上这些按钮是被完全保留的。PC 上的媒体播放器比手机上的有更多的功能。

折叠手机怎么个性设置 折叠屏手机交互设计原则

E.换位:这项技巧是为特定屏幕尺寸或屏幕方向切换特定的界面。下面这个例子是导航菜单:小屏幕上他是隐藏在汉堡菜单中纵向排列的,但是在大屏幕上,更大的 Tab 是更好地选择。

折叠手机怎么个性设置 折叠屏手机交互设计原则

F.改变结构:你可以为特定的设备优化特定的结构。下面这个例子就是两种不同的接合结构。

折叠手机怎么个性设置 折叠屏手机交互设计原则场景化设计

考虑用户翻转折叠屏幕时的场景和动机是什么,从而优化现有界面及交互流程,举几个例子:

A.以RPG游戏为例。当玩家使用小屏模式时我们可以收起所有功能界面,使游戏的沉浸感更强;当玩家采用大屏模式时,我们可以认为玩家需要获取更多信息,这时候把聊天、装备等相关功能界面展示出来。

B.当用户在微信里查看定位信息有新消息提醒时,手机变成大屏模式时应该同时存在地图界面和聊天界面。

相关注意事项

Google在2018年11月就宣布了对折叠屏的支持,包括多窗口支持、不重启适配等等。如果想要在折叠屏手机上设计良好的用户体验,必须考虑以下两个方面:生命周期管理以及转场动效。

1.生命周期管理

目前大部分手机应用为了有更流畅的体验会做适量的生命周期管理,例如退出页面时会释放相关内存。因此设计师在设计折叠屏交互时要考虑哪些页面不能被销毁,一定要让用户进行展开、折叠等操作, 应用任务不中断重启,产品可以自动适应各种屏幕下的静态布局规格。

2.转场动效

从目前Google公布的新版Android系统来看,已经可以做到当折叠/展开设备的时候,页面、内容从一个屏幕自然地切换至另一个屏幕。设计师在设计时应该基于Google的技术规范考虑内容、组件等模块的转场效果。

折叠手机怎么个性设置 折叠屏手机交互设计原则参考案例

前几天华为基于HUAWEI Mate X发布了折叠屏官方适配方案,感兴趣的朋友可以通过以下链接了解更多。相关链接:https://www.infoq.cn/article/mPwQk57bK5fg_FTcXa2i

最后的最后

如果对前瞻设计感兴趣的同学可以考虑入手一本《AI改变设计-人工智能时代的设计师生存手册》,它比较全面地介绍了当前AI的发展以及设计师如何在AI时代下找准自己的定位。感兴趣的同学可以在京东当当等各大平台进行购买,购买链接:《AI改变设计--人工智能时代的设计师生存手册》(薛志荣)【摘要 书评 试读】- 京东图书

折叠手机怎么个性设置 折叠屏手机交互设计原则折叠手机怎么个性设置 折叠屏手机交互设计原则

  总的来说,折叠手机的个性设置和交互设计原则都需要考虑用户的习惯和使用场景。如何让折叠屏手机的切换和折叠更加自然和流畅,如何让用户更方便地在不同模式之间切换,都是需要认真思考的问题。未来,随着技术和用户需求的不断发展,折叠手机的个性设置和交互设计也会不断升级和完善。

相关文章

猜你喜欢

推荐游戏

更多