Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
大家分享一些免費(fèi)、好用的網(wǎng)站。歡迎關(guān)注 “四木程”公眾號(hào),不定時(shí)更新。
00---MFD
網(wǎng)址:
https://www.mfchange.cn/index.html##photograph2
MFD設(shè)計(jì)師導(dǎo)航_極簡(jiǎn)慕楓_慕楓網(wǎng)絡(luò)_專注極簡(jiǎn)文化_極簡(jiǎn)慕楓建站平臺(tái)_網(wǎng)頁(yè)設(shè)計(jì)師導(dǎo)航
設(shè)計(jì)師導(dǎo)航網(wǎng)站
01---奶牛快傳
網(wǎng)址:
https://cowtransfer.com/
奶牛快傳|免費(fèi)大文件傳輸工具,上傳下載不限速 CowTransfer | Unlimited Send Large Files
免費(fèi)超快的大文件傳輸工具(10GB免費(fèi)空間使用,滿足日常使用需求)
02---草料二維碼
網(wǎng)址:
https://cli.im/
鑽夋枡浜岀淮鐮佺敓鎴愬櫒
利用圖片、文字、鏈接等生成二維碼
03---條形碼生成器
網(wǎng)址:
http://t-x-m.com/
免費(fèi)在線條形碼生成器
T-X-M在線生成條形碼/二維碼
04---求字體
網(wǎng)址:
https://www.qiuziti.com/
瀛椾綋涓嬭澆-姹傚瓧浣撶綉鎻愪緵涓枃鍜岃嫳鏂囧瓧浣撳簱涓嬭澆銆佽瘑鍒笌棰勮鏈嶅姟錛屾壘瀛椾綋鐨勫ソ甯墜
通過(guò)圖片進(jìn)行在線字體查找
05---自由字體
網(wǎng)址:
https://ziyouziti.com/index-index-all.html
最新免費(fèi)字體下載大全_免費(fèi)字體倉(cāng)庫(kù)_無(wú)版權(quán)風(fēng)險(xiǎn)字體合集
免費(fèi)商用字體大全
06---Removebg
網(wǎng)址:
https://www.remove.bg/zh/upload
上傳圖片 – remove.bg
在線摳圖網(wǎng)站,滿足簡(jiǎn)單的摳圖要求
07---花瓣網(wǎng)
網(wǎng)址:
https://huaban.com/discovery
最新采集_靈感圖片大全_花瓣網(wǎng)
免費(fèi)的素材網(wǎng)站
08---Iconfont
阿里巴巴矢量圖標(biāo)庫(kù)
網(wǎng)址:
https://www.iconfont.cn/
iconfont-阿里巴巴矢量圖標(biāo)庫(kù)
免費(fèi)的圖標(biāo)網(wǎng)站
09---REMIX ICON
網(wǎng)址:
https://remixicon.com/
Remix Icon - Open source icon library
免費(fèi)的扁平、平面圖標(biāo)網(wǎng)站
10---flaticon
網(wǎng)站:
https://www.flaticon.com/
Vector Icons and Stickers - PNG, SVG, EPS, PSD and CSS
免費(fèi)的矢量圖標(biāo)和貼紙網(wǎng)站
11---Pexels
全國(guó)優(yōu)質(zhì)視聽(tīng)?zhēng)彀偃f(wàn)視頻素材
網(wǎng)址:
https://www.pexels.com/zh-cn/
Just a moment...
免費(fèi)素材圖庫(kù)網(wǎng)站
12---Manypixels
網(wǎng)址:
https://www.manypixels.co/gallery?color=6d48d7
Free to Use Clip Art Images & Vector Illustrations | ManyPixels
免費(fèi)的插畫(huà)插圖網(wǎng)站
13---Logopond
網(wǎng)址:
https://logopond.com/
Logopond - Logo, Brand & Identity Inspiration
各種各樣優(yōu)秀的logo,可以作為logo參考網(wǎng)站
14---Foodiesfeed
網(wǎng)址:
https://www.foodiesfeed.com/
免費(fèi)的美食圖片網(wǎng)站
15---illustrations
網(wǎng)址:
https://illlustrations.co/
illlustrations - open source illustrations kit
免費(fèi)的插圖網(wǎng)站
16---Pixabay
網(wǎng)址:
https://pixabay.com/zh/
Just a moment...
免費(fèi)正版高清圖片素材庫(kù)
17---Skitterphoto
網(wǎng)址:
https://skitterphoto.com/
Skitterphoto: a place to find, show and share public domain images.
免費(fèi)圖片網(wǎng)站
18---軍火庫(kù)
網(wǎng)址:
https://www.j-h-k.com/photography-stocksnap.html
Stock Snap-全球頂級(jí)高清攝影圖片網(wǎng)站,Stock Snap-免費(fèi)版權(quán)商用圖片素材
免費(fèi)商用圖片網(wǎng)站
19---SplitShire
網(wǎng)址:
https://www.splitshire.com/
Free Stock Photos - SplitShire
免費(fèi)圖片網(wǎng)站
20---Lifeofpix
網(wǎng)址:
https://www.lifeofpix.com/
免費(fèi)高分辨率攝影圖
21---Shutterstock
網(wǎng)址:
https://gratisography.com/
Gratisography - Free High-Resolution Stock Photos
免版稅的高清庫(kù)存照片和圖像
22---unsplash
網(wǎng)址:
https://unsplash.com/
「鏈接」
免費(fèi)的圖片網(wǎng)站
23---free-stock.video
網(wǎng)址:
https://free-stock.video/
Free Stock Video & Footage Clips.
免費(fèi)庫(kù)存視頻片段
24---mixkit
網(wǎng)址:
https://www.mixkit.cc/
Mixkit視頻素材網(wǎng),專業(yè)免費(fèi)視頻素材下載網(wǎng)
免費(fèi)音視頻素材平臺(tái)
分享就到這里了。如有錯(cuò)誤,歡迎留言指正。
多新人設(shè)計(jì)師以為,做設(shè)計(jì)靠的是天賦和靈感。其實(shí)不然,對(duì)于剛?cè)胄械脑O(shè)計(jì)師們來(lái)說(shuō),更重要的是積累。
太陽(yáng)底下無(wú)新鮮事,設(shè)計(jì)領(lǐng)域也是如此。世上沒(méi)有純粹的“原創(chuàng)”,大部分設(shè)計(jì)作品都是在前人作品的基礎(chǔ)上加以創(chuàng)新和改良,在「模仿」中得以超越。
就像種一棵樹(shù),只有平時(shí)不斷地施肥和澆灌,才能獲取成長(zhǎng)所需的養(yǎng)料,最后才能在合適的時(shí)機(jī)枝繁葉茂。
所以,設(shè)計(jì)師們?cè)谄綍r(shí)就要多看優(yōu)秀的設(shè)計(jì)作品,多觀察、多琢磨。去體會(huì)他們的創(chuàng)造邏輯和設(shè)計(jì)風(fēng)格,然后再把領(lǐng)悟到的這些東西運(yùn)用到自己的作品中去。
今天就給大家介紹15個(gè)非常有意思的設(shè)計(jì)類(lèi)網(wǎng)站,你身邊的設(shè)計(jì)同行們都在偷偷收藏哦,你也趕緊mark起來(lái)!
#1
TOPYS
topys.cn
TOPYS是國(guó)內(nèi)創(chuàng)意界的老招牌了,很多刷屏案例都是TOPYS在國(guó)內(nèi)首發(fā),涵蓋創(chuàng)意、設(shè)計(jì)、藝術(shù)、文案、廣告、品牌、建筑等領(lǐng)域。你可以把喜歡的創(chuàng)意內(nèi)容收藏到靈感庫(kù)中,自定義靈感庫(kù)的分類(lèi)和名稱。
#2
Dunnnk
dunnnk.com
Dunnnk是一個(gè)提供不同移動(dòng)設(shè)備樣機(jī)模型,幫助移動(dòng)產(chǎn)品開(kāi)發(fā)者在線上傳應(yīng)用截圖并在不同的移動(dòng)設(shè)備上展示產(chǎn)品效果圖的網(wǎng)站,通過(guò)使用Dunnnk用戶可以將個(gè)人圖片或應(yīng)用效果圖完美內(nèi)嵌到各種預(yù)設(shè)的精美產(chǎn)品展示圖中,通過(guò)一步保存便能生成超清圖片。
#3
千圖
58pic.com
千圖網(wǎng)是一個(gè)免費(fèi)的設(shè)計(jì)素材網(wǎng)站,它上面有800 萬(wàn)張免費(fèi)素材提供下載,包含原創(chuàng)設(shè)計(jì)、廣告設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)等,種類(lèi)齊全,基本上能滿足你各種需求。
#4
古田路9號(hào)
gtn9.com/index.aspx
古田路9號(hào)是一個(gè)國(guó)內(nèi)專業(yè)品牌創(chuàng)意平臺(tái),匯集了國(guó)內(nèi)各大設(shè)計(jì)組織活動(dòng)的官方媒體與國(guó)內(nèi)各大品牌設(shè)計(jì)公司的設(shè)計(jì)作品,知道這個(gè)網(wǎng)站的人并不多。
#5
花瓣
huaban.com
花瓣網(wǎng)是設(shè)計(jì)師尋找靈感的天堂,你可以用它收集靈感、保存有用的素材、計(jì)劃旅行、曬曬自己喜歡的東西。
#6
VOICER
voicer.me
VOICER在設(shè)計(jì)師中算是知名度比較高的一個(gè)靈感類(lèi)網(wǎng)站,網(wǎng)站內(nèi)容涵蓋了設(shè)計(jì)、藝術(shù)、時(shí)尚、旅游等多個(gè)領(lǐng)域。
#7
Color Claim
vanschneider.com/colors
Color Claim是一個(gè)配色網(wǎng)站,有大量配色方案供參考,且可以下載樣板色。
#8
Dribbble
dribbble.com
Dribbble是一個(gè)面向創(chuàng)作家、藝術(shù)工作者、設(shè)計(jì)師等創(chuàng)意類(lèi)作品的人群,提供作品在線服務(wù),供網(wǎng)友在線查看已經(jīng)完成的作品或者正在創(chuàng)作的作品的交流網(wǎng)站,目前無(wú)需梯子就能訪問(wèn)。
#9
Awwwards
awwwards.com
Awwwards是一個(gè)專門(mén)為設(shè)計(jì)精美以及富有創(chuàng)意的網(wǎng)站頒獎(jiǎng)的網(wǎng)站,作品全部來(lái)自全世界優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)師之手,網(wǎng)站每天評(píng)選出一個(gè)“Site of the Day”。如果你想學(xué)習(xí)國(guó)外優(yōu)秀設(shè)計(jì)網(wǎng)站的設(shè)計(jì)思路,可以從Awwwards找到大量的實(shí)例。
#10
UI Movement
uimovement.com
UI Movement是一個(gè)提供UI設(shè)計(jì)靈感以及優(yōu)質(zhì)動(dòng)效設(shè)計(jì)的網(wǎng)站。每天都有最佳的 UI 設(shè)計(jì)上線,每個(gè)新設(shè)計(jì)都有標(biāo)記,以便你可以輕松找到感興趣的任何設(shè)計(jì)元素,對(duì)于UI和交互設(shè)計(jì)師而言是不可多得的網(wǎng)站。
#11
Khroma
khroma.co
Khroma是一個(gè)在線顏色工具。它利用人工智能,通過(guò)分析你選擇的顏色,來(lái)生成實(shí)用性非常高的調(diào)色板,甚至可以實(shí)現(xiàn)更高精度的組合。有了這個(gè)工具,你就可以在短短幾分鐘之內(nèi)完成一個(gè)非常fashion的配色方案。
#12
Logopond
logopond.com
Logopond這個(gè)網(wǎng)站是一個(gè)很知名的logo展示網(wǎng)站,它有海量的設(shè)計(jì)案例,logo的質(zhì)量很高,是一個(gè)非常值得收藏的logo靈感來(lái)源網(wǎng)站。
#13
字由
hellofont.cn
字由是一個(gè)字體管理網(wǎng)站,收集了由用戶貢獻(xiàn)的國(guó)內(nèi)外上千款精選字體。不僅展示了每款字體的應(yīng)用案例、字體介紹以及字體設(shè)計(jì)的背景信息,還將字體按標(biāo)簽分類(lèi)整理,便于設(shè)計(jì)師調(diào)用。
#14
WebGradients
webgradients.com
WebGradients是itmeo 團(tuán)隊(duì)的免費(fèi)項(xiàng)目, 包含180個(gè)線性漸變的背景顏色。可以用Sketch、PSD、CSS和PNG格式很好地使用。
#15
Photomosh
photomosh.com
PhotoMosh是一鍵生成故障藝術(shù)的工具 ,使用方法很簡(jiǎn)單,直接把圖片拖拽進(jìn)工具即可。PhotoMosh一共提供了27種故障特效,如果你有選擇困難,點(diǎn)擊隨機(jī)按鈕「MOSH」就能制作出一種你家電視壞了/你手機(jī)屏幕碎了的效果,頗有賽博朋克的感覺(jué),也有點(diǎn)類(lèi)似抖音風(fēng)格。
以上就是這次所有的分享啦,希望對(duì)你們有幫助~~
平化究竟該怎么實(shí)現(xiàn)怎么應(yīng)用呢?下文將要做的就是分析扁平化的五個(gè)最典型的特征,同時(shí)也介紹一下偽扁平化(不含貶義,只是一種折衷的設(shè)計(jì)方式)。
一 、拒絕特效
扁平化這個(gè)詞來(lái)自于這種設(shè)計(jì)所使用的樣式和形狀,它完全屬于二次元世界,一個(gè)簡(jiǎn)單的形狀加沒(méi)有景深的平面,不叫扁平化都浪費(fèi)這個(gè)詞了。
這個(gè)概念最核心的地方就是放棄一切裝飾效果,諸如陰影、透視、紋理、漸變等等能做出 3D 效果的元素一概不用。所有的元素的邊界都干凈俐落,沒(méi)有任何羽化、漸變或者陰影。
這一設(shè)計(jì)趨勢(shì)極力避免任何擬物化的元素,這導(dǎo)致這一設(shè)計(jì)風(fēng)格在其它平臺(tái)有時(shí)候顯得突兀,前景圖片、按鈕、文本和導(dǎo)航欄與背景圖片格格不入,各成一派。
那么,扁平化的效果如何呢?
因?yàn)檫@種設(shè)計(jì)有著鮮明的視覺(jué)效果,它所使用的元素之間有這清晰的層次和布局,這使得用戶能直觀的了解每個(gè)元素的作用以及交互方式。如今從網(wǎng)頁(yè)到手機(jī)應(yīng)用無(wú)不在使用扁平化的設(shè)計(jì)風(fēng)格,尤其在手機(jī)上,因?yàn)槠聊坏南拗疲沟眠@一風(fēng)格在用戶體驗(yàn)上更有優(yōu)勢(shì),更少的按鈕和選項(xiàng)使得界面干凈整齊,使用起來(lái)格外簡(jiǎn)單。
二 、 界面元素
扁平化設(shè)計(jì)通常采用許多簡(jiǎn)單的用戶界面元素,諸如按鈕或者圖標(biāo)之類(lèi)。設(shè)計(jì)師們通常堅(jiān)持使用簡(jiǎn)單的外形(矩形或者圓形),并且盡量突出外形,這些元素一律為直角(極少的一些為圓角)。
這些用戶界面元素可以方便用戶點(diǎn)擊,這能極大的減少用戶學(xué)習(xí)新交互方式的成本,因?yàn)橛脩魬{經(jīng)驗(yàn)就能大概知道每個(gè)按鈕的作用。
此外,扁平化除了簡(jiǎn)單的形狀之外,還包括大膽的配色。但是需要注意的是,扁平化設(shè)計(jì)不是說(shuō)就簡(jiǎn)單的搞些形狀和顏色搭配起來(lái)就行,它和其他設(shè)計(jì)風(fēng)格一樣,是由許多的概念與方法組成的,想要學(xué)習(xí)具體設(shè)計(jì)方法的朋友可以看看 Designmodo,這里有許多現(xiàn)成的設(shè)計(jì)實(shí)例可以讓大家分享(免費(fèi)矩形UI、免費(fèi)扁平化UI,這兩個(gè)地方是一些簡(jiǎn)單的 PSD/HTML UI kit 和一些最基本的組件;專業(yè)矩形UI、專業(yè)扁平化UI,這兩個(gè)地方是一些完整的網(wǎng)頁(yè)/APP PSD/HTML UI 包)。
三 、 優(yōu)化排版
由于扁平化設(shè)計(jì)的使用特別簡(jiǎn)單的元素,排版就成了很重要的一環(huán),排版好壞直接影響視覺(jué)效果,甚至可能間接影響用戶體驗(yàn)。
字體是排版中很重要的一部分,它需要和其他元素相輔相成,想想看,一款花體字在扁平化的界面里得有多突兀。上圖是一些扁平化網(wǎng)站使用無(wú)襯線字體的例子,無(wú)襯線字體家族龐大分之眾多,其中有些字體會(huì)在特殊得情景下會(huì)有意想不到得效果。但注意,過(guò)猶不及,不要使用那些極為生僻的字體,因?yàn)楸2积R它就把你帶進(jìn)坑里了。
如何使用字體也是一門(mén)學(xué)問(wèn),要學(xué)會(huì)讓不同的字體表達(dá)不同的概念,通過(guò)字體告訴用戶這某一設(shè)計(jì)/功能的含義,努力使字體成為你簡(jiǎn)化設(shè)計(jì)的有力武器。
四 、 如何配色
扁平化設(shè)計(jì)中,配色貌似是最重要的一環(huán),扁平化設(shè)計(jì)通常采用比其他風(fēng)格更明亮更炫麗的顏色。同時(shí),扁平化設(shè)計(jì)中的配色還意味著更多的色調(diào)。比如,其他設(shè)計(jì)最多只包含兩三種主要顏色,但是扁平化設(shè)計(jì)中會(huì)平均使用六到八種顏色。
而且扁平化設(shè)計(jì)中,往往傾向于使用單色調(diào),尤其是純色,并且不做任何淡化或柔化處理(最受歡迎的顏色是純色和二次色)。另外還有一些顏色也挺受歡迎,如復(fù)古色(淺橙、紫色、綠色、藍(lán)色等)。
五 、 最簡(jiǎn)方案
設(shè)計(jì)師要盡量簡(jiǎn)化自己的設(shè)計(jì)方案,避免不必要的元素出現(xiàn)在設(shè)計(jì)中。簡(jiǎn)單的顏色和字體就足夠了,如果你還想添加點(diǎn)什么,盡量選擇簡(jiǎn)單的圖案。
扁平化設(shè)計(jì)尤其對(duì)一些做零售的網(wǎng)站幫助巨大,它能很有效的把商品組織起來(lái),以簡(jiǎn)單但合理方式排列。
另:偽扁平化設(shè)計(jì)
最近還有一種趨勢(shì)值得關(guān)注,一些設(shè)計(jì)師把某一項(xiàng)特效融入整體的扁平化之中,是其成為一種獨(dú)特的效果。比如說(shuō),在簡(jiǎn)單的按鈕加一點(diǎn)點(diǎn)漸變或陰影,從而使這種風(fēng)格成為其特色,產(chǎn)生出一種扁平化設(shè)計(jì)的變種。這種設(shè)計(jì)要比單純的扁平化更具有適用性和靈活性。
來(lái)源:平面設(shè)計(jì)(pingmiandesigner),如侵權(quán)請(qǐng)告知?jiǎng)h除
*請(qǐng)認(rèn)真填寫(xiě)需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。