用 Sketch 3 調整了下 iOS 9 的配色

我之前吐槽過新 iOS 就視覺衝擊失衡（相比 iOS 6 而言矯枉過正）方面的設計缺陷，今天我用 Sketch 3 弄出了我理想的 iOS 9 概念配色方案。

示範 PDF 下載：

• 牆外：https://app.box.com/s/bju44n7vbztzbmqfjdstg9sw263t2eb9

• 牆內：http://pan.baidu.com/s/1o7zVECq

以下是擷圖。

黑字全局狀態列當中，用以指示電池殘量的配色，亮度降低。

其實，如果是白色全局狀態列的話，這文字最好不要用純白、略暗一些更吸睛。

小元素部分：

除了用以數字腳標提醒的紅色、以及大頭針以外，其他的警醒正紅均降低鮮艷度。

另外，原先亮瞎眼的開關正綠被我改成消毒藍、且降低透明度。

撥號盤、應用標題、應用底部功能頁面切換：

電話號碼鍵盤在這裡被改回 iOS 6 醒目而不傷眼的配色方案（但還是扁平）。

淺色鍵盤的顏色做了調整，深色鍵盤未變；搜尋列的配色如下圖：

在諸如選項設定類的畫面當中，每一條項目均降低亮度：

然而，如果是其他以內容呈現為主的畫面的話，項目背景亮度仍為純白：

指令條配色的色彩鮮艷度也跟著降低（思路同前文）：

活動檢視畫面：

（抱歉，上圖當中的 Cancel 忘記改成前幾張圖片那樣的暗色背景了）

圖示背景顏色填充由線性改為發散、加上 5% 的圖示邊角陰影，增強吸睛力。

（這個陰影可能需要根據圖示本身的顏色做出動態演算調整，畢竟就目前的這陰影、這淺色畫面背景、加到純白色的圖示上的效果而言…還是會略顯禿兀）

大概就是如上文所示這樣子。

最後再來一張我試圖扁平化的 iOS 6 範本（基於 Bryan Clark 製作的 iOS 6 範本）：

# EOF.

推薦閱讀：