設(shè)計大神整理的設(shè)計網(wǎng)站大全

時間：2022-08-21 20:42:01 | 來源：網(wǎng)站運營

時間：2022-08-21 20:42:01 來源：網(wǎng)站運營

• Iconfinder - 850,000+ free and premium icons 非常棒的國外圖標(biāo)網(wǎng)站，可以找圖標(biāo)靈感，或者購買感覺不錯的圖標(biāo)。
• Noun Project 也是非常棒的國外圖標(biāo)網(wǎng)站，重點在于都是免費的扁平化圖標(biāo)，可以下載svg進行再創(chuàng)造哦。
• Free vector icons 也是免費的矢量扁平化圖標(biāo)網(wǎng)站，誰用誰知道。
• EpicPxls
  另外一個很棒的圖標(biāo)免費素材網(wǎng)站，很多優(yōu)秀圖標(biāo)素材可以下載。
• Subtle Patterns 紋理素材網(wǎng)站，多用紋理素材，可以給你的設(shè)計加分哦!
• Psds, premium icons & free web design resources for designers a€” latest freebies by PixelBuddha.
  里面的素材都是可以免費下載的源文件，而且質(zhì)量還不錯。
• https://iconstore.co 同樣非常棒的素材網(wǎng)站，而且大多數(shù)是免費的喲。
• Download Free Vectors, Photos, Icons, PSDs and more 免費素材網(wǎng)站，內(nèi)容非常多。
• http://uifest.com/ 這里的素材也非常棒，有收費有免費的。
• UI8 — The marketplace for design resources 很棒的國外素材網(wǎng)站，素材質(zhì)量不錯，大多都收費，小部分免費的素材可以下載學(xué)習(xí)。
• Mockup Zone Mockup的素材網(wǎng)站，有收費也有免費的。
• Textures.com 紋理素材網(wǎng)站，很多材質(zhì)的紋理都可以在這里找到哦。
• Over 388,119 Free Photos and Textures 免費圖片素材庫，數(shù)量很多。
• Unsplash | High-Resolution Photos 很有個性的高質(zhì)量免費圖片素材網(wǎng)站，個人非常喜歡，還有chrome插件安裝，可以有事沒事看看。
• Gratisography: Free high-resolution photos 免費圖片素材網(wǎng)站，還不錯。
• Life Of Pix - Free Stock Photos & Images
  不錯的免費圖片素材網(wǎng)站。
• Free Images - Pixabay 免費素材網(wǎng)站，數(shù)量比較多。
• Free stock photos ?· Pexels 同樣是免費的圖片素材網(wǎng)站，哈哈。
• WallpapersWide.com 高清壁紙素材網(wǎng)站，數(shù)量很多。
• Download Free Vector Art, Stock Graphics & Images
  老牌免費素材網(wǎng)站，數(shù)量也很多。
• Designstub | Download Bootstrap Templates & Themes
  針對Bootstrap框架的免費模版素材(靜態(tài)化HTML頁面，正在學(xué)習(xí)Bootstrap或者響應(yīng)式設(shè)計的小伙伴可以參考)。
• http://www.baianat.com/resources/ 最近備受關(guān)注的國外設(shè)計團隊，有很多很棒的素材和創(chuàng)意，而且大多數(shù)免費分享了出來。
• http://facebook.design/index.html Facebook的設(shè)計博客，有很多高質(zhì)量素材源文件下載，以及干貨文章。
• The Premier Photography Community / 500px 很棒的圖片網(wǎng)站，不多說了。
• https://www.flickr.com/ 同樣也是高知名度圖片網(wǎng)站，不多說了。
• TETHR – The Most Beautiful iOS Design Kit Ever Made 非常棒的一套設(shè)計界面素材，免費下載源文件。
• Free to-do app UI kit for Photoshop and Sketch 同樣來自invision的設(shè)計界面素材，免費下載源文件，質(zhì)量也很高。
• Sketch Repo - Free, high quality Sketch resources Sketch免費素材網(wǎng)站，素材質(zhì)量不錯，可以參考學(xué)習(xí)。
• PSD Repo - Free quality PSDs available for download sketchrepo的同胞兄弟，同樣是免費高質(zhì)量素材。
• adobe-fonts/source-han-sans 思源黑體官方下載地址。
• adobe-fonts/source-han-serif 思源宋體官方下載地址。
• 常見設(shè)計規(guī)范與 Sketch 源文件下載集合 - 本站專欄

• Dribbble - Show and tell for designers 追波，不多說。
• Behance
  不多說。
• DeviantArt - The largest online art gallery and community 也很有名，不多說了。
• https://www.pinterest.com/ 素材創(chuàng)意大集合，非常棒的網(wǎng)站，也很有名，不贅述了。
• Sign up | Tumblr 灰常有名了，有很多優(yōu)秀的設(shè)計作品在上面。
• 站酷 (ZCOOL) 國內(nèi)設(shè)計比較有名的網(wǎng)站，不多說。
• UI中國
  雖然注冊用戶量和知名度不如站酷，但是專攻UI領(lǐng)域，感覺還不錯。
• 花瓣網(wǎng)
  國內(nèi)的pinterest，雖然是山寨的，但是因為速度快所以用起來還是不錯的。
• 繪圖吧
  設(shè)計素材分享平臺，素材大集合，還不錯不多說。
• Website Templates themeforest
  知名度非常高的模版銷售網(wǎng)站，從上面可以看到很多目前國外流行的頁面風(fēng)格、動效，創(chuàng)意也非常不錯。
• WordPress Themes Loved By Over 317k Customers elegantthemes
  國外很有名的wordpress模版設(shè)計團隊，創(chuàng)意十足，不過可惜的是最近不思進取，一直沒有太大創(chuàng)新，還在售賣一年多前就發(fā)布的模版，不過他們的blog可以看看，對wordpress開發(fā)有很大幫助。
• Home - YOOtheme
  也是非常棒的國外網(wǎng)站模版設(shè)計公司，包括wordpress和joomla!，設(shè)計簡潔有想法，還有他們推出的前端框架 UIkit(類似Bootstrap)，有興趣的朋友可以了解一下。
• Reeoo - web design inspiration and website gallery 很棒的網(wǎng)頁設(shè)計參考網(wǎng)站，可以按照顏色篩選，更新勤快，創(chuàng)意十足。
• Awwwards - Website Awards 非常有名的網(wǎng)頁設(shè)計創(chuàng)意參考網(wǎng)站。
• http://www.materialup.com/ Material Design相關(guān)設(shè)計作品的參考網(wǎng)站。
• 100 Days UI - FREEMIUM RESOURCES 一個Dribbble牛人的每日一設(shè)作品，有源文件下載和HTML代碼實現(xiàn)哦!絕壁學(xué)習(xí)極品。
• Sebastien Gabriel 谷歌設(shè)計大神個人網(wǎng)站，他的文章《How I joined
  Google》曾膾炙人口，其他設(shè)計類的文章也很有參考價值。
• Dejan Markovic 國外一個設(shè)計師的個人網(wǎng)站，內(nèi)容涵蓋自己的作品從產(chǎn)品分析到最后設(shè)計成型的過程解析，很有參考價值。
• e-Books
  UXPIN推出的免費設(shè)計e-Books，可以看看。
• image triangulation experiment 快速將圖片處理成low poly效果的工具網(wǎng)站。
• Coolors
  快速取色，并且能夠自動生成色彩層級的工具。
• https://webgradients.com/ 輕量的漸變配色網(wǎng)站，配色很有逼格。
• Color Tool - Material Design Material Design官方的配色工具，可以通過取色快速查看界面整體效果。

• Codrops | Useful resources and inspiration for creative minds
  由于鄙人是從前端開發(fā)轉(zhuǎn)的UI設(shè)計，所以一直對前端各種效果都情有獨鐘，其中Codrops就是我?guī)啄暌詠砘旧细羧钗寰蜁ス涞木W(wǎng)站，創(chuàng)意十足，動效酷炫，每周集錦很有意思，強烈推薦，關(guān)鍵在于所有動效都是可以免費下載使用的!
• http://codyhouse.co/
  也是非常棒的一個前端動效網(wǎng)站，Codrops經(jīng)常會收錄它的一些好作品。
• Tutorialzine 同樣有很多好玩的前端效果和知識，但是更新并不勤快，可以偶爾看看。
• Trending CSS repositories on GitHub today · GitHub
  github就不用多說了吧?我會經(jīng)常到trending里篩選CSS/HTML/Javascript的語言分類來看看是否有最新的好玩的前端作品，這里應(yīng)該算是全球開源代碼最領(lǐng)先的地方了。
• GoodUI
  通俗易懂的UI設(shè)計準(zhǔn)則，很有意思。
• Medium
  里面有很多很棒的設(shè)計類文章，值得參考。
• CodePen
  很棒的前端網(wǎng)站，可以直接預(yù)覽前端效果和使用代碼。
• Font Awesome, the iconic font and CSS toolkit
  最早的開源免費字體圖標(biāo)庫，以前用Bootstrap+FontAwesome基本上就能搭建一個像模像樣的網(wǎng)站，圖標(biāo)種類繁多，使用方便。
• Wappalyzer 可以查看當(dāng)前網(wǎng)頁的前端技術(shù)使用情況，非常方便。

• https://tinypng.com/
  在線壓縮PNG/JPG圖片網(wǎng)站，能夠大幅度減小圖片尤其是PNG圖片的size，方便好用。
• Icon Font & SVG Icon Sets a IcoMoon
  字體圖標(biāo)管理/生成網(wǎng)站，功能強大，國內(nèi)的iconfont應(yīng)該是參考它做的。
• Iconfont-阿里巴巴矢量圖標(biāo)庫
  icomoon雖然很棒，但是國內(nèi)訪問速度還是成問題，所以現(xiàn)在還是比較常用iconfont，也挺好用的。
• GuideGuide Photoshop必裝的參考線插件神器，誰用誰知道。
• RightFont - The future of font manager software for Mac OS X
  非常棒的字體管理軟件，能夠快速加載字體，并且快速在設(shè)計稿中引入矢量圖標(biāo)，個人感覺比在設(shè)計稿中使用iconfont方便。
• Sketch - Professional Digital Design for Mac
  Sketch，Mac下的UI設(shè)計神器，制作UI界面快速簡單，而且正版也不貴，缺點是沒有Windows版本。
• https://github.com/utom/sketch-measure Sketch
  measure，Sketch中必裝的插件，能夠?qū)С鲈O(shè)計稿的HTML文件供前端實時查看，免去了切圖的煩惱，還能切換設(shè)備分辨率，非常方便。
• https://www.flinto.com/
  輕量級的交互軟件，能夠與Sketch一起使用，簡單方便。
• Principle - Animated Design 功能強大的交互設(shè)計軟件，用它能夠做出很不錯的app動效。
• Framer - Design tool for creating interactive designs, interfaces and animations
  能夠直接用代碼做交互/動效，個人感覺很不錯，廣受國外一線設(shè)計師的好評。
• Craft by InVision LABS Invision團隊推出的PS/Sketch插件，能夠快速添加圖片/文字等功能。
• https://g2.alipay.com/
  G2-螞蟻金服團隊的圖表組件工具，設(shè)計圖表的時候可以參考。
• GitBook
  使用Markdown編寫文檔，采用Git管理方式，非常方便高效。
• Device metrics - Material Design 谷歌設(shè)計團隊推出的設(shè)備相關(guān)參數(shù)參考頁面，很完整。
• ECharts
  百度團隊的純 Javascript
  圖表庫，算是比較成熟的解決方案。