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

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

朋友是個(gè)主機(jī)商，經(jīng)常跟他聊天的時(shí)候他會(huì)跟我說(shuō)，又因?yàn)槭裁词裁葱枨箫w到了香港，獨(dú)自蹲在機(jī)房里吧嗒吧嗒的輸入著枯燥的命令，而他說(shuō)這話的時(shí)候，又常常正是中午……辛苦可見(jiàn)一斑。

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

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

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

但是不能太亮也不能太暗，黑色自然要排除，因?yàn)樘珘阂�，影響心情。那么怎樣一個(gè)倆都合適呢？這是一個(gè)復(fù)雜而簡(jiǎn)單的問(wèn)題。

說(shuō)復(fù)雜，是因?yàn)槟阋侨タ紤]各種配色理論等等去確定一個(gè)準(zhǔn)確的數(shù)值是一件很不容易的事情。說(shuō)簡(jiǎn)單，是因?yàn)槲矣刑貏e的技巧。——省眼，這是一個(gè)附屬功能（或者根本不是功能，現(xiàn)在很少有人去看壁紙，比如我就幾天都不看一眼桌面）。但是省眼的另一層含義則是——舒適。

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

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

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

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

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

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

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

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

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

然后就涉及到了幾個(gè)小問(wèn)題：

1.提示符

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

2.等寬字體

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

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

3.字體大小

不要好大！雖然我們經(jīng)常會(huì)做一些文字大出畫布的設(shè)計(jì)來(lái)凸顯文字。但是在這個(gè)案例里千萬(wàn)不要。因?yàn)橐话忝钚械奈淖侄际呛苄〉模ó?dāng)然自己設(shè)置除外，不過(guò)大多數(shù)情況如此）。我們?nèi)绻盐淖址诺煤艽螅蜁?huì)顯得很反常，讓人不舒服。

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

4.文字顏色

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

5.提示符顏色

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

6.文字位置

壁紙中內(nèi)容絕不靠左，因?yàn)榭赡苡绊憟D標(biāo)的顯示效果，造成識(shí)別困難。

壁紙中內(nèi)容絕不靠邊，因?yàn)樵诓煌笮∑聊恢锌赡軙?huì)有各種情況的裁切造成無(wú)法完整顯示。

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

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

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

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

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

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

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