技術(shù)員聯(lián)盟提供win764位系統(tǒng)下載,win10,win7,xp,裝機(jī)純凈版,64位旗艦版,綠色軟件,免費(fèi)軟件下載基地!

當(dāng)前位置:主頁(yè) > 教程 > 軟件教程 >

9款關(guān)于配色、PS和網(wǎng)站風(fēng)格的設(shè)計(jì)工具

來(lái)源:技術(shù)員聯(lián)盟┆發(fā)布時(shí)間:2018-12-19 18:12┆點(diǎn)擊:

  網(wǎng)站地址:

  Colorfavs主要用于上傳圖像并獲取圖像顏色,它界面設(shè)計(jì)簡(jiǎn)潔,可以瀏覽優(yōu)秀顏色搭配,有收藏配色方案功能,可以直接拖拽上傳圖像抓取顏色配色,操作方便簡(jiǎn)單。

9款關(guān)于配色、PS和網(wǎng)站風(fēng)格的設(shè)計(jì)工具 三聯(lián)

  2、UIgradients

  網(wǎng)站地址:

  UIgradients是專業(yè)的漸變色分享網(wǎng)站,里面有近上百種豐富的漸變色彩方案可供選擇,設(shè)計(jì)師可根據(jù)自己風(fēng)格來(lái)選擇搭配,此外我們還能直接獲得對(duì)應(yīng)漸變配色的CSS代碼,相當(dāng)方便。

UIgradients

  3、pokepalettes

  網(wǎng)站地址:

  Pokepalettes口袋妖怪是一個(gè)比較特別的配色網(wǎng)站,它里面所有的配色方案都來(lái)自口袋妖怪里面的妖怪角色,口袋妖怪其實(shí)就是我們所說(shuō)的神奇寶貝,相信不少用戶看過(guò)這部動(dòng)畫(huà)片或玩過(guò)這個(gè)游戲。Pokepalettes配色網(wǎng)站目前有600多個(gè)口袋妖怪角色配色,用戶可以輸入角色的英文名稱或者編號(hào)就可以快速轉(zhuǎn)到對(duì)應(yīng)的角色。而主角皮卡丘的編號(hào)是#25,所以這里輸入數(shù)字25然后按回車鍵就可以了,注意不要輸入“#”號(hào)!還有個(gè)小TIPS,就是鼠標(biāo)移到左邊的色塊上可以顯示這個(gè)色塊的顏色值,不同長(zhǎng)度的色塊表示該顏色的使用率多少,最長(zhǎng)的表示顏色使用范圍最多,越短則表示顏色使用范圍越少。

pokepalettes

  4、Brandseen

  網(wǎng)站地址:

  Brandseen是一個(gè)讓玩家選擇品牌Logo的顏色并與原作進(jìn)行匹配的小游戲,顏色相似值越高,得分越高,主要是測(cè)試玩家對(duì)于顏色的敏感度和把握度。

Brandseen

  關(guān)于PS

  1、The Bezier Game

  網(wǎng)站地址:

  其實(shí)從名稱就可以看出來(lái),The Bezier Game是一個(gè)游戲,它與PS的關(guān)系就在于這是一個(gè)用PS中的鋼筆工具來(lái)完成的小游戲,讓大家邊玩邊學(xué)。鋼筆在PS中算是比較難控制與掌握的工具,在The Bezier Game游戲中,首先會(huì)以動(dòng)畫(huà)的方式來(lái)演示一遍貝塞爾曲線畫(huà)法,然后讓用戶自己嘗試去繪制,注冊(cè)之后才可以看到提示,難度會(huì)越來(lái)越大,并且過(guò)了心形這一關(guān)之后就沒(méi)有動(dòng)畫(huà)演示了,需要大家靠自己去完成。在繪制的同時(shí),網(wǎng)頁(yè)上面還有撤銷工具,可以配合使用,而在網(wǎng)頁(yè)下方區(qū)域可以看出你繪制的步驟數(shù)。Tips,要學(xué)會(huì)用shift和Alt鍵來(lái)控制。

The Bezier Game

  2、Assistor PS

  下載地址: vdisk.weibo.com/s/axnLmnhcyWoMC

  Assistor PS是一個(gè)功能強(qiáng)大的PS輔助工具,它有切圖、標(biāo)坐標(biāo)、尺寸、文字樣式注釋、畫(huà)參考線等功能,可以為設(shè)計(jì)師節(jié)省很多時(shí)間。該P(yáng)S工具是免費(fèi)開(kāi)放使用的。

Assistor PS

  3、Griddify

  網(wǎng)站地址:

  用PS做網(wǎng)頁(yè)設(shè)計(jì)或UI設(shè)計(jì)時(shí),繪制參考線是經(jīng)常的事兒,特別是做柵格的時(shí)候,要一個(gè)個(gè)繪制,一個(gè)個(gè)計(jì)算,有時(shí)候會(huì)覺(jué)得挺麻煩的。Griddify可以輕松生成不同間隔的參考線,還支持水平垂直平分,而且操作都非常簡(jiǎn)單。

Griddify

  關(guān)于網(wǎng)站風(fēng)格

  1、Stylify Me

  網(wǎng)站地址:

  網(wǎng)站風(fēng)格指南的制作過(guò)程是有點(diǎn)麻煩,但卻十分有用,它可以讓團(tuán)隊(duì)人員能清楚明確項(xiàng)目的設(shè)計(jì)規(guī)范。就像一本手冊(cè),忘了打開(kāi)一看就知道。Stylify Me就是一款超級(jí)方便的風(fēng)格指南生成工具,只需要輸入網(wǎng)址就能自動(dòng)生成,并能下載PDF版本。

Stylify Me

  2、UX Timeline

  網(wǎng)站地址:

  UX Timeline分享了9個(gè)比較有名氣的品牌網(wǎng)站首頁(yè)改版歷史,分別是Product Hunt, Shazam, Mailchimp, Vimeo, Dropbox, Spotify, Uber, AirBnB, Deezer 等互聯(lián)網(wǎng)品牌網(wǎng)站。點(diǎn)擊進(jìn)入其中一個(gè)品牌后,用戶可以通過(guò)時(shí)間軸的形式,看到該網(wǎng)站首頁(yè)的改版歷史,從 web2.0 質(zhì)感風(fēng)格到扁平化設(shè)計(jì)風(fēng),設(shè)計(jì)與用戶體驗(yàn)都發(fā)生了驚人的變化。

UX Timeline