編者按：說(shuō)到OS X，作者的描述是：在其精致卻不張揚(yáng)的 UI 下所蘊(yùn)藏的是無(wú)數(shù)對(duì)于細(xì)節(jié)的追求。這些細(xì)節(jié)下的設(shè)計(jì)總會(huì)在不經(jīng)意間讓你體會(huì)到水果對(duì)于完美的定義和對(duì)用戶體驗(yàn)的追求。究竟有哪些細(xì)節(jié)令人驚嘆而又鮮為人知，在這里作者選出了自認(rèn)為「少數(shù)派」的十項(xiàng)細(xì)節(jié)設(shè)計(jì)。

在 OS X Yosemite 正式發(fā)布前，讓我們一起來(lái)聊一聊有關(guān) OS X Mountain Lion 的十大細(xì)節(jié)設(shè)計(jì)，不過(guò)在開(kāi)篇前先說(shuō)個(gè)題外話。

1997 年，德國(guó)大眾啟動(dòng)了一項(xiàng)名為 D1 的項(xiàng)目，目的是打造一臺(tái)可以與奔馳 S-Class 和寶馬 7 Series 相抗衡的高端豪華轎車(chē)。眾所周知，這輛車(chē)就是 Phaeton「輝騰」。鑒于它是一輛掛著 VW 標(biāo)卻最高可以買(mǎi)到 250+ 萬(wàn)的車(chē)，所以關(guān)于它的段子從來(lái)都不缺素材。 某日，一輝騰車(chē)主去洗車(chē)，旁邊一位捷達(dá)車(chē)主慢悠悠的踱了過(guò)來(lái)，繞著輝騰看了兩圈，然后對(duì)輝騰車(chē)主說(shuō)：老兄，你這輛帕薩特是不是才下線的？輝騰車(chē)主一臉無(wú)奈，點(diǎn)頭說(shuō)了一個(gè)「嗯」字。捷達(dá)車(chē)主又說(shuō)：樣子還湊合，大概要 30 萬(wàn)吧？輝騰車(chē)主再次無(wú)奈，再次回答「嗯…」
?
看到這里或許你會(huì)奇怪為什么要在一篇 OS X 的文章中講一輛八桿子打不著的汽車(chē)。別急，之所以提到 Phaeton，是因?yàn)樵谖铱磥?lái)它和 OS X 有著一個(gè)共同的設(shè)計(jì)理念，那就是「力求完美，細(xì)節(jié)制勝」，所以容我再多說(shuō)幾句。

Phaeton 在設(shè)計(jì)初期，時(shí)任大眾總裁的皮耶希給他的工程師們?cè)诩夹g(shù)參數(shù)上提出了十項(xiàng)只許成功不許失敗的要求。據(jù)說(shuō)由于太過(guò)苛刻，還導(dǎo)致了部分工程師的離職。而傳說(shuō)中的這十項(xiàng)要求也因商業(yè)機(jī)密的限制而未過(guò)多被外界得知，就連 Top Gear 在試駕其 W12 車(chē)型的時(shí)候也只是拿到了其中的一條，即這款車(chē)在環(huán)境溫度 50°C 的條件下，要具備 300km/h 的全天候巡航能力，并始終保持車(chē)內(nèi) 22°C 的恒定溫度。

在這種近乎挑戰(zhàn)工程技術(shù)極限的高要求下，Phaeton 在細(xì)節(jié)上的追求也達(dá)到了令人驚愕的地步。比如其獨(dú)特的「無(wú)直吹風(fēng)四區(qū)域空調(diào)」，不僅在氣流的走向上可以讓車(chē)內(nèi)人員感覺(jué)更自然，而且每個(gè)座位間的獨(dú)立溫度調(diào)節(jié)可以達(dá)到 4 度的溫差效果。再比如「交替式大燈清洗器」，可以在行車(chē)途中對(duì)車(chē)前燈進(jìn)行交替式的清洗，即清洗完一邊，再清洗另一邊。原因是考慮到在光線不好的路段清洗車(chē)燈時(shí)依然可以保證一定的照明效果，確保行車(chē)安全。Phaeton 全車(chē)共注冊(cè)了 100 多項(xiàng)專利，在德累斯頓玻璃工廠通過(guò)半機(jī)械半手工的方式進(jìn)行打造。雖然總被人拿帕薩特打趣，但其雷打不動(dòng)的低調(diào)外形和近乎偏執(zhí)的高水準(zhǔn)工藝，使得在豪華車(chē)領(lǐng)域始終保持著一種特立獨(dú)行的高貴品質(zhì)。

說(shuō)回到 OS X，其實(shí)又何嘗不是如此。在其精致卻不張揚(yáng)的 UI 下所蘊(yùn)藏的是無(wú)數(shù)對(duì)于細(xì)節(jié)的追求。這些細(xì)節(jié)下的設(shè)計(jì)總會(huì)在不經(jīng)意間讓你體會(huì)到水果對(duì)于完美的定義和對(duì)用戶體驗(yàn)的追求。所以我在 OS X 中選出了自認(rèn)為「少數(shù)派」的十項(xiàng)細(xì)節(jié)設(shè)計(jì)。或許這些對(duì)于資深老鳥(niǎo)來(lái)說(shuō)可能早就土星了，但我相信對(duì)于大部分的 Mac 初學(xué)者來(lái)說(shuō)還是有很多是不知道的。當(dāng)然，我所知有限，如果你有更好的，歡迎補(bǔ)充。

TOP 10

要獲取 MacBook / iMac 產(chǎn)品序列號(hào)，通常的做法是點(diǎn)擊屏幕左上角的蘋(píng)果圖標(biāo)，然后依次進(jìn)入「About This Mac」–「More Info…」，但還有一種更便捷的方法，只不過(guò)它像彩蛋一樣被巧妙的藏了起來(lái)。同樣是點(diǎn)擊左上角的蘋(píng)果圖標(biāo)，然后選擇「About This Mac」，在這個(gè)界面中會(huì)看到一行淺灰色的系統(tǒng)版本號(hào)，把鼠標(biāo)指針移上去點(diǎn)一下，你會(huì)發(fā)現(xiàn)它可以在三種不同的信息間進(jìn)行切換，而其中一項(xiàng)就是當(dāng)前產(chǎn)品的序列號(hào)。

TOP 9

提到 OS X 的「System Prefernces」相信用過(guò) Mac 的人都不陌生，不過(guò)要說(shuō)到其右上角的搜索功能恐怕就不一定了，畢竟設(shè)置項(xiàng)都一字排開(kāi)擺在那里，熟悉之后用到搜索的幾率還是很低的。我也是很偶然的一次機(jī)會(huì)用到了這個(gè)搜索，沒(méi)曾想這個(gè)搜索的展示方式被設(shè)計(jì)的如此巧妙。它采用了類似舞臺(tái)聚光燈式的效果將搜索結(jié)果一一標(biāo)識(shí)出來(lái)，并且光圈的亮度與關(guān)鍵詞和結(jié)果的匹配度成正比，即匹配度越高則越亮，反之亦然。視覺(jué)效果很棒，手里有 Mac 的可以試試看。

TOP 8

無(wú)論是什么系統(tǒng)，「幫助」都是必須有的一項(xiàng)「重要」功能。之所以給「重要」打上引號(hào)，是因?yàn)閺漠a(chǎn)品設(shè)計(jì)的角度去看，無(wú)論簡(jiǎn)單還是復(fù)雜，一本說(shuō)明書(shū)總還是要有的；但是從用戶需求的角度去看，「幫助」最好是一個(gè)不需要有的東西，即便有，也該像搜索引擎那樣做到精準(zhǔn)快速的讓用戶找到所需的東西，然后離開(kāi)。由于 OS X 將所有應(yīng)用的菜單都集中在了屏幕頂部進(jìn)行統(tǒng)一管理，所以在其「幫助」功能中，有一項(xiàng)非常特殊的設(shè)計(jì)。當(dāng)你突然忘記或想知道某個(gè)功能在菜單中位置的時(shí)候，只要在應(yīng)用的「幫助」中搜索該功能的關(guān)鍵詞，然后將鼠標(biāo)指針移到對(duì)應(yīng)的搜索結(jié)果上，這時(shí)相關(guān)的菜單會(huì)自動(dòng)展開(kāi)，并將目標(biāo)結(jié)果的位置準(zhǔn)確的標(biāo)識(shí)出來(lái)。

TOP 7

用過(guò) Windows 的朋友都知道，當(dāng)多窗口運(yùn)行時(shí)，用戶正在操作的窗口通常被稱為「當(dāng)前窗口」，它會(huì)較其它「非當(dāng)前窗口」以高亮的形式展現(xiàn)，并且層疊的位置也在最上。當(dāng)用戶需要對(duì)某個(gè)「非當(dāng)前窗口」進(jìn)行操作時(shí)，則必須進(jìn)行窗口狀態(tài)的切換才行。而在 OS X 中，「當(dāng)前窗口」和「非當(dāng)前窗口」的概念依然存在，不過(guò)在對(duì)「非當(dāng)前窗口」的操作中，是可以不進(jìn)行窗口切換即可完成的。只要將鼠標(biāo)焦點(diǎn)移至「非當(dāng)前窗口」即可對(duì)其進(jìn)行滾動(dòng)操作，如若按住 Command 鍵，這時(shí)鼠標(biāo)就具有了穿透功能，不管屏幕上疊了幾層窗口，只要可以看到就可以操作，點(diǎn)擊、滾動(dòng)，甚至拖動(dòng)窗口也都不是問(wèn)題。

TOP 6

?我們都知道無(wú)論是在 Windows 還是 OS X 中，對(duì)窗口尺寸進(jìn)行調(diào)節(jié)的時(shí)，鼠標(biāo)指針的狀態(tài)會(huì)變?yōu)橹甘鞠鄳?yīng)方向的箭頭。但如果你仔細(xì)觀察過(guò)，會(huì)發(fā)現(xiàn) OS X 的指針狀態(tài)在某個(gè)時(shí)候會(huì)與 Windows 有所不同。現(xiàn)在你試著將某窗口貼緊屏幕邊緣，然后將鼠標(biāo)移至靠近屏幕邊緣方向的邊框，你會(huì)發(fā)現(xiàn)即便該邊框已經(jīng)無(wú)法向屏幕邊緣的方向進(jìn)行拉伸，但在 Windows 中鼠標(biāo)指針依然顯示的是一個(gè)雙向箭頭，而在 OS X 中卻顯示的只是一個(gè)指向可調(diào)節(jié)方向的單向箭頭。

?TOP 5

Finder 在「List」視圖模式中可以顯示更多的文件屬性，其中有關(guān)「日期」的屬性共有四種，分別是「Date Modified」「Date Created」「Date Last Opened」和「Dete Added」。當(dāng)你改變其中任何一項(xiàng)的屬性欄寬度時(shí)，會(huì)發(fā)現(xiàn)顯示在其中的日期會(huì)隨著寬度的變化而改變格式。比如屬性欄最窄時(shí)只會(huì)以短格式顯示日期，而屬性欄最寬時(shí)則日期就會(huì)變?yōu)槲淖指袷健?/p>

TOP 4

Dock 欄作為 OS X 的標(biāo)志性設(shè)計(jì)兼具了 Windows 中 Start Mene 和 Taskbar 兩者的功能。它除了顯示常駐在此的應(yīng)用圖標(biāo)，也會(huì)顯示當(dāng)前正在運(yùn)行中的應(yīng)用圖標(biāo)。如果你需要將某個(gè)應(yīng)用常駐 Dock 欄，通常動(dòng)的做法是手將其拖拽至此，或者是在其運(yùn)行狀態(tài)下勾選右鍵菜單中的「Keep in Dock」。不過(guò)水果在這里做了一個(gè)貼心的小設(shè)計(jì)，如果某個(gè)沒(méi)有常駐 Dock 欄的應(yīng)用在運(yùn)行狀態(tài)下被手動(dòng)調(diào)整了順序，那么水果會(huì)認(rèn)為用戶有意識(shí)將其常駐在 Dock 欄中，所以這種情況下便會(huì)「自作主張」的為你勾選「Keep in Dock」選項(xiàng)。

TOP 3

我相信但凡用過(guò) Mac 的人都不會(huì)對(duì)這句「用過(guò) MacBook 觸摸板后發(fā)現(xiàn)其它的觸摸板都是戰(zhàn)五渣」產(chǎn)生絲毫異議。事實(shí)上在水果軟硬件一手抓的政策下，確實(shí)將觸摸板和系統(tǒng)的結(jié)合在大多數(shù)場(chǎng)景下做到了視鼠標(biāo)如無(wú)物的境界。所以在 OS X 的設(shè)計(jì)中，窗口滾動(dòng)條在默認(rèn)狀態(tài)下都是隱藏的，只有在觸摸板上做出滾動(dòng)手勢(shì)時(shí)才會(huì)顯示出來(lái)。但如果系統(tǒng)檢測(cè)到有外接鼠標(biāo)「非水果自家的 Magic Mouse 或 Magic Trackpad」插入時(shí)，則會(huì)自動(dòng)將滾動(dòng)條的狀態(tài)改為始終顯示。

TOP 2

在對(duì)文件進(jìn)行「重命名」的時(shí)候，為防止誤修改「擴(kuò)展名」而導(dǎo)致的文件不可用，Windows 和 OS X 默認(rèn)都只會(huì)自動(dòng)選中「文件名」的部分。但在 OS X 中水果做得更為極致，在目標(biāo)文件是已知類型的情況下只會(huì)默認(rèn)選中「文件名」部分，而當(dāng)目標(biāo)文件是未知類型時(shí)，則會(huì)默認(rèn)同時(shí)選中「文件名」和「擴(kuò)展名」。

TOP 1

把它列為 TOP 1 是因?yàn)檫@是一個(gè)隱蔽性極高的設(shè)計(jì)，從中你可以看出水果對(duì)細(xì)節(jié)追求的某種偏執(zhí)性。而且我相信這個(gè)設(shè)計(jì)對(duì)于大部分人來(lái)說(shuō)，甚至是資深老鳥(niǎo)，也不一定有過(guò)發(fā)現(xiàn)。一來(lái)是因?yàn)檫@項(xiàng)功能所使用的頻率本就不高，二來(lái)是如果使用環(huán)境不是足夠安靜的話很容易被忽視掉。

當(dāng)你在 OS X 中使用 Dictation & Speech 進(jìn)行語(yǔ)音輸入的時(shí)候，其識(shí)別率的準(zhǔn)確度勢(shì)必會(huì)受到環(huán)境音源的影響，即便是在相對(duì)安靜的室內(nèi)環(huán)境中，筆記本散熱風(fēng)扇的呼呼聲也是一個(gè)不大不小的干擾，尤其是 MacBook 的金屬機(jī)身和對(duì) Flash 的痛恨使其在夏天的表現(xiàn)讓用過(guò)的人都刻骨銘心。但要說(shuō)這個(gè)影響會(huì)有多大，還真不好說(shuō)，畢竟是人都會(huì)提高音量來(lái)應(yīng)對(duì)這種情況，所以沒(méi)多少人會(huì)去在意這個(gè)，可水果不這么想。

現(xiàn)在找一個(gè)安靜的環(huán)境，放一段 Flash 視頻把風(fēng)扇的轉(zhuǎn)速提起來(lái)，然后去偏好設(shè)置中開(kāi)啟 Dictation & Speech，在可以輸入的地方連按兩下 Fn 鍵以開(kāi)啟監(jiān)聽(tīng)功能。你發(fā)現(xiàn)了什么？沒(méi)錯(cuò)，風(fēng)扇 TMD 停轉(zhuǎn)了！！！當(dāng)監(jiān)聽(tīng)功能關(guān)閉后，風(fēng)扇又立即恢復(fù)到之前的轉(zhuǎn)速。我不知道你是什么感覺(jué)，反正當(dāng)時(shí)我和我的小伙伴們都驚呆了。

P.S. 如果你對(duì)產(chǎn)品細(xì)節(jié)設(shè)計(jì)有更多興趣，可以去 UEDetail 看看。

作者微信號(hào)：

說(shuō)到細(xì)節(jié)，首推追波，這幾篇好文讓你徹底了解追波：

Dribbble完全使用指南：
《網(wǎng)頁(yè)設(shè)計(jì)師該怎么用dribbble？》?

Dribbble頂級(jí)大師指南：
《Dribbble上超詳細(xì)的業(yè)界頂級(jí)設(shè)計(jì)師及作品合集》

Dribbble頂級(jí)大師指南續(xù)集：
《拜師學(xué)藝第二彈！Dribbble上50位值得學(xué)習(xí)的設(shè)計(jì)師》?

原文地址：jianshu
作者：24Says

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

=================== 曬照贈(zèng)書(shū)！設(shè)計(jì)師男神女神在哪兒？ ===================

炎炎夏日！送書(shū)解暑！現(xiàn)在優(yōu)設(shè)微信社區(qū)也有送書(shū)福利活動(dòng)啦！

【活動(dòng)日期】本周一（7月28日）至周日（8月3日），發(fā)話題時(shí)附上自己的真實(shí)照片即可。
【活動(dòng)規(guī)則】根據(jù)大家的【點(diǎn)贊量】選取男/女神各一名
【活動(dòng)獎(jiǎng)品】我們會(huì)送出圖靈出版社《網(wǎng)頁(yè)設(shè)計(jì)創(chuàng)意書(shū)（卷2）》哦！

P.S.照片不能作假哦，必須是本人的真實(shí)照片，帶臉照！！ 工作照、生活照、都可以，當(dāng)然一起上更好了(*^__^*)
早發(fā)皂片早收贊，微信的小伙伴們趕快行動(dòng)起來(lái)吧~\(≧▽≦)/~
進(jìn)入優(yōu)設(shè)微信，看到底部 點(diǎn)擊“聊天交友”進(jìn)入【優(yōu)設(shè)聊吧】? 在點(diǎn)擊一次“發(fā)話題”就可以爆照啦~快快行動(dòng)起來(lái)吧~

========================== 參 與 方 式 ==========================

①首先，你要關(guān)注一下優(yōu)設(shè)哥的微信啦~【youshege】或者直接掃描二維碼：

②然后，進(jìn)入優(yōu)設(shè)哥的微信，看到底部，點(diǎn)擊“聊天交友”進(jìn)入【優(yōu)設(shè)聊吧】；

③在點(diǎn)擊一次“發(fā)話題”就可以爆照啦~ 快快行動(dòng)起來(lái)吧~

P.S.群內(nèi)如果有親想要參與微社區(qū)活動(dòng)，但是手機(jī)不支持傳圖發(fā)帖的可以聯(lián)系@【江蘇】花花