整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

设计师的 “宝藏网站”,免费且实用

设计师的 “宝藏网站”,免费且实用

大家分享一些免费、好用的网站。欢迎关注 “四木程”公众号,不定时更新。

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),如侵权请告知删除