一張壁紙的設(shè)計思考(4)

朋友的需求，不會挑剔，不會反復(fù)，設(shè)計的心情自然是很安逸的。

朋友是個主機(jī)商，經(jīng)常跟他聊天的時候他會跟我說，又因為什么什么需求飛到了香港，獨自蹲在機(jī)房里吧嗒吧嗒的輸入著枯燥的命令，而他說這話的時候，又常常正是中午……辛苦可見一斑。

好了，IT 男、每天跟命令打交道。這是這個設(shè)計面向的對象（不是面向?qū)ο缶幊�，我怎么想到了這個……難道暴漏了我半吊子程序猿的身份？低調(diào)……），那么我們要注意這個身份對應(yīng)的愛好以及習(xí)慣特點。

純色，這種 IT 男一般比較專注，復(fù)雜的背景只會讓其感到信息量大，影響情緒。你說為什么？那為什么二次元在 IT 宅中那么流行？還不是因為信息量比現(xiàn)實或者三次元小么？（你對比一下二次元的圖片和照片的大小也可以得出相同的結(jié)論）

額，上邊說的什么？我沒看見，什么都沒看見！專注工作的人一般都喜歡簡潔，以便減少干擾，可以全身心地投入到對工作的思考中去，所以選擇純色，不能太亮，要深沉，穩(wěn)健，畢竟這張壁紙可能在他們公司中用，總要有點商業(yè)范。

但是不能太亮也不能太暗，黑色自然要排除，因為太壓抑，影響心情。那么怎樣一個倆都合適呢？這是一個復(fù)雜而簡單的問題。

說復(fù)雜，是因為你要是去考慮各種配色理論等等去確定一個準(zhǔn)確的數(shù)值是一件很不容易的事情。說簡單，是因為我有特別的技巧。——省眼，這是一個附屬功能（或者根本不是功能，現(xiàn)在很少有人去看壁紙，比如我就幾天都不看一眼桌面）。但是省眼的另一層含義則是——舒適。

舒適的亮度是什么？是融入周邊環(huán)境的亮度，融入而使人忘記存在的其感覺。說起來好復(fù)雜，好高大上的樣子哦~其實，就是黑色的顯示器邊框在正常光線房間中的亮度。

為什么是黑色顯示器邊框？IT 男偏愛黑色啊~這時候的亮度與顯示器渾然一體，仿佛一切本該如此，舒適度很高的。

亮度確定了，然后是色彩的選擇，我選擇了藍(lán)色，為什么？IT 男愛藍(lán)色（哎哎，剛才你好像說是愛黑色啊），藍(lán)色會顯示科技范，給人未來感。這個配色的正確性微軟已經(jīng)給出了證實，比如他們選擇了藍(lán)屏死機(jī)而不是綠屏紅屏花瓶（花屏），為啥？還不是讓你第一眼看到就覺得，Oh，it's so COOL！

開玩笑啦~藍(lán)色是商業(yè)和科技的共同首選配色，我不用他用誰？有了亮度和色彩，那么我們在調(diào)色盤里進(jìn)行選擇就很簡單了，而且其實我們不需要太過精確，只要看著舒適就足夠好了，于是我選擇了 #313440 這個顏色

純色那種光溜溜的感覺，總會看的人眼睛在上面打滑，嗯就是這么一種感覺。太純了就素了，所以我們總要進(jìn)行適當(dāng)?shù)男揎椀�。也許漸變是一種好辦法，比如徑向漸變，讓壁紙的中間略略的亮起，在這種簡潔的壁紙中這種小技巧還是很實用的。

但是這里有一個很技術(shù)的性的原因?qū)е挛覀儽仨毣乇軡u變——這種代碼男的工作環(huán)境對顯示器的要求很低，其實黑白顯示器他們都能湊合（如果有的話），那么……如果……你還記得我夢當(dāng)年面對的 32 位色 和 256位（真色彩）的時候的漸變是什么樣子嗎？一條一條的婉若彩虹，我們總不希望自己的作品被人看到那樣一副德行展示吧。

所以我選擇了添加雜色，這種方法簡單卻不單調(diào)（比如圖案疊加很容易產(chǎn)生重復(fù)感或者形成如布紋的紋理感）。雜色的密度是可以很高的，而雜色的顯示則只是淡淡的，只要緩解視覺上的單調(diào)感就可以，完全沒必要讓人注意到它的存在，比如我選擇的是 16% 的透明度，使得它在那里，影響著你的感受，你卻很難留意到它的存在。在此表揚一下默默無聞的起著作用的雜色君。

主體只需要網(wǎng)址即可，但是只是寫上網(wǎng)址又顯得呆呆的。所以要給他一個合理的出場方式。監(jiān)獄朋友每天面對各種命令窗口，那么我也讓網(wǎng)址按著命令窗口中的格式去顯示好了。你也許會說，這個創(chuàng)意是不是先有的，所以我才選擇了深色背景？

這個還真不是，作為一款壁紙，我首先注意的是它的顏色對于需求的適合與舒適，然后才是內(nèi)容的創(chuàng)意。其實就算我選擇淺色背景我一樣可以使用這個創(chuàng)意，只是把文字換成深色即可。不信你可以試試，把文字和背景的顏色對調(diào)，一樣舒適。

然后就涉及到了幾個小問題：

1.提示符

命令窗口的提示符其實有很多種樣式，這里我選取了兩種樣式，一種是 “>” 一種是 第二行的綠色矩形。之所以使用兩種，就是為了讓人清楚地意識到這是在命令行中的顯示狀態(tài)，否則很容易讓人不知所云。包括 “>” 在兩行行首的使用與實際有所差別也是為此目的。畢竟我決不可能按照實際畫一個窗口上去，那么我必須使用一些特別的元素讓人清楚地意識到這是什么，于是我選擇了最有代表性的元素——提示符。

2.等寬字體

一般的，常寫代碼的朋友都喜歡使用等寬字體，但是為了美觀我則選擇了一款比較中性的沒有復(fù)雜變化與裝飾的字體。

簡潔易識別是為了尊重程序猿的喜好，而不用等寬字體則是為了一定程度上的美觀，這是設(shè)計與現(xiàn)實結(jié)合產(chǎn)生的結(jié)果。

3.字體大小

不要好大！雖然我們經(jīng)常會做一些文字大出畫布的設(shè)計來凸顯文字。但是在這個案例里千萬不要。因為一般命令行的文字都是很小的（當(dāng)然自己設(shè)置除外，不過大多數(shù)情況如此）。我們?nèi)绻盐淖址诺煤艽�，就會顯得很反常，讓人不舒服。

但是很小呢？其實小一些在使用上不會有什么問題，使用者的感受應(yīng)該也是不錯的，畢竟這很符合程序員的日常習(xí)慣（雖然未必符合設(shè)計師的審美）。但是這里我們要注意到這樣一個問題，這款壁紙可能會被他們公司使用，進(jìn)而的，在某些宣傳照片（拍攝辦公環(huán)境）中顯示，這時候要使網(wǎng)址清晰地展示就比較的重要了，所以文字不宜太小。應(yīng)當(dāng)在讓程序員覺得和諧的情況下適當(dāng)放大。

4.文字顏色

其實命令行常見的配色有兩種：黑底白字和黑底綠字。但是綠色文字明顯的不夠突出或者不夠和諧，所以我選擇白色，然后調(diào)整亮度，使其與整體亮度和諧，于是實際上選擇的是亮灰色。

5.提示符顏色

這里說的是第二行綠色矩形的顏色，實際命令行中的的綠色提示符是亮綠色，但是此處為了整體和諧改成了暗綠色，自此整體配色渾然一體，這主要是亮度的統(tǒng)一。

6.文字位置

壁紙中內(nèi)容絕不靠左，因為可能影響圖標(biāo)的顯示效果，造成識別困難。

壁紙中內(nèi)容絕不靠邊，因為在不同大小屏幕中可能會有各種情況的裁切造成無法完整顯示。

那么是不是簡單的上下左右居中就可以了呢？不是！

我們要考慮到任務(wù)欄（Dock）會遮擋一部分壁紙，所以如果只是簡單的居中，在實際使用中你總會覺得內(nèi)容偏下。

正確的辦法是：左右居中，然后上移 30像素（根據(jù)實際情況）。我這里實際上是以第二行為基準(zhǔn)居中。

仿佛如此壁紙就制作完成了。但是這里還有一個小細(xì)節(jié)。

雜色如果只加在背景上會讓背景和主體內(nèi)容的質(zhì)感不同，而導(dǎo)致主題的不融入。

所以事實上我的做法是：復(fù)制一個純色背景層，添加雜色，設(shè)置透明度 16%，然后把這個圖層放在所有圖層之上（下圖對比兩種方法，契苾還是很大的）。

至此，一款色調(diào)完美融合完美極客風(fēng)簡潔壁紙完美出爐~