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