成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

Windows Phone中環繞icon的圓圈

移動開發
在Stockholm的Windows Phone Design Day期間的Q&A環節,Stockholm本地的交互設計師Petter Sifver提了一個問題,關于Windows Phone app bar上的icon,想知道為什么icon的周圍會有圓圈。Petter友好地在其博客上為分享了他圍繞設計闡述的觀點。

我們看到的是Button,而不是icon。——從字面上。在這些Button內部都有小icon。微軟提供的開箱即用(out-of-the-box)的Metro設計語言有一致性接近“button like”(可意會的按鈕)控件。不論它是一個Push Button, Toggle Button, Command Button或者媒體播放Buttons或者icon button——button在Windows Phone的Metro語言里有一個邊框,來定義邊界。所以icon buttons在app bar是樸素地遵循了同樣的語言——我理解它們可能造成困惑的原因是,我注意到當我們談論icon時,我們會經常表述在圓圈里的內容并稱它們是icons。當我們談論icon我們會表述它們像icon(沒有圓圈——即便如此,99%的它們被當icon buttons來使用)。

Saliency概念是正確的,而在我們的Metro button設計語言中有例外設計。

這樣做是在保持一致性。稱呼它們button或icon從字面看起來很接近,但是有著非常大的區別。我們使用button用來交互,使用icon傳達一個單項的信息。例如,在電話應用在call history list界面中緊挨著calls使用帶有電話icon的button——它們是button,不是icon。

另外一個使用icon buttons例子是在文字消息應用——當你希望增加一個新的聯系人并發送一條文字消息,你得到一個帶有加號icon的小button,同樣的,它是一個button——不只是一個icon。你會發現我們不會使用icon作為button。它已經通過加號icon吸引了人去使用——我知道我被建議了。回到開始,正確的接近windows Phone的Metro設計是使用icon button。

現在我們看一下我們如何使用icon。例如在狀態欄中,它們是確確實實的通知icon,并且沒有使用圓圈(它們不是button)。

我們使用icon做為圖形,它們提供給用戶單項的信息(它們是不可交互的,因此不是button)。例如在電子郵件應用我們使用小icon(不是button)與用戶交流。當有附件在一封郵件里,這時它會成為高優先級郵件(標記)。

所有這些,我希望明確,我們在Windows Phone Design Day所談輪到——Metro在做兩件事情:Metro設計法則與Metro設計語言。Metro法則是設計支撐。Metro設計語言建立在法則之上,是在實體UI元素、動畫、排版、構圖與其它交互方向中的證明途徑。

Metro設計語言由三件事情所定義:Windows Phone的native應用(郵箱應用、文字消息應用、people hub、本地搜索等等);第二,Windows Phone UX Guidelines;第三,控件庫與其它Windows Phone SDK & Silverlight Toolkit的可用資源(所有的三項彼此之間會保持一致性)。開發人員與設計人員可以使用Metro設計語言,這會成功地為Windows Phone建立精巧美觀、引人注目與一致性的體驗。

Metro法則是優先的,它凌駕于任何語言,所以設計人員可用自由的探索法則,并且通過非主流的方式被你所證明。我們也樂意看到這些事情發生。Metro原則允許無限的探索與進化。這里我們給一些思路…從Swiss Design Style的課程中讀一些文章。這描述了許多Swiss設計背后的理念(Metro的根源在它,也可以稱為International Typographic Style)——閱讀其中的海報與印刷媒體設計。然而,許多這些海報、設計與Metro設計語言并不相像,但是這不意味著做為一個設計人員不能探索其它的表達法則的途徑。

[[56198]]

原文http://ux.artu.tv/?p=176
譯文http://www.mdong.org/?p=2214

責任編輯:佚名 來源: mdong
相關推薦

2012-04-19 08:42:22

春Phone沙龍

2011-11-03 15:55:40

Windows Pho

2012-05-27 20:12:30

Windows Pho

2012-01-18 09:22:59

Windows Pho設計過程

2013-04-09 12:59:21

WindowsPhon

2010-12-01 13:40:13

樞軸控件Windows Pho

2013-06-26 13:25:01

WindowsWindows Pho

2013-07-30 12:37:56

Windows PhoWindows Pho

2010-10-11 14:42:49

Windows Pho

2010-12-01 13:55:29

地圖插件Windows Pho

2014-08-15 17:02:41

Windows Pho

2010-04-21 17:07:54

Windows Pho

2010-04-08 17:40:23

Windows Pho

2011-11-28 13:07:45

WindowsPhonAndroid

2012-02-06 09:16:14

Windows PhoWindows Pho

2009-03-06 19:14:41

Windows Pho微軟

2010-03-26 18:08:18

Windows Pho

2011-12-11 19:06:57

Windows Pho

2012-01-12 10:01:19

Windows Pho信息圖

2010-12-01 09:50:21

全景視圖Windows Pho
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 极品的亚洲 | 亚洲精品二三区 | 日本福利片 | 999精品在线| 酒色成人网 | 日日噜噜噜夜夜爽爽狠狠视频, | 自拍偷拍中文字幕 | 做a视频 | 天天艹逼网 | 国产精品免费福利 | 日韩网| 日韩中字幕 | 全部免费毛片在线播放网站 | 精品不卡 | 亚洲a在线视频 | 精品久久久久香蕉网 | 欧美一级全黄 | 国产主播第一页 | av网站免费观看 | 中文字幕1区2区3区 日韩在线视频免费观看 | 成人免费毛片片v | 欧美一区二区三区在线观看视频 | 日韩在线中文字幕 | 亚洲欧美在线一区 | 一级片网站视频 | 国产毛片毛片 | 国产精品久久久久久久岛一牛影视 | 国产在线97 | 蜜桃传媒av | 国产aⅴ爽av久久久久久久 | 国产精品资源在线观看 | 日本在线一区二区三区 | 二区高清 | 日韩欧美成人一区二区三区 | 99精品99 | 久久久.com| 欧美日韩亚洲在线 | 一区二区三区精品在线 | 日韩在线视频免费观看 | 久久久久国 | 噜久寡妇噜噜久久寡妇 |