設(shè)計(jì)實(shí)戰(zhàn)案例！騰訊同學(xué)為你解密QQ空間配色

編者按：空間主題千千萬(wàn)，忙死開發(fā)累壞設(shè)計(jì)，那么多主題，設(shè)計(jì)師該如何搞定配色，如何與開發(fā)溝通協(xié)調(diào)，今天騰訊DD同學(xué)將成功搞定后的經(jīng)驗(yàn)分享出來 >>>

故事是這樣的

過去空間的配色很多，每次提取確實(shí)如同解密一樣的充滿“驚喜”。

亮瞎眼的鄰近色??相近顏色太多，差異不大，光一個(gè)灰色都有三四個(gè)，隱隱的感覺這是在做色盲測(cè)試。

設(shè)計(jì)師的痛：明明只是想要一個(gè)色值，卻不得不打開差不多100M的PSD文件，去吸取顏色，去尋找顏色代碼，打開時(shí)間可以看看小說了~~~

坑爹的溝通：每次找開發(fā)調(diào)整顏色，都要從界面中截圖說明是跟哪里的顏色，色值多了，別說是開發(fā)，設(shè)計(jì)師都瘋了！

雖然有了標(biāo)注，但是還是可能遇到開發(fā)問：正文色是指什么顏色？色值是？?“色無(wú)能”??害怕增加顏色，想想每個(gè)主題都增加一個(gè)配色，每次增加一個(gè)模塊都需要隨著主題的增長(zhǎng)而增長(zhǎng)，這是找死的節(jié)奏啊 我們對(duì)商城說：姐姐，不要再增加主題了，面對(duì)產(chǎn)品說：姐姐，不要異化模塊了。 社稷師： 我本將心對(duì)顏色，誰(shuí)知顏色照溝渠！趁著夜黑風(fēng)高，咬咬牙，一不做二不休，不如來個(gè)“殺集取卵”~~~

殺：砍掉多余顏色

其實(shí)就是合并相近的顏色，在設(shè)計(jì)的過程中，經(jīng)常會(huì)遇到同一個(gè)頁(yè)面出現(xiàn)2種或2種以上類似顏色的情況，為了規(guī)避這種情況，把相近的顏色進(jìn)行“合并再調(diào)整”，選出一個(gè)更適合的顏色。

集：集合色彩規(guī)則

1.對(duì)不同模塊的顏色進(jìn)行分類，包括“文字、色塊、圖標(biāo)、線條、按鈕”等等。并規(guī)范好每個(gè)分類的名稱,針對(duì)每個(gè)分類下的顏色差異使用1、2、3…的序號(hào)進(jìn)行命名,例如正文色T1、輔助文字T2、高亮文字顏色T3…

2.規(guī)范好能夠適配主題的幾套配色，只拓展主題、不增加配色，多套主題配合一套顏色，讓主題使用無(wú)極限。

取：取出配色代碼

讓設(shè)計(jì)和開發(fā)迅速傳遞信息。確定好10套配色的代碼，并按分類定義色值。這里每一套主題的色值可能會(huì)不一樣，但是編號(hào)肯定是一致的，例如文字T1~T10、按鈕B1~B5…

卵：孵化配色秘籍

當(dāng)你已經(jīng)完成了上面所有的事情，這個(gè)時(shí)候，你只需要給到一個(gè)“txt”文檔開發(fā)，就可以一鍵完成單套主題所有的配色調(diào)整。

開發(fā)哥調(diào)整顏色只需要更新txt文檔即可，再也不用一個(gè)代碼一個(gè)代碼敲了，大大提高效率，同時(shí)也提高了設(shè)計(jì)同學(xué)對(duì)顏色使用的把控度。

【不懼潮流！短期快速提高設(shè)計(jì)能力三部曲】

Step 1：設(shè)計(jì)第一步！版式設(shè)計(jì)基礎(chǔ)原則學(xué)起來！
《設(shè)計(jì)基礎(chǔ)功！幫你徹底掌握設(shè)計(jì)四大原則中的對(duì)比原則》

Step 2：設(shè)計(jì)第二步！配色好整個(gè)界面都高端了！
《秒變配色高手！怎么都不會(huì)錯(cuò)的6條網(wǎng)頁(yè)設(shè)計(jì)配色原則》

Step 3：最后一步！來個(gè)實(shí)戰(zhàn)文你就全懂了！
《設(shè)計(jì)易容術(shù)！如何設(shè)計(jì)一張高品位高水準(zhǔn)的海報(bào)？》

原文地址：騰訊isux
作者：DD

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量93萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：