iPhoneX用户界面游戏设计 - 新的ux模式。

iPhoneX用户界面游戏设计 - 新的ux模式。

圆角,全屏幕,裁剪屏幕,无死角,手势和更大的屏幕 - 如何更好的为iPhoneX做设计。


iPhoneX用户界面游戏设计 - 新的ux模式。_第1张图片

为iPhoneX设计提出2个新论点:

1.在界面中在放置常用导航的地方会被遮挡。

2.通过手势来控制用户界面上的导航

解决一个交互导航时就像是玩一个游戏,在这种情况下,连连看的用户界面的设计需要与原生苹果界面有相同的交互。

情节 视觉和设计

在一个连连看游戏中设计就像是基于这样一种观念,即流行的应用类型可以具有现代的极简美学,简单的游戏设计不需要解释的玩法,像”糖果粉碎“和”可爱的动物“。

iPhoneX用户界面游戏设计 - 新的ux模式。_第2张图片

less is more

连连看的交互区域一般在左下方,右上方和界面中心。我会近一步详细的介绍:

1.后面的左下角像安卓和windows手机。一样是左下角。不是左上角,而是底部,一般使用的所有的用户都是拇指和伸手可及的范围内操作。

2.设置是ios原生设置的地方

3.原型很容易做到但也是最不重要的

4. 左上角告诉你你在哪里 - 第一区

iPhoneX用户界面游戏设计 - 新的ux模式。_第3张图片
iPhoneX用户界面游戏设计 - 新的ux模式。_第4张图片

操控范围

在大型屏幕上可用的游戏玩法区域在纵向模式下保持最小,而在站在拥挤的移动总线上时则较小。

iPhone X makes UI design easy—because all there is no UI

Phone X让ui设计更简单-因为界面里没有设计

界面里的设计正在逐渐消失。因为再也不需要小细线,放回箭头,或者小文本信息。

设计在iPhoneX里应该像它本身一样无形,从而让交互变成重点。


iPhoneX用户界面游戏设计 - 新的ux模式。_第5张图片
iPhoneX用户界面游戏设计 - 新的ux模式。_第6张图片


我们能在iPhoneX中学到什么?

1.在三星的广告中无边显示内容让注意力集中在设备上,而不是用户界面。

2.苹果关注的是,通过消除屏幕的边缘,你需要同时改变UI设计,并且通过这样做,设计需要更加努力地工作,然后传达用户到下一步应该采取的行动。


原作者:Zakary Kinnaird

原文链接:https://medium.muz.li/iphone-x-user-interface-game-design-new-ux-pattern-15feb14b34f3

你可能感兴趣的:(iPhoneX用户界面游戏设计 - 新的ux模式。)