数极客首页

“METRO STYLE”来袭,你“湿”了吗?

“METRO STYLE”来袭,你“湿”了吗?

Metro 设计是一个不容忽视

的市场大趋向
。这是全新的
用户体验,将成为微软未来

的操作系统——Windows 8和Windows phone 的一部分

。随着移动

时期
的到来,metro UI 作风
被推向新的高度,“METRO STYLE”的浪潮下,你被打湿了吗?“METRO STYLE”来袭,你“湿”了吗?

Metro是由微软公司开发的内部称号
为“ typography-based design language”(基于排版的设计言语
)。Metro UI是一种界面展示

技术,和苹果的iOS、谷歌的Android界面最大的区别在于:后两种都是以应用为主要呈现对象,而Metro界面强调的是信息自身

,而不是冗余的界面元素。

metro这是一个全新的界面,你有足够的空间去发明

去发挥你的创意。我们仍处于它的生长
曲线的起步阶段,所以面临的应战
新颖
而有趣。当我第一次看到 WP7 的展示

时,我在想,“我一定要为它设计些什么。”探求

是最好的学习方式,学着为用户创建

一个激动

人心的用户体验吧。

“METRO STYLE”来袭,你“湿”了吗?

早期Metro作风
应用

2006年著名的Zune播放器开端
运用
相似

Metro的设计作风
。微软的设计师计划

重新设计现 有用户界面、更清新

的排版和较少的重点以便于用户运用
。Zune的桌面客户端程序也运用
了不同于以往Portable Media Center用户界面,其清新

排版和设计给用户耳目一新的冲击。

“METRO STYLE”来袭,你“湿”了吗?

源自瑞士的设计作风
:Metro UI    Segoe WP字体

求本溯源,Metro UI是基于瑞士平面设计准绳
,其最初在Windows XP的Windows Media Center就中有表现
,这有利于以文字为主的界面导航。我们的设计灵感来自字体, 漂亮的字体, 我们要让界面变得像这些字体一样美。文字表现
了信息, 文字的美感是无法取代的。

Windows8

win8发布以来,遭到
很大的追捧,特别是设计范畴
,掀起的平面化设计浪潮,下面是Windows8开端
界面

win8运用
的是多宝阁的设计理念。多宝格又称“百宝格”或“博古格”,是专为摆设
古玩器物的。它是进入清代才兴起,并十分

盛行
的家具种类

。多宝格的共同
之处在于,它将格内做出横竖不等、上下
不齐、划一

划一

的一个个空间。人们能够

依据

每格的面积大小和高度,摆放大小不同的摆设
品。在视觉效果上,它突破

了横竖衔接

等极富规律 性的作风

,因而

开辟

出新奇的意境来。

多宝阁设计具有强大的内容分层结构

,始于内容简述,层层递进,深化
细节,就在实时图块中, Mango 的新功用
。在 WP7 首发时,图块充其量是一个静态叠加的程序图标,何在 IOS 和 Android 里的一样。往常

,一个新的方式

被引进过来。主屏幕只显现
简约
的通知,即应用程序中最重要的那部分

信息,就像杂志的文摘部分

一样。想想看,这块空间能够

提供有意义的内容,并且是实时更新可用的。

用户们假定

只想扫一眼天气状况

,他们不需求
翻开
应用就能够

办到,由于
最基本

的信息都在那上面了。但是假定

他们想看未来

五天的天气或是其他细节,他们还是要翻开
应用的。实时图块被设计成能够

恣意
变换的,你能够

发明

性地组合不同的实时图块。

“METRO STYLE”来袭,你“湿”了吗?

windows phone

用户手中的这台WP7手机的可视区域是十分

有限的。例如诺基亚Lumia 800的屏幕仅为3.7寸,为了能让用户透过窄小的手机屏幕,看到更为庞大
的场景,在Metro UI中就采用了这种Panorama设计的概念。它最大的益处

是能够

在一个二维平面内,集中显现
多种类

型、多种来源的信息内容。

Panorama环景界面概念:环景一词源自于“panorama”,又称全景图,它是一种广角图,能够

以画作、照片、视频、三维模型的方式
存在。 全景图这个词最早由爱尔兰画家罗伯特•巴克提出,用以描画

他创作的爱丁堡全景画。现代的全景图多指经过
相机拍摄并在电脑上加工而成的图片。19世纪中叶, 全景图成为最常用的景观和历史事情
的表现手法。

“METRO STYLE”来袭,你“湿”了吗?

开端
界面:下面我们来看一下Windows Phone中Metro UI的开端
界面。它具备一些用户经常运用
的必要信息。图片、游戏、音乐和视频、办公、电子市场等。这个界面,其内容能够

竖向滚动,便当
单手拇指操作。同时在狭小的手机屏幕中,能够

显现
更多内容。

“METRO STYLE”来袭,你“湿”了吗?

windows phone另一个最大的特性就是活动方格翻转动画的设计;

在Metro界面中,应用都以能够

翻转的方形图标的方式
呈往常

主界面中。他们就好似是多宝格中的 “珍藏

品”一样,每一个应用都会给用户爱不释手的觉得
。可翻转的图标,同时又印证了多宝格精致的机关设计,给人以一种不时
幻化的新奇感。让人忍不住去探求

Metro UI中的各种内容。

能够

翻转的图标经过
刷新活动方格的内容,能够

让一片狭小的区域显现
更多背后的内容。这种设计,要比单纯的图标式界面能呈现更多丰厚
的内容。WP7动画模块和转场效果深深植入首创
的 UI 概念中,成为了最基本

的元素。你不只
能及时给与反响

(正如一个实时通知功用
一样),还能把用户的留意
力集中到当下正发作
的事情上,并为他们提供与众不同的体验“METRO STYLE”来袭,你“湿”了吗?

“METRO STYLE”来袭,你“湿”了吗?

图标

Live & rich tiles对决静态图标。在Windows Phone中,图标按钮能够

呈现出愈加
丰厚
的信息。

Metro、iOS、Android之三大UI作风
对比

三种移动

平台,三种作风
悬殊
的UI界面。先有iOS,后有Android,但是Metro UI的作风
,早在许久之前就深化
现代设计殿堂。

“METRO STYLE”来袭,你“湿”了吗?

三大智能手机UI谁看上去更艺术?

你可能会偶尔

看到,某个餐厅的菜单,用的是iOS的界面作风
。或许
你能听说某人,设计了一个随身记事本,其外观与三星的note手机极为相似

。你可 能会哇的赞扬

,其UI设计的影响力,曾经
从移动

范畴
延伸到了日常生活中。但Metro UI则完好

相反,它是先被普遍
应用在日常的生活中,然后再经过各种优化,才植入智能手机中的。源于生活而高于生活,这才干
称之为艺术。我国某位著名的根雕艺术巨匠

曾经说过这样一句话:工艺品和艺术品的价值至少差着五个层次

metro 作风
软件设计

同样有国外的设计师中止

了各种尝试,比如

对windows8的文件系统设计的更有metro风。Metro作风
采取了一种“大刀阔斧”的方式来删除用户界面中哪些非必需
的元素, 无论是装饰性的视觉元素还是多余的动作。这使得我们能够

专注于用户界面中最主要的元素, 并让这些元素变得愈加
智能化、愈加
开放, 整个用户界面也愈加
轻盈。

“METRO STYLE”来袭,你“湿”了吗?

真正的内容,而不是质感

我们置信
设计中的真实感。一套用户界面是由无数个像素组成的, 在Metro中, 去掉了一切
的突变
和阴影, 为用户呈现了真正数字化的界面。

当然,对win8软件的概念设计也会有很多的尝试,

“METRO STYLE”来袭,你“湿”了吗?

洁净

,简约

“METRO STYLE”来袭,你“湿”了吗?

window phone APP设计以色块、大而纤细的字体为主,留白更多,便于阅读,手的触点更大,更容易操作,动画更出色。

“METRO STYLE”来袭,你“湿”了吗?

metro作风
网页设计

越来越多的设计师喜欢运用
metro作风
,轻薄化曾经
成为设计的趋向
,网页设计也遭到
了metro作风
的影响。他引领了未来

设计的方向。

“METRO STYLE”来袭,你“湿”了吗?
“METRO STYLE”来袭,你“湿”了吗?
“METRO STYLE”来袭,你“湿”了吗?

工具型网站也会有metro的作风
。你会发现,用metro作风
来做数据型网站是在合适

不过了,由于
metro的精髓

就在于信息的表达。他能够

明晰
的表达各种信息层次,图形愈加
直观。

“METRO STYLE”来袭,你“湿”了吗?

有了 Metro, Windows Phone 7 对设计师来说翻开
了一扇设备和操作系统范畴
的新的大门。它代表了与苹果和 Google的设备界面完好

不同的新方向。这也给我们提供了工作的基准以及未来

拓展的方向。

本文只是抛砖引玉,如有不妥之处,还请斧正!

来源:http://tid.tenpay.com/?p=4250

给大家举荐

我国新一代大数据用户行为剖析

与数据智能平台:数极客(https://www.shujike.com),是支持无埋点、前端埋点、后端埋点、API导入四种混合数据采集方式,整合剖析

用户行为数据和业务数据,能够

自动监测网站、APP、小程序等多种渠道推行
效果剖析

,是增长黑客们必备的互联网数据剖析

软件。数极客支持实时多维剖析

、漏斗剖析

、留存剖析

、途径
剖析

等十大数据剖析

办法

以及APP数据剖析

网站统计网站剖析

小程序数据统计用户画像等应用场景,业内首创了六种提升转化率的数据剖析

模型,是用户行为剖析

范畴
首款应用定量剖析

与定性剖析

办法

数据剖析

产品

发表评论

评论已关闭。

相关文章