精緻是一種視覺感受，讓用戶產生精緻的感覺，能夠潛移默化的提升主觀滿意度，更好的傳達品牌訴求。我們都想讓產品看起來更精緻，但是具體應該如何判斷和把握呢？特別是對於沒有設計經驗的產品決策者和參與者，更需要獲得一些線索，將精緻的感覺落到實地。

營造精緻感，最重要的是細節。產品都是由一個個細節堆積而成，對於細節的精確把握和控制，在各種各樣的產品中都同樣重要。例如奢侈品的包包，浮在上層的是品牌，而落實在產品中的，是強調一個個細節的做工。當買到一個 LV 的包時，發現上面有線頭出來，會有什麼樣的感覺？立刻會將你的感受從 LV 專賣店降低到服裝批發市場。

對於互聯網產品，細節上的精緻最需要重要的是兩個方面：精確和正確，豐富和細膩。

細節的精確和正確，體現在界面上，我們常常看的是位置和尺寸。界面如何賞心悅目？是由一個個精確到像素的細節構成的，帶給人的是視覺上的舒服。合格的設計師，都能夠一眼看出一個像素的差別，這就是所謂「像素眼」。很多時候，人們不會關注到這些精細的地方，不會知道哪裡的陰影角度不對，哪裡差了一個像素沒對齊，但是最終就會覺得是不好看。精確到像素級，是保障界面效果的起碼要求。

對於對稱、平衡和完美的偏好是人類的本能，像素級別的打磨，正是為了滿足這種本能，營造出「舒服」的視覺感受。具體來說，我們常常需要注意的是對齊、間距、位置關係、連接處的過渡、陰影的方向等等。

界面元素在屏幕上的排列必須有秩序，左對齊、右對齊、居中對齊，等等，有序的組織在一起。間距也是同理，界面左右兩邊的間距要看看是不是一樣，元素與元素之間的間距，應該也是有規則的，相同類型的元素，間距的分布一般情況下也應該是相同的。不同元素從左向右、從上到下的排列，也應該都是有道理的。

而豐富和細膩，則意味著是否考慮了細節的光影效果？在圖標上、在色塊里，哪裡需要有高光？在按鈕的某個地方，是否需要加一條1像素的線？哪裡的邊緣需要修飾一下？哪個圓角需要處理？

在很多關於喬布斯的書籍和影視作品中，都有一個細節，就是喬布斯執意要在系統的界面中採用圓角。在圖形用戶界面技術尚不完善的時代，實現圓角是一項挑戰。讓計算機畫圓、畫曲線，現在看起來天經地義，但是背後是一系列的公式和演算法，計算機圖形學是一點點積累起來。然而最可貴的、卻也是真正能體現喬布斯產品感覺的，正是對於這樣微小細節的堅持。

對於界面的動效，細膩往往體現在對於時間、節奏和加速度的把握上。一個在運動中的界面元素要停止，是猛的停下來？還是有一個逐漸減速的過程？需要多長時間？運動軌跡該是什麼樣？在「把玩」產品時，這樣的小細節同樣能夠感受到產品的細膩與否。儘管用戶並不能系統的說出這樣的區別，但是最終他們能夠感到精緻與否。

精確和正確，豐富和細膩，同樣還體現在內容之中。

寫文章的人遣詞造句，往往都要字斟句酌，而現在的互聯網產品，內容往往直接決定了用戶數據，決定了購買與否，這裡面的精確和正確更值得重視。用戶對於內容的吸收是一層層展開的，有些內容是入口，引導用戶進入，然後為用戶傳遞更多的內容。產品運營中常犯的錯誤是自嗨，表達了自己能夠理解的內容，用自己的語言，而非用戶的語言，造成誤解。

在某個網上銀行系統里，很多地方都使用了「交易」這次詞。用戶為網銀換了一套界麵皮膚，然後在記錄里就出現了「交易成功」。用戶就有些暈了，為什麼換個皮膚還要收費？原來，「交易」是內部的術語，銀行將各種操作都成為「交易」，但是用戶可不這麼理解。精確和正確，就是要使用用戶能夠看得懂的內容，使用用戶的語言說話，避免一廂情願。

人們對於內容的豐富和細膩的需求是與生俱來的。在互聯網發展的今天，還有越來越多的觀眾湧向電影院，就是因為電影院的內容表現和體驗更好。

數年前，在網路帶寬還比較小、網速比較慢的時候，某個互聯網服務要為用戶提供手機圖片內容。他們發現，用戶對在手機上看圖片內容有強烈的需求，但是因為網速慢，下載的時間比較長，怎麼能讓用戶的體驗更好呢？提升速度的最直接辦法，就是壓縮圖片，減少圖片的大小。於是他們這樣做了，但是結果是用戶大量流失，根本不買賬。因為用戶就是奔著高清圖片來的，現在雖然速度提升了，但是圖片的清晰度卻變差了，為什麼還要再使用呢？

很多產品的問題在於缺少有品位的圖片和視頻編輯，而不僅僅是內容的數量本身。豐富和細膩的圖片和視頻，無論是在清晰度、封面的選擇、排版、景深等等，都有非常多的要點，既需要專業能力，也需要審美的意識。

喬布斯早年在字體課上的學習，對於之後自己產品審美的形成很有幫助。好的產品決策者，都需要培養自己的美感，培養自己對細節的重視，不妨試試先從觀察產品中一個像素的差別、一張圖片內容的好壞開始。

--

更多內容請見：

連載中：產品設計的思考方式（目錄）

如果文章真對你有幫助，感謝「讚賞」，因為「讚賞」是一種力度更強的點贊。

推薦閱讀：