網(wǎng)站性能檢測(cè)評(píng)分
注:本網(wǎng)站頁(yè)面html檢測(cè)工具掃描網(wǎng)站中存在的基本問題,僅供參考。
網(wǎng)站設(shè)計(jì)的網(wǎng)站
推薦一個(gè)牛掰的設(shè)計(jì)網(wǎng)站,讓你的工作效率提高80% 效率視頻課程
為了讓你們能在領(lǐng)導(dǎo)面前秀一波操作,我決定給你們推薦一個(gè)非常Very超級(jí)無(wú)敵牛X的網(wǎng)站——See seed,因?yàn)檫@個(gè)網(wǎng)站涵蓋了國(guó)內(nèi)外所有優(yōu)秀的、與設(shè)計(jì)搭得上邊的網(wǎng)站,為你找素材、找圖片、找創(chuàng)意節(jié)省很多時(shí)間。
網(wǎng)址:https://seeseed/
接下來(lái),我會(huì)根據(jù)該網(wǎng)站的分類,從必看、靈感、資訊、UI-UX、圖標(biāo)、圖庫(kù)、配色、字體、工具、社區(qū)中挑出3個(gè)最受歡迎的網(wǎng)站,推薦給大家。
靈感
1.Lapa:https://lapa.ninja/
Lapa——國(guó)外優(yōu)質(zhì)產(chǎn)品官網(wǎng)。它提供各類落地頁(yè)設(shè)計(jì)欣賞,旨在激發(fā)設(shè)計(jì)師的靈感、提高設(shè)計(jì)師的技能。該網(wǎng)站上的很多案例,都可以應(yīng)用到PPT設(shè)計(jì)中。
2.Abduzeedo:https://abduzeedo/
Abduzeedo——每日分享高品質(zhì)設(shè)計(jì)創(chuàng)意靈感。對(duì)于靈感匱乏的設(shè)計(jì)師來(lái)說(shuō),這個(gè)網(wǎng)站無(wú)疑可以解決你的燃眉之急。
Abduzeedo 上有很多PS、AI的教程,當(dāng)然還有 Conteplated 、Pixelmator 、Fireworks 等網(wǎng)頁(yè)設(shè)計(jì)教程。該網(wǎng)站吸引了超過10萬(wàn)設(shè)計(jì)愛好者,幾乎每天的訪問量達(dá)300萬(wàn)。
PS:這個(gè)網(wǎng)站的導(dǎo)航條其實(shí)是橫著的,我等了1個(gè)小時(shí)也沒加載出來(lái),你們將就看看...
3.Bestwebsite:
https://bestwebsite.gallery/
Bestwebsite——設(shè)計(jì)感超棒的網(wǎng)站。你可以為 Bestwebsite 上所有的案例打分,滿分10分,還可以點(diǎn)擊鏈接體驗(yàn)該網(wǎng)站的設(shè)計(jì),尋找靈感必備啦。
資訊
1.Heydesigner:https://heydesigner/
Heydesigner——設(shè)計(jì)師與前端一起充電的網(wǎng)站。顧名思義,該網(wǎng)站更適合設(shè)計(jì)師和前端工程師瀏覽,網(wǎng)站的Logo也跟充電的圖標(biāo)差不多。設(shè)計(jì)在很多方面都是相通的,我們也可以從這個(gè)網(wǎng)站上得到很多有創(chuàng)意的靈感。
2.Panda:http://usepanda/app/#/
Panda——全而美的設(shè)計(jì)文摘訂閱平臺(tái)。Panda 跟 Seedseed 相似,都是各類設(shè)計(jì)網(wǎng)站的合集,該網(wǎng)站上的文章具有時(shí)效性,你可以看到全球的設(shè)計(jì)師寫的文章,不過你得翻譯一下。
3.Lizhi:http://lizhi.fm/1852153/
Lizhi——字體排印主題,中文博客節(jié)目。Lizhi是一個(gè)類似于抖音、一直播的直播平臺(tái),網(wǎng)站設(shè)計(jì)很簡(jiǎn)單,不用登陸就可以聽節(jié)目。在這里,你或許可以聽到很多字體設(shè)計(jì)的知識(shí)點(diǎn),應(yīng)該比看書有趣。
UI-UX
1.Uigarage:https://uigarage/
Uigarage——高級(jí)美,UI設(shè)計(jì)靈感炸裂之地。該網(wǎng)站大概有40種設(shè)計(jì)類別,涵蓋:IOS、Andriod、Web等,簡(jiǎn)直是UI設(shè)計(jì)師的靈感寶地啊。
2.Hoverstat:https://hoverstat.es/
Hoverstat——Web交互動(dòng)畫設(shè)計(jì)欣賞。如果你是做網(wǎng)站設(shè)計(jì)的,建議你經(jīng)常瀏覽一下 Hoverstat 。跟 Bestwebsite 一樣,可以在線體驗(yàn)網(wǎng)站的設(shè)計(jì)。
如果你將鼠標(biāo)置于圖片上方,停頓一秒以后,會(huì)自動(dòng)播放網(wǎng)站的效果,可以說(shuō)很方便了。
3.Land-Book:https://land-book/
Land-Book——只收錄全球最佳設(shè)計(jì)網(wǎng)站。該網(wǎng)站上的設(shè)計(jì)網(wǎng)站值得所有設(shè)計(jì)師參考,它支持用戶創(chuàng)建賬號(hào)收藏自己喜歡的作品,作為靈感庫(kù)。
圖標(biāo)
1.Iconfont:http://iconfont/plus
Iconfont 又稱為“阿里巴巴矢量圖標(biāo)庫(kù)”——支持多種格式(SVG/AI/PNG)圖標(biāo)下載,圖標(biāo)可轉(zhuǎn)字體。這個(gè)網(wǎng)站大家都熟透了,我就不一一介紹了。
2.IconJar:https://geticonjar
IconJar——成套優(yōu)質(zhì)簡(jiǎn)潔 Icon 素材免費(fèi)下載。海量簡(jiǎn)約圖標(biāo)任你下載,不過,下載了很多圖標(biāo),找起來(lái)很麻煩?Iconjar 可以幫你解決這個(gè)問題。下載 IconJar 工具,打開之后如下圖(該軟件只能用MAC系統(tǒng)打開):
操作步驟:打開 IconJar → 點(diǎn)擊【 “+” Add Icons】新建目錄 → 將你的圖標(biāo)全部導(dǎo)入新建的文件夾,命名。在你需要找 icon 的時(shí)候打開 IconJar ,直接把你想要的 icon 拖進(jìn)這個(gè)界面,就可以快速找到你想要的 icon 了。是不是炒雞方便呢?這個(gè)時(shí)候需要去買個(gè)蘋果電腦了...
3.Icon Store:https://iconstore.co/
Icon Store——一流設(shè)計(jì)師出品的精美 icon。28種常用的圖標(biāo)類型,用來(lái)做PPT足矣。有的圖標(biāo)還可以拿來(lái)做表情包~
PS:無(wú)需登錄即可下載
圖庫(kù)
1.Pexels:https://pexels/
Pexels ——4萬(wàn)+免費(fèi)商用美圖。Pexels 是一個(gè)致力于為用戶提供海量共享高清圖片素材的網(wǎng)站,每周都會(huì)定量更新。它所有的圖片都會(huì)顯示詳細(xì)的信息,例如:拍攝的相機(jī)型號(hào)、光圈、焦距、ISO、圖片大分辨率等,高清大圖質(zhì)量很不錯(cuò)的。
2.攝圖網(wǎng):https://magdeleine.co/browse/
攝圖網(wǎng)——正版高清攝影圖免費(fèi)下載。攝圖網(wǎng)是一家專注正版攝影高清圖免費(fèi)下載的圖庫(kù),有攝影師5000+入駐,一百萬(wàn)以上的圖片量,一百萬(wàn)以上的設(shè)計(jì)師,在這里你可以找到滿意的圖片素材和設(shè)計(jì)靈感。
PS:非會(huì)員每天只能下載一張高清圖片
3.500px:https://500px/
500px——全球著名攝影師圖片展示和售賣平臺(tái)。500px 是一個(gè)致力于攝影分享、發(fā)現(xiàn)、售賣的專業(yè)平臺(tái)。找素材的同時(shí)還能學(xué)攝影,一舉兩得啊。
PS:該網(wǎng)站上的圖片商用請(qǐng)購(gòu)買版權(quán),它還有Android客戶端哦~
配色
1.Adobe Color:
https://color.adobe/zh/create/color-wheel/
Adobe Color——Adobe 官方在線配色工具。拉動(dòng)上圖中的色環(huán),可以自動(dòng)生成配色方案,【探索】里也有很多配色方案供你參考。
2.Colorhunt:http://colorhunt.co/
Colorhunt——每天一組新鮮配色靈感。該網(wǎng)站配色方案的排列方式(除 New 中的配色方案)都取決于用戶的瀏覽次數(shù),所以你打開網(wǎng)站之后,一眼就可以看到別人喜歡的配色方案是什么樣的啦。
3.Webdesignrankings:
webdesignrankings/resources/lolcolors/
Webdesignrankings——好看得哭出來(lái)的配色方案。65種配色方案,任你挑選。鼠標(biāo)靠近“小水滴”的時(shí)候,會(huì)自動(dòng)出現(xiàn)色值。
相關(guān)閱讀:7種配色方案
字體
1.Myfonts:http://myfonts/
Myfonts——字體設(shè)計(jì)靈感。這個(gè)網(wǎng)站適合手動(dòng)黨(想自己設(shè)計(jì)字體的人)尋找靈感,不過都是英文字體,我們可以學(xué)習(xí)它呈現(xiàn)出來(lái)的效果,將其設(shè)計(jì)理念運(yùn)用到中文字體中。
2.Urbanfonts:
https://urbanfonts/
Urbanfonts——免費(fèi)英文字體搜索下載。這個(gè)網(wǎng)站適合“懶癌患者”,可搜索你喜歡的英文字體,點(diǎn)擊下載即可。
3.Hellofont:
http://hellofont/index.php
Hellofont,又名“字由”——超好用的字體管理工具。Hellofont 里有很多文章,可以幫你解決字體運(yùn)用的諸多問題。不過,下載字體需安裝字由的客戶端。
PS:每個(gè)案例下方都有字體的使用方法;該網(wǎng)站上的字體僅限PS、AI使用
相關(guān)閱讀:用對(duì)了字體,你的PPT逼格就上去了
工具
1.LogoJoy:https://logojoy/
LogoJoy——根據(jù)喜好在線生成個(gè)性Logo。Logojoy 是一款利用人工智能幫你完成所有Logo設(shè)計(jì)的工具,其生成的創(chuàng)意可以提供給真實(shí)的設(shè)計(jì)公司。如果你喜歡該網(wǎng)站的Logo設(shè)計(jì),可以點(diǎn)擊“現(xiàn)在購(gòu)買”,價(jià)格大約在65美元。
2.Tinypng:https://tinypng/
Tinypng——在線壓縮PNG/JPG。Tinypng 的壓縮質(zhì)量非常不錯(cuò),在保持alpha 通道的情況下對(duì)PNG的壓縮可以達(dá)到70%,而且用肉眼是看不出與原圖有什么區(qū)別的。
3.Ant Motion:https://motion.ant.design/
Ant Motion——?jiǎng)有гO(shè)計(jì)解決方案。喜歡動(dòng)效設(shè)計(jì)的設(shè)計(jì)師們看過來(lái),Ant Motion 是一款以 React 組件來(lái)實(shí)現(xiàn)動(dòng)畫效果的工具,用 Ant Design 實(shí)現(xiàn)頁(yè)面后,可以很輕松地增加頁(yè)面里的動(dòng)畫效果。該網(wǎng)站上的動(dòng)效很牛X,先定個(gè)小目標(biāo):1年后做出這樣的效果。
社區(qū)
1.Zcool:http://zcool/
站酷——國(guó)內(nèi)設(shè)計(jì)師學(xué)習(xí)和交流的平臺(tái)。深耕設(shè)計(jì)領(lǐng)域十年,站酷上聚集了470萬(wàn)優(yōu)秀設(shè)計(jì)師、攝影師、插畫師、藝術(shù)家、創(chuàng)意人,設(shè)計(jì)創(chuàng)意群體中具有較高的影響力與號(hào)召力。反正有事沒事兒都去站酷上溜達(dá)溜達(dá),每次都有新收獲。
2.UI中國(guó):http://ui/
UI中國(guó)——國(guó)內(nèi)UI設(shè)計(jì)垂直社UI區(qū)。UI中國(guó)的會(huì)員均為職業(yè) UI 設(shè)計(jì)師,覆蓋全國(guó)互聯(lián)網(wǎng)公司。有創(chuàng)意可以去比一比,沒創(chuàng)意可以去找一找。
3.Gracg:https://gracg/
Gracg,又名“涂鴉王國(guó)”——國(guó)內(nèi)原創(chuàng)繪畫社交網(wǎng)站。涂鴉王國(guó)是國(guó)內(nèi)精英插畫師社交網(wǎng)站,以原創(chuàng)插畫為主要核心內(nèi)容,作品風(fēng)格多樣,涉及使用行業(yè)廣泛。喜歡插畫的小伙伴可以去吸一波圖了!
必看
1.Dribbble:https://dribbble/
Dribbble——全球優(yōu)秀設(shè)計(jì)師最佳交流展示平臺(tái)。該網(wǎng)站上的設(shè)計(jì)偏 UI ,其畫風(fēng)也是最流行的,我特別喜歡這個(gè)網(wǎng)站。你可以在 Dribbble 上找到非常多有意思的創(chuàng)意。
2.Behance:https://behance/
Behance——Adobe 旗下設(shè)計(jì)師交流平臺(tái)。Behance 上的創(chuàng)意設(shè)計(jì)人士可以展示自己的作品,發(fā)現(xiàn)別人分享的創(chuàng)意作品(上面有許多質(zhì)量上乘的設(shè)計(jì)作品),相互還可以進(jìn)行互動(dòng)(評(píng)論、關(guān)注、站內(nèi)短信等)。
Dribbble 和 Behance 上的圖片質(zhì)量超級(jí)高,導(dǎo)致網(wǎng)頁(yè)打開非常極度異常緩慢,除此之外我都很滿意!
3.花瓣:http://huaban/
花瓣——優(yōu)美圖集,點(diǎn)亮靈感?;ò昕梢哉f(shuō)是圖片素材領(lǐng)導(dǎo)者,幫你采集、發(fā)現(xiàn)網(wǎng)絡(luò)上你喜歡的事物,不得不說(shuō)激發(fā)了老夫的少女心。
看完這篇文章,你只需要記住 See seed 就夠了,趕緊給自己的收藏夾瘦個(gè)身吧。不過,你可能會(huì)問我:這些跟PPT有什么關(guān)系?其實(shí),學(xué)設(shè)計(jì)不僅要學(xué)習(xí)生硬的知識(shí),還需要拓寬自己的視野,這樣你的靈感才不會(huì)枯竭。
以上網(wǎng)站都不需要翻墻,如果你打不開網(wǎng)頁(yè),請(qǐng)檢查你的網(wǎng)絡(luò)。
不錯(cuò)的設(shè)計(jì)相關(guān)網(wǎng)站推薦(建議收藏) 公司視頻課程
素材網(wǎng)站
http://51yuansu/
90sheji/sucai/12838740.html
16sucai
17sucai
97ui
500px/popular
flickr/explore
picjumbo
pexels
designerspics
socwall
unsplash
gratisography
pixabay
jaymantri
foodiesfeed
getrefe.tumblr
zoomwalls
wallpaperswide
travelcoffeebook
iconfont
字體網(wǎng)站
qiuziti
http://font.chinaz/
gogoup/course/30/
51poca
epinv/online
akuziti/mb
ziticq/shufa
2ilt
ui/detail/40260.html
fontke
http://51yuansu/?z=jcecxafgi
代碼網(wǎng)站
helloweb.wang
hack 查詢: browserhacks
模板下載: http://cssmoban
jquery 網(wǎng)站: htmleaf
靈感網(wǎng)站
http://zcool/
http://ui/
http://huaban/
http://thedieline/
https://behance/
http://stefanglerum/Obey-Artist-Series
http://pokedstudio/illustration.html
http://cargocollective/favorites
https://dribbble/
圖庫(kù)網(wǎng)站
復(fù)古圖庫(kù): http://raumrot
風(fēng)景圖庫(kù): http://unsplash
黑白圖庫(kù): http://magdeleine.co
美食圖庫(kù): http://foodiesfeed
人物圖庫(kù): http://picography.co
歐洲景觀: http://lifeofpix
綜合圖庫(kù): http://gratisography
日系圖庫(kù): https://pakutaso
京東圖庫(kù): http://tokyo-date
攝影圖庫(kù): http://nos.twnsnd.co
http://superfamous
http://publicdomainarchive
http://gratisography
http://picjumbo/page/5
http://jaymantri
http://picjumbo
http://imcreator/free
http://deathtothestockphoto
http://pixabay
http://publicdomainarchive
http://snapographic
http://photock.jp/category
http://tokyo-date
http://sozaing
http://pexels
博客色彩
阿里 UED : http://aliued
網(wǎng)秦 UEC : http://uec.nq
百度 MUX : http://mux.baidu
暢游 CDC : http://vc.changyou
騰訊 MXD : http://mxd.tencent
騰訊 CDC : http://cdc.tencent
騰訊 ISUX : http://isux.tencent
應(yīng)酷設(shè)計(jì): http://blog.enqoo
騰訊游戲: http://tgideas.qq
騰訊 UED : http://ued.qq
圖月志: http://iconmoon/blog2
可樂橙: http://colachan
有一點(diǎn): http://aliued
攜程 UED : http://ued.ctrip
百度 UED : http://ued.baidu
劉津 blog : http://blog.sina/u/1161626144
網(wǎng)易 UEDC : http://uedc.163
阿里媽媽 MUX : http://mux.alimama
疊柔配色法: http://t/RPerWhy
色彩之冷色: http://t/R7ldI6Y
色彩冷科學(xué): http://t/R73WefN
圖片取色配色: http://t/R7QMSKi
色彩設(shè)計(jì)方法: http://t/Rzag6lZ
色彩搭配思維: http://t/RzDdHde
安全配色指南: http://t/RAnjhDc
選色配色規(guī)律: http://t/RUEOYWn
扁平插畫配色: http://t/RcWSMjQ
中國(guó)傳統(tǒng)色譜: http://t/RcWSVnh
云配色: http://card.qdsay
好色度: http://haosedu
扁平化配色: http://color.koya.io/
在線漸變色: http://uigradients
日本傳統(tǒng)色: http://nipponcolors
中國(guó)色彩寶典: http://t/RPDSJeq
日本色彩寶典: http://nicopon
抓取圖片顏色: http://colorfavs
MaterialDesign 配色方案: http://t/RcWStK9
疊柔配色法: http://t/RPerWhy
色彩之冷色: http://t/R7ldI6Y
色彩冷科學(xué): http://t/R73WefN
圖片取色配色: http://t/R7QMSKi
色彩設(shè)計(jì)方法: http://t/Rzag6lZ
色彩搭配思維: http://t/RzDdHde
安全配色指南: http://t/RAnjhDc
選色配色規(guī)律: http://t/RUEOYWn
扁平插畫配色: http://t/RcWSMjQ
中國(guó)傳統(tǒng)色譜: http://t/RcWSVnh
云配色: http://card.qdsay
好色度: http://haosedu
扁平化配色: http://color.koya.io/
在線漸變色: http://uigradients
日本傳統(tǒng)色: http://nipponcolors
中國(guó)色彩寶典: http://t/RPDSJeq
日本色彩寶典: http://nicopon
抓取圖片顏色: http://colorfavs
MaterialDesign 配色方案: http://t/RcWStK9
簡(jiǎn)書: http://jianshu
知乎: https://zhihu
虎嗅: http://huxiu
36 氪: http://36kr
愛范兒: http://ifanr
威鋒網(wǎng): http://feng
設(shè)計(jì)趨勢(shì): http://tuyiyi/show-70
邏輯思維: http://i.youku/u/UNTEzNTY1OTgw
極客公園: http://geekpark
好奇心日?qǐng)?bào): http://qdaily
tuyiyi/hao