一、配色類網站
http://colorhunt.co
這個網站給我們提供了很多的配色方案,我們直接使用就OK了。使用方法也很簡單,鼠標移動到對應的顏色上,我們就可以看到顏色的十六進制碼,復制這個顏色到工具里就可以使用了。
https://webgradients.com/
180種漸變方案供你選擇,還可以直接復制CSS樣式應用到網頁中
https://color.adobe.com/zh/create/color-wheel
這個是Adobe公司出的,他提供了多種配色方案。我們點擊圓盤中間的點,就可以調整出我們想要的配色方案。
http://www.colorhunter.com/
這是一個提取現有圖片配色方案的工具。我們上傳一張圖片,它就會幫我們把圖片的配色提取出來供我們使用。
http://www.bootcss.com/p/websafecolors/
這個網站是為WEB設計,開發中經常用到的安全色。網站內列出了顏色的十六進制碼和RGB碼,復制粘貼就可以了。
http://www.sioe.cn/yingyong/yanse-rgb-16/
這是一個在線RGB和十六進制顏色碼轉換工具。在對應的位置填入十六進制代碼,點擊轉換,我們就可以獲取到RGB顏色的代碼了。
二、圖標類網站
http://www.iconfont.cn/plus
這是阿里巴巴旗下的圖標庫網站,直接搜索關鍵詞就可以找到大批的圖標。下載圖標的時候我們還可以選擇顏色、大小、格式,根據自己的需要下載就好了。
http://www.easyicon.net/iconsearch/ios/
這也是一個非常有名的圖標庫,與上面那個不同的是,這里的圖標不是單一顏色的,而是設計好的顏色。下載圖標也很簡單,直接點擊對應圖標上面的格式就可以下載。
http://www.thinkcmf.com/font/search.html
奧森圖標(Font Awesome)提供豐富的矢量字體圖標—通過CSS可以任意控制所有圖標的大小 ,顏色,陰影。

三、插件類網站
http://www.jq22.com/
這個網站分享jQuery插件和提供各種jQuery特效的詳細使用方法,在線預覽,jQuery插件下載及教程
http://www.htmleaf.com/
這個網站與上一個網站類似,也提供了大量的jQuery插件
http://www.layui.com/
這是一個強大的模塊化前端框架
http://www.h-ui.net/index.shtml
H-ui前端框架,一個輕量級前端框架,簡單免費,兼容性好,服務中國網站。
四、素材類網站
http://588ku.com/
千庫網,一個免費下載圖片素材的網站
https://unsplash.com/
Unsplash是一個分享免費高質量照片的網站,照片分辨率都挺大,而且都是真實的攝影師作品,圖片多是風景和靜物。

五、字體類網站
http://www.youziku.com/onlinefont/index
有字庫,一個免下載字體,直接在線引用字體的網站。
http://www.psjia.com/pssc/fontxz/list_18_3.html
PS字體庫,包含了幾乎所有類型的字體,下載好安裝,PS中就可以使用了。
六、工具類
http://tool.lu/
一個在線工具網站,包含大量在線工具
http://www.xueui.cn/design/online-tools
方便好用的UI設計工具合集
https://tinypng.com/
一個在線圖片壓縮工具,可以批量使用
http://www.css88.com/
各種前端類工具和技術文章
七、UI框架
http://element-cn.eleme.io/#/zh-CN/component/typography
Element UI 是一套為開發者、設計師和產品經理準備的開源組件庫。
https://muse-ui.org/#/zh-CN
基于 Vue 2.0 優雅的 Material Design UI 組件庫
https://youzan.github.io/vant/#/zh-CN/intro
輕量、可靠的移動端 Vue 組件庫
http://amazeui.org/
中國首個開源 HTML5 跨屏前端框架
http://sui.taobao.org/sui/docs/
SUI 是一套基于bootstrap開發的前端組件庫
https://github.com/iview/iview-admin
iView admin是基于Vue.js,搭配使用iView UI組件庫形成的一套后臺集成解決方案
【強力推薦】
今天就分享這么多吧!大家如果有什么好的工具或者是網站,可以留個言分享一下。咱們共同學習,一起進步!
最后編輯于 :
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。