今天，派臣網(wǎng)絡(luò)跟大家分享一篇網(wǎng)頁設(shè)計文章。

我們說，將網(wǎng)站界面中的色彩，對照和內(nèi)容放在一起構(gòu)成3C要素，并不僅僅是因為它們的單詞開頭都是字母C，而是它們本身在UI設(shè)計中都占據(jù)這足夠突出的地位，有著無與倫比的必要性。

第一個部分派臣網(wǎng)絡(luò)先給大家講色彩（Color）原因，色彩是絕大多數(shù)設(shè)計給客戶傳遞的最顯著的視覺元素之一。設(shè)計師和非設(shè)計師都會常常聊到色彩，對于不同色彩的大家有著不同的感受和體驗。色彩本身常常就可以創(chuàng)造出獨特的情感體驗，即使沒有其他的元素。任何可見的色彩，體現(xiàn)在任何人面前，幾乎都可以獲取反饋。這也使得色彩在設(shè)計中有著獨特的地位。

派臣網(wǎng)絡(luò)告誡各位設(shè)計師，色彩強大，能夠成就設(shè)計，也能毀掉設(shè)計。色彩在界面當(dāng)中影響著眾多不同的功能和屬性：

色彩會影響到網(wǎng)站的可用性和可讀性，品牌認知度和品牌意識 客戶視覺和交互 信息組織和客戶環(huán)節(jié) 設(shè)計的整體體驗 設(shè)計師能夠啟用色彩創(chuàng)立清晰易懂的導(dǎo)航、直觀的交互、為整個項目設(shè)定情緒、創(chuàng)立強大的可供引用的元素、體現(xiàn)設(shè)計的主題，營造氛圍 但是這并不是意味著將不同的色彩簡單的混合到一起。

配色方法是控制設(shè)計當(dāng)中不同色彩組合的合集。設(shè)計師通過創(chuàng)立配色方法，系統(tǒng)地對品牌和UI界面的色彩進行管理，這確保了品牌和UI 在色彩的使用上保持著高度的統(tǒng)一。配色方法中的具體搭配是植根于色彩理論的。色彩從來都不是越多越好，通常配色方法當(dāng)中，色彩數(shù)量要控制在3種左右。

另外，派臣網(wǎng)絡(luò)還要給大家講的另外一種策略，是基于黑白兩色來構(gòu)建整個設(shè)計，然后再加入更多的其他色彩，將整個配色方法豐富起來。黑白兩色確保了整個設(shè)計的輪廓足夠清晰，不過在后續(xù)加入配色的時候，要留意色彩的數(shù)量，以及色彩之間的對照度。

而這也正好牽涉到第二個“C”，也就是 Contrast，對照，元素之間的差別往往可以借助對照來凸顯。創(chuàng)立富有層次的視覺結(jié)構(gòu)，讓內(nèi)容的可讀性更強，讓信息更容易被客戶所了解和吸收。對照強烈的元素讓客戶輕易地留意到構(gòu)成對照的元素，創(chuàng)造自然的視覺模式和客戶環(huán)節(jié)。

派臣網(wǎng)絡(luò)認為，對照度的必要性之所以如此之高，很大程度上是因為它廣泛的適用性和顯著的實用性。在控制對照度的時候，你需要明晰對照度通常所涉及的元素種類和屬性：色彩對照、尺寸對照、方向?qū)φ?、空間對照、形狀對照等，在討論UI的可訪問性的時候，對照度始終是關(guān)鍵性的原因。

另外，空間上的對照營造也很有技法，啟用不同的留白來營造疏密對照。如果你想讓某一部分內(nèi)容更容易吸調(diào)用戶的留意力，不妨讓它周圍有更多的留白。

簡而言之，對照是通過對立的差別化來創(chuàng)造吸引力?？此撇煌脑貙嶋H上能夠搭配起來，達到一目了然的效益。要知道對照是否達到了你的預(yù)期效益，在查看屏幕上元素的時候，不妨思考下面的幾個原因：

可讀性：文本和圖形是否都清晰可辨別？

清晰度：一個元素和另外一個元素之間能否輕易分辨？

可訪問性：你的設(shè)計是否可以服務(wù)更多的客戶？

上下文環(huán)境：客戶是否能在特定的地點特定的場合明白你的設(shè)計？

3C要素中最后的一個組成部分就是內(nèi)容（Content）。派臣網(wǎng)絡(luò)認為，客戶界面中的內(nèi)容非常豐富，涵蓋了從圖像、文字、圖標(biāo)、品牌等所有相關(guān)的信息。內(nèi)容還包含視頻以及種種微文案甚至UI控件上的介紹和標(biāo)簽。

所有的這些元素匯聚到了一起，構(gòu)成客戶界面，甚至讓設(shè)計變?yōu)閮?yōu)質(zhì)和特別。為什么客戶會停留在這個界面而不是去別的地方？因素就是內(nèi)容。

只有內(nèi)容是不夠的，內(nèi)容本身要足夠精彩。高分辨率的圖片，涵蓋有用信息的文本，和你的競爭對手的內(nèi)容相比，你所創(chuàng)立的內(nèi)容必須更加優(yōu)質(zhì)，更加有料，更加突出。必然是一個艱巨的任務(wù)。

派臣網(wǎng)絡(luò)告誡大家，一定要讓客戶看到內(nèi)容的真實，和你的情感產(chǎn)生共鳴。