來源：太平洋電腦網
前段時間，微軟開始向預覽版用戶大面積推送新版開始菜單。和現版菜單相比，新菜單采用了純色化背景，磁貼也用上了最新的感知式設計。除了能和主題色彩自動同步外，還大大提高了整個界面的簡潔與美觀性。
之前已向預覽版用戶大面積推送的新版開始菜單
近日，網上流傳出一組由微軟設計師發布的新版開始菜單演示視頻。新視頻屬于概念性質，除了展示了全新的磁貼樣式外，重點是磁貼切換動效與新版圖標，接下來我們就一起來看一看。
視頻展示的新版開始菜單部分截圖
1. 磁貼樣式
新菜單磁貼采用了微軟流暢式設計，但與現版一個明顯不同是，新版增加了邊緣高光與陰影效果，看上去就像一塊塊水晶貼到菜單上。磁貼邊角也由現在的尖角變成圓角，比較符合現今的審美形式，同時也與微軟之前流出的其他設計圖一致。
新磁貼動效展示
鼠標感知有所調整，與現版簡單的高光變化不同，新版中當把鼠標從磁貼上劃過時，會有炫目的彩虹效果出現，看起來十分奪目。這在之前是沒有看到的，預示著微軟正在探索Fluent Design的更多用法。
2. 磁貼動效
新版菜單另一個比較明顯的變化，則是全新的磁貼動效。現版菜單也有特效，但視覺沖擊力不夠。新版中采用了一種類似“華容道”一樣的動態移動方式，除了移動特效更加精致外，還增加了一種自動補位功能。當一個磁貼被移走后，它附近的磁貼會根據空閑情況，自動伸展補位，看上去頗有科技感。
新版磁貼動效
除此之外，滑動特效也有調整。只可惜，官方目前放出的視頻，只是用一種隱晦的方式做了演示，實際效果不得而知。但很顯然，新動畫至少在流暢度方面，要比現版更加流暢與順滑！
新版動畫展示
3. 更多圖標風格
此前微軟已經花費一年多時間，更新了部分Win10圖標，但……這可能遠遠不夠。在這組視頻中，微軟從多個片斷，展示了一些與圖標有關的內容，包括圖標構思、色彩選擇、動效適配等。盡管視頻中沒有說出太多有關新圖標的事，但很顯然，圖標應該還是Win10未來一個重點發展方向。
圖標展示
圖標展示
圖標展示
寫在最后
開始菜單一直是用戶最關心的話題，盡管之前微軟已經多次調整，但用戶并不買賬。不過從微軟近期的動作來看，無論是已經投放預覽的現版開始菜單，還是視頻中所展示的概念版菜單，都預示著UI將成為Win10的下一步發力重點。無論如何，我們拭目以待！
編輯導語：無論是產品的一個啟動logo，還是界面的標簽欄，圖標隨處可見。那么，圖標是什么？最初是什么樣的？我們該何時使用它？本文作者對圖標的發展作了總結分析，一起來看一下吧。
作為設計師，圖標是從我們入門開始就會接觸的老生常談的東西，不論是產品的一個啟動logo，還是界面的標簽欄，甚至是我們的日常生活，它隨處可見。
但是，你有沒有想過，圖標到底是什么？它最初是什么樣的？我們該何時使用它，何時不使用它？該用什么樣的？具體該怎么去繪制？成套圖標該怎么保持一致性？如果你有任何一點疑惑，歡迎繼續往下閱讀。愿你在閱讀過程中有所收獲：）
wikipedia將圖標廣泛定義為：Apictogram or ideogram displayed on acomputer screen.
翻譯成中文就是：計算機屏幕上的象形圖（pictogram）或表意文字（ideogram）。
要想深究這倆玩意兒，就需要追溯至數千年前的蘇美爾及古埃及文明，那時文字尚未出現，人類為了更方便得識別、表達和交換信息，便發明了一系列具有指代含義的圖形和符號。
象形圖其實屬于表意文字的一種，他們之間最最簡單的區別就是，前者代表了具象的事物，后者則代表了抽象的概念，為了讓你們更好理解，我畫了一幅圖來舉例：
左圖的圖標指代了“香煙”這個具象的、現實可見的事物，屬于pictogram；而加上一個圈+斜杠后，就指代了“禁煙”這個抽象的概念，屬于ideogram。
這些概念也就是我們今天所熟稱的圖標（icon），并且直至今日我們依然在廣泛使用。比如各種電子設備中的圖標、地鐵站中的箭頭、衛生間標識，道路上的人行橫道標識等等。
相比文字，圖標不僅具有跨越語言的超級優勢，我們人腦對于圖標（圖形）的辨識能力和記憶能力也遠遠高于文字，因此用圖標代替冗長的文字信息可以快速提升信息的獲取速度，人們只需要一瞥就可以快速獲取信息。
提到圖標，就不得不提GUI（Graphic User Interface），也就是就是我們熟知的圖形用戶界面。相比以前需要手動輸入指令的CLI，引入視覺語言的GUI的信息呈現方式更加直觀易懂，在人機交互上也利用鼠標讓這一過程變得極為簡單和高效。
CLI（command-line interface）即命令行界面，比如上古時期的DOS。需要避免與之混淆的是TUI（Terminal user interface），即終端用戶界面，我們重裝電腦時使用的BIOS程序就是最常見的TUI。
GUI并非喬布斯首創，而是誕生在上世紀70年代的施樂公司PARC實驗室所發明的Alto電腦。Alto不僅首次了實現WIMP（ Windows窗口、Icon圖標、Menus菜單、Pointer指針）概念，小巧易操作的特征也讓它成為了世界真正意義上的第一臺個人電腦（emmm那個時代的確是小巧了）。
當年喬布斯去參觀PARC實驗室，被Alto電腦屏幕中牛逼的圖形界面給徹底征服，和Alto比起來，自己的Apple II真的太遜色了。
喬布斯借走這個優秀的想法，挖來施樂的員工來研發具備GUI的個人電腦，也就是我們熟知的Lisa和Macintosh（后改名為Mac），喬布斯還邀請蓋茨來開發應用，但是蓋茨看到了這玩意兒的錢途，招呼不打直接自己照葫蘆畫瓢搞了一套，推出了Windows一代，賺的盆滿缽滿。
而親手創造GUI的施樂呢？由于高層太豬頭，沒有抓住市場機會而導致施樂錯失了這塊到嘴的肥肉，縱使后面研發了施樂之星，也因為過慢的速度和過高的價格被Macintosh和Windows按在地上摩擦。在施樂退隱后，市場理所當然得被蘋果和微軟稱霸，直至今日，我們最常用的依然是MacOS和Windows這兩類操作系統（linux另說）。
雖然施樂給別人做了價值不菲的嫁衣，但是，施樂第一臺個人電腦的GUI依然是值得稱道的偉大靈感，對于互聯網乃至世界的影響都極為深遠。試想一下，如果實驗室的天才們沒有研發出Alto，或者施樂沒有同意喬布斯的拜訪，那很可能不會出現改變世界的Mac、iPhone和Windows。
圖標發展史（Star to XP）：圖標第一次為大眾所接觸應該是從決定商用的施樂之星開始。從簡陋的像素線性到現如今的豐富多彩，其間歷經了近半個世紀。這半個世紀到底發生了啥？圖標最早長啥樣？擬物圖標是怎么來的？別急，且聽我一一道來。
下圖就是施樂之星的GUI（1981年），David Canfield Smith博士創作了成套圖標的設計，所有的圖標都是由矩形和圓角矩形組成，并且文件夾和文檔的折角樣式被沿用至今。
Macintosh的GUI（1984年），由Susan Kare所設計的圖標在保持高度辨認性的同時顯得更生動有趣，她很好得結合了ideogram來創作較為抽象的事物。那個帶有表情的電腦icon是不是很熟悉？這就是macOS中「訪達」功能的最早原型。
微軟的Windows1.0（1985年），不得不說，它的設計讓人一言難盡，撇開系統所預設的配色，不論是圖標的陰影、細節還是風格都高度缺乏一致性，讓人不得不懷疑是不是Steve Ballmer為節省預算親自操刀。
Windows3.0（1990年）的界面去除了以往的配色，并且圖標部分由前蘋果設計師Susan Kare進行了重新繪制，不得不說整個界面都有了相當大的改觀。
Windows95（1995年）算是和我們目前桌面最相似的一版系統了，這版的GUI進行了更大膽的重設計，并且在左下角首次加入了熟悉的Start按鈕，結合任務欄和桌面的布局一直沿用至今，圖標部分也更為精致易懂。而微軟的帝國之路也從win95開始正式打開。
Mac os8（1997年）中引入了大量的等軸測彩色圖標，也就是我們現在常說的2.5D圖標，但是這種立體風格的導致圖標辨識度受到很大的影響，后面也很難見到這種風格的影子了。不過，目前這種風格常用在一些引導頁、banner的插畫中，空間感的塑造讓這個風格有了有無之地。相比常規視角，往往更能抓住眼球。
Windows98（1998年），也就是我們小時候上微機課最常見的系統。圖標相比95更加精致了，并且首次使用了漸變色來增強視覺層級。
而Mac os x（2001年）的界面堪稱經典，相比上一代可以用巨變兩個字來形容。
它首次定義了“擬物”這個迷人的概念，所有圖標都進行了照片級的超精細繪制，并且所有按鈕加入了水晶般的質感和拉近用戶距離的大圓角，這個版本也首次加入了DOCK來讓用戶快速進入一個程序，同時也賦予了大量的動畫。
可以說，它的影響是顛覆性的，后續的所有擬物風格（不分pc和移動端）全部源自這版GUI！同時，它也影響了數代UI設計師。（想起了Andrew自己入門時練到吐血的擬物圖標。。）雖然十余年的擬物時代已經不在，但蘋果這一款經典之作無疑是設計界的標桿。
btw，大量的半透明和反射效果讓這個版本界面有一個很好聽的名字，Aqua，翻譯過來是水的意思。
而蓋茨在2001年正式推出的Windows XP，也正是受Mac os x精致的擬物風的影響。雖然同樣是擬物風，但是過于絢麗的色彩和粗糙的質感總感覺有點買家秀的意思。
每個改變世界的產品背后都有一段耐人尋味的故事～不論是古埃及文明中古老的象形文字，施樂之星中的黑白線性圖標，亦或是Mac os中精致浪漫的擬物圖標，撇去主觀視覺上的滿足，本質上其實都是為了更高效、快捷得展示和傳達信息。
下半部分，我將為你帶來XP之后的圖標史，包括了移動端、扁平時代、material design等我們熟知的內容~
我是Andrew，我們下期見。
參考資料
[1]wikipedia.
[2]Operating System Interface Design Between 1981-2009,Wdd Staff.
[3]趣話電腦圖標的前世今生, Marcin Wichary.
[4]蘋果用戶界面Aqua背后的故事,周兆熊.
[5]”Apple rattles lawyers at DesktopX over Aqua”. Lettice John.
[6]”Interview of Susan Kare” of Making at Macintosh.
Andrewchen；微信公眾號：轉行人的設計筆記，人人都是產品經理專欄作家。中科院碩士自學轉行，擅長通過文字幫助年輕設計師成長和提效。延遲滿足、長期主義。
本文原創發布于人人都是產品經理，未經許可，禁止轉載。
題圖來自 Unsplash，基于CC0協議。