編者按：今天的酷站兩連發(fā)，一個(gè)分享優(yōu)秀的漸變色方案，配色弱和靈感枯竭的同學(xué)可以來(lái)收一波。第二個(gè)可以在線(xiàn)幫你比較兩個(gè)文檔的差異，常用于程序代碼，兩個(gè)都非常實(shí)用，來(lái)收。

UIgradients

UIgradients 以分享美麗漸變色彩為主的分享站，里面接近上百種漸變配色方案，設(shè)計(jì)師可根據(jù)自己風(fēng)格來(lái)選擇搭配，此外我們還能直接獲得對(duì)應(yīng)漸變配色的CSS代碼，相當(dāng)方便，但要注意瀏覽器要兼容CSS3才行：）

CSS漸變代碼

點(diǎn)擊網(wǎng)站下面的第三個(gè)按鈕「Get CSS Code」或者直接按鍵盤(pán)「回車(chē)」鍵就會(huì)彈出CSS代碼框了，直接復(fù)制里面的代碼就能使用！

一些漸變顏色截圖：

如果要比較兩份文件有什么差異，你通常會(huì)怎么做呢？這很常在開(kāi)發(fā)程序時(shí)遇到，尤其當(dāng)程序代碼更新，可能需要回頭比較兩份不同時(shí)間的程序代碼有了那些變化，就會(huì)用到 Diff 相關(guān)功能。剛好最近在網(wǎng)絡(luò)上找到一個(gè)名為 Diff Checker 的在線(xiàn)服務(wù)，只要把兩個(gè)文字?jǐn)?shù)據(jù)復(fù)制貼上，即可快速比對(duì)兩者的差異性，并以不同顏色條列出來(lái)。

根據(jù)開(kāi)發(fā)者表示，會(huì)開(kāi)發(fā)這項(xiàng)工具是因?yàn)樽约涸谶M(jìn)行的工作會(huì)需要比較文件內(nèi)容差異，無(wú)論是 Word 檔或數(shù)百行程序代碼，而現(xiàn)有的工具不是專(zhuān)為快速比較而設(shè)計(jì)，也因此浪費(fèi)許多時(shí)間試圖要解決這個(gè)簡(jiǎn)單的問(wèn)題。

于是建立了 Diff Checker 這項(xiàng)差異比對(duì)服務(wù)，除了節(jié)省自己的時(shí)間，也提供給更多使用者，當(dāng)你希望可比較兩份文件或程序代碼差異，只要透過(guò)瀏覽器，無(wú)須下載、安裝軟件，即可在在線(xiàn)快速完成這項(xiàng)工作。

此外，Diff Checker 也有簡(jiǎn)單的注冊(cè)及管理功能，可以保存你每次差異比較的結(jié)果，選擇將它刪除，或者繼續(xù)保存于網(wǎng)站上。

Diffchecker

使用教學(xué)

STEP 1

開(kāi)啟 Diff Checker 后，將你的原始文件貼在左側(cè)、變更后的文件貼在右側(cè)，可惜的是它還不支持直接上傳檔案來(lái)擷取內(nèi)容，不然應(yīng)該會(huì)更方便，接著從下方選擇保存時(shí)間，你可以不將它儲(chǔ)存在服務(wù)器上，或者儲(chǔ)存一小時(shí)、一天、一個(gè)月或永久保存。

按下底部的「Find Difference!」綠色按鈕即可開(kāi)始差異比較。

STEP 2

Diff Checker 會(huì)將兩份文件差異處以綠色、紅色、灰色分別標(biāo)記出來(lái)，綠色是文件增加的部分，紅色為刪除的部分，灰色的話(huà)就是缺少的部分啦！另外，右邊也會(huì)顯示一共被移除和增加了多少行，也會(huì)有一個(gè)可以快速預(yù)覽所有范圍變化的色彩圖。

值得一試的三個(gè)理由：

1. 開(kāi)啟瀏覽器即可比對(duì)兩份文件、程序代碼差異變化
2. 以不同顏色標(biāo)示出增加、刪除及缺少的段落
3. 注冊(cè)后可將比對(duì)結(jié)果儲(chǔ)存起來(lái)，方便日后查找使用

【優(yōu)設(shè)酷站十四連發(fā)】

《5分鐘搞定！簡(jiǎn)單三步幫你在線(xiàn)快速設(shè)計(jì)精美LOGO的神網(wǎng)站》
《小白也能做圖表！幫你免費(fèi)在線(xiàn)生成精美直方圖的網(wǎng)站》

《酷站兩連發(fā)！在線(xiàn)圖片壓縮神器+在線(xiàn)配色工具COLOURCO》
《酷站兩連發(fā)！寵物小精靈專(zhuān)屬配色網(wǎng)站+CSS HOVER動(dòng)畫(huà)收集站》
《酷站兩連發(fā)！游戲配色網(wǎng)站+免費(fèi)美女素材特供網(wǎng)站》
《酷站兩連發(fā)！在線(xiàn)配色神器+英文字體推薦網(wǎng)站》
《酷站兩連發(fā)！用代碼呈現(xiàn)DRIBBBLE作品+16進(jìn)制顏色網(wǎng)站》
《酷站兩連發(fā)！專(zhuān)注無(wú)縫紋理素材站+多邊形背景生成器》

原文地址：shejidaren、free.com.tw

【優(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)，專(zhuān)注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線(xiàn)端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū)：史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量106萬(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