百科问答小站 logo
百科问答小站 font logo



如何评价 Windows Phone 8 的交互设计? 第1页

  

user avatar   zc9181 网友的相关建议: 
      

楼上完全扯淡

在过去一两年中,skeuomorphism(软件界面设计模仿实物纹理被称为Skeuomorphism的概念)已经沦为了Comic Sans字体那样人人喊打的过街老鼠。只要你在贵圈中表现出对skeuomorphism的鄙视,大家马上就被你的高雅品味所折服。因为地球人都知道 skeuomorphism糟糕之极,而且地球人也都知道

首先要知道windows phone的核心设计是什么,当然是metro。提起metro很多人都会简简单单的理解为扁平化,其实不然。windows phone团队原设计师在其博客连载文章《24 Weeks of Windows Phone Metro Design》

ux.artu.tv

上写的很清楚。

什么是metro,metro = metro设计原则+metro设计语言(有专利)。

1.什么是metro设计原则:(事实上就是 瑞士平面化设计,这个是没有专利的)

1. 干净、轻量、开放、快速

2. 要内容,而不是质感

3. 整合软硬件

4. 世界级的动画

5. 生动,有灵魂

2.什么是metro设计语言:边界效应,聚焦,融合手势(有专利)

Metro的设计灵感来自交通系统:它需要帮助人们能够在短时间内,快速找到自己所需的信息。Metro一词在英文中译为地铁的意思,这充分体现了它的渊源和其艺术风格。

你觉得Metro UI界面非常的简单?它的设计理念就是要突出简洁与视觉焦点的引导。在这种指引下,微软WP开发的SDK中有三种内置的控件(页面、全景图、枢纽)

----全景图风格应用

正如清明上河图所呈现出来的景象,宽大的卷轴不可能在手机中整体呈现出来。但是通过Panorama设计的概念,用户可以横向滚动卷轴,一点一 点地将整张清明上河图浏览完。并且在花卷横向滚动时,人脑会记住当前屏幕所展示的内容以外的部分,并且人脑会自动将这些顺序与逻辑关系都有机的结合起来。 在人的脑海中会自然呈现出原画磅礴的内容。

全景图设计的准则,让用户可以控制自己的视野,通过用手指在屏幕上滑动来获得自己想要看的内容。同时,这种操控方式也是可以全屏幕进行的,并且可以视作是一种应用程序内的导航模式。

1. 使用任意单一的颜色作为背景色,或者是一张图片作为Panorama环景的背景。

2. 用户不必使用任何额外的触笔或者按键就能完成对Panorama的控制。

3. 在应用UI的设计时,微软对设计师有一个明确的要求:Panorama界面不能过长,要限定在4个屏幕宽度之内。

----枢纽风格应用

Pivot枢纽:是指最重要的部分,事物相互联系的中心环节。在构造地质学中,在褶皱的各个横剖面上,同一褶皱面的各最大弯曲点的联线叫做枢纽。Pivot枢纽通过不同的方式显示设置,Pivot枢纽的概念类似古代的“雕花灯笼”在转动的样子。

在Metro UI中的枢纽控制,提供了一种快速的获取和管理信息的途径,它能够以多种窗格的形式滚动呈现出来。用户能够使用它来过滤较大的数据,通过它来查看多重数据,或者在应用程序之间进行切换查看。

微软官方设计建议:

1. Pivot枢纽控制仅仅能显示一组项目,或者是类似的数据类型。

2. 绝对不要在Pivote枢纽中包含Panorama型的环景控制,或者是在Pivot枢纽中再加入Pivot类型的控制。

3.Pivot枢纽中的页面,不应该被应用于任务流。

4.不要试图使用触笔控制或者是滚动控制来代替Pivot枢纽控制。尤其是在sllder、Toggles、Map控制中。

Pivot VS. Panorama

Pivot和Panorama都是可以横向拓展视野,一个是翻转,一个是平移。但是在开发者设计UI时,往往会将他们相互混淆。

Pivot可以支持更长数字的项目,因为它每个翻转层都是类似的数据。而Panorama主要追求的是更炫的用户体验,在Panorama中每一组数据要足够在一屏的宽度内显示出来,这样用户不必来回滚动屏幕翻看内容。

在Pivot中,支持丰富的代码内容,开发者可以调用许多数据内容,并且以不同的方式呈现出来。而在Panorama中,需要与一些系统操作相匹配,因此其代码实现的功能也相对简单一些。

在Pivot中LoadingPivotltem和UnloadingPivotltem事件可以简单的被推迟。另外Pivot还可以让用户更加高效的利用屏幕空间。

对于Panorama来说,其背景图片可以是任意尺寸,在垂直方面,系统都会自动的适应屏幕的大小,确保顶部和底部都完全吻合,而在水平方向,将图片等分成四个屏幕视野,同时确保屏幕滑动流畅。

——以上部分内容来自《Windows Phone灵魂诠释:Metro UI界面完全解析》和《24 Weeks of Windows Phone Metro Design》

其实设计风格并无高低,也就是说IOS的设计风格和WP的设计风格并无高低,真正的高低在于交互设计。出色的设计(风格)知道该在什么时候,什么地方巧妙地利用它。

很多人说WP的应用质量并不高,事实上是相对于IOS和安卓,基本上98%以上的WP程序都用到了SDK内置页面、全景图、枢纽控件,这些控件本身就融合了手势功能,可以说任何一个WP程序在其他平台都可以算得上是优质的应用。




  

相关话题

  如何评价知乎 A/B 测试中的新版「赞同」「反对」按钮? 
  这种凹陷在 Photoshop 里一般是怎么做出来的? 
  如何看待知乎 2021 年 12 月的新版用户交互界面(UI)? 
  图片为什么都是四边形的? 
  怎么理解和评价老罗说的「工匠之心」? 
  UI小白想去学UI? 
  如何看待支付宝 1% 事件后下架支付宝 WP 应用? 
  为什么阿里系软件体验都不好? 
  SpaceX 龙飞船中的新触控交互操作系统,意味着什么? 
  没有美术基础,怎样才能成为一枚UI?需要学习哪些技巧? 

前一个讨论
没有手机的时候人们是怎么谈恋爱并维持关系的?
下一个讨论
你经历过哪些令人尴尬的误会?





© 2024-09-28 - tinynew.org. All Rights Reserved.
© 2024-09-28 - tinynew.org. 保留所有权利