视传网站首先,要锻炼审美能力优秀的审美是作为一名优秀设计师的最基础的条件,比如说你的软件工具用的滚瓜烂熟,
但是你从来没有见过优秀的设计,试问你能够做出来好的设计吗?审美能力怎么训练,首先要大量的看。
看优秀的设计作品,一般从以下几个网站搜集作品
【站酷】:站酷 (zcool)中国最大的设计师网站
pinteresthttps://www.pinterest.com/
一个国外网站,搜索的时候记得先用翻译把关键词转化成为英语再搜
【behance】
behance 也是一家国外网站,全球最好的设计师都在这里
【花瓣】
花瓣网_陪你做生活的设计师(发现、采集你喜欢的灵感、家居、穿搭、婚礼、美食、旅行、美图、商品等) 中国的pinterest 实用性比较强。
【behance】 http://www.behance.net
全球最大的设计分享网站,上面有全球最优秀的设计摄影作品和新兴设计风向。内容包括但不限于品牌、插画、ui、摄影、工业设计、建筑设计、交互设计等等,包含设计相关的各个方向,毕竟adobe收养的。
【dribbble】http://www.dribbble.com
邀请制的设计交流平台,网站的本意是分享你的工作截图,互相交流学习。国内很多人却为了发dribbble而做很多飞机稿。内容主要是ui、交互动效、插画、logo。
【pinterest】http://www.pinterest.com/
图片瀑布流分享网站,现在被墙了。本身是社交网站,用户会分享很多精美的图片,有大量的设计素材和参考。
【站酷】
http://www.zcool.com.cn/
国内最大的设计师交流平台,最近好像融资了,评论底下多了很多动不动管人叫大神的三无用户,但依然还是国内气氛最热闹、作品最全面的设计平台。
【ui中国】http://www.ui.cn/专注于ui设计的交流平台,跟随ui热潮兴起的设计社区。
【优设】 http://www.uisdc.com/
优设上有很多基础技能教程和设计师经验分享。
【古田路九号】http://www.gtn9.com/国内品牌设计平台
【视觉me】http://www.shijue.me/视觉中国旗下的设计师社区。
【topys】http://www.topys.cn/创意和文案类
【500px】https://500px.com/高质量的摄影社区,看腻了糖水人像就去这里洗洗眼睛。
一、配色篇
01.color supply —— 可实时预览配色效果
https://colorsupplyyy.com/app
推荐指数:★★★★★
这款配色工具有什么特别之处呢?
配色操作方便快捷。只需用鼠标转动色轮上的取色杆,就可生成不同的配色方案
02. 配色效果可直接预览。网站提供了图标以及不同颜色渐变的配色效果预览。意味着颜色搭配好不好,从此一目了然。另外,所有色值可直接复制
03.提供5种实用配色方法。包括:互补色、相似色、三色系、分离补色、矩形配色
04. 汇聚设计达人配色。在色轮右边有一组色卡,部分有小绿点,点开就可看到作者信息,进一步打开就能看到作者的个人主页和作品展示
02:web gradientshttps://webgradients.com/
推荐指数:★★★★★
该网站拥有180种渐变配色方案,整体风格偏柔和,每一种都非常好看。点击任意渐变色即可全屏体验。下载png格式的图片后,放到ppt稍加裁剪,即可作为背景使用。
03:chinese colors
http://zhongguose.com/
推荐指数:★★★★★
这是一个极具特色的中国风配色网站,所有颜色会提供cmyk和rgb两种色彩模式。
当鼠标挪动到rgb色值时,还会自动跳出对应的十六进制色值,我们可以直接复制使用。
04:adobe color cc
https://color.adobe.com/zh/create
adobe出品的在线配色工具,品质没话说。既可以分析图像中的配色,也可以通过色轮生成各种专业的配色方案。我们可以输入主色调,软件会自动帮我们生成相关辅色。
flat ui color picker – flat design必不可少,颜色自动分类
colourlovers – 色彩社区,不仅可以配色,还可以共享他人的色彩
material palette – 选好颜色后,可以实时看到material design下的效果
color by hailpixel – 可以调整色调、亮度、饱和度等等
coolors – 选择一种颜色,自动配色
colrd – 根据颜色、渐变、调色板等寻找图像资料
color hunter – 从你上传的图片中自动提取5种配色
brandcolors – 总结各个企业在用的配色
colorkit – photoshop扩展
tineye labs – 根据颜色挑选图片
图片素材及灵感
awwwards – 展示最前沿的web设计,并可以对那些网站打分
favourite website awards(fwa) – 类似前者,最喜欢的网站设计奖
dribbble – 不解释
behance – 不解释
typespriation – 字体组合
http://niice.co – 相信我,你可以无限翻下去
designtaxi – 设计相关新闻,产品趋势等等
twibfy – 选了领域之后,往下翻吧
logopond – 收集logo
designspiration – 配色-图像
icon素材
前几天介绍了無料アイコンをダウンロードできる50個のサイト(免费icon网站50个),在这里选出来一些好点的。
captain icon – 350种以上适量图标,可商用
canva – 设计项目需要的图标库
nounproject – 介绍过
medialoot – 很多免费资源
graphicburger – 比较独特、风格化
http://psddd.co – 有其他地方没有的动画图标
http://dbfreebies.co – 发表在dribbble和behance的图标
iconfinder – 庞大的icon库
flaticon – 如题,无版权
iconmonstr – 无版权
背景图片素材
之前也介绍过背景デザインの作り方などご紹介(制作背景的方法)、但还是做一个免费背景图片的网站列表吧。
freepik – 13,000种以上的背景图片
pixabay – 接近20,000张
free psd files – 这里的看了一下,其实有点low
blurgrounds – 模糊背景
http://vector.me – 矢量背景图
vecteezy – 矢量背景图
polygons – 多边形设计资源
geometric backgrounds – $14多边形背景
graphicfuel – 范围广
vector bg – 商业用,你懂得
字体素材
使用好10条字体排版黄金法则(フォントをうまく組み合わせる10個のルール),一起欣赏吧。同时可以看看awwards 2015年度100个最佳字体整理(2015年のベストフリーフォント100個まとめ)
dafont – 下载前输入文字预览
font squirrel – 免费可商用
creative market – 需购买
medialoot – 除了图形外,也可以搜索字体,资源丰富
freebiesbug – 博客聚合网站,内含免费字体
fontface ninja – 识别字体
kevinandamanda – 独特的手绘风格
fontspace – 免费字体
simplythebest font – 特殊效果字体
letterhead fonts – 标题字体
设计相关社区
通过设计社区平台,了解设计趋势,探讨问题,你还可以得到来自世界各地设计师的反馈。
the web blend – 自由职业者,关于设计的知识和信息
graphic design forum – 设计论坛
behance – 不解释
deviantart – 活跃用户数最大的设计社区
dreamincode – 与其他设计师交流设计和艺术品
newground
flickr – 不解释
youtube设计相关视频
用youtube可能也会浪费时间,那用在教育上会怎么样呢。以下列表就是许多介绍先进的设计理念视频/动画。
shawn barry – 选择字体和排版等等,覆盖面广
tastytuts – 从初学开始,photoshop教程
spoongraphics – 编集很好,简洁地介绍了设计教程的要点
the skool network – 了解在设计业界,专业的设计师在做些什么
armaganvideos – 平面、视觉、插图教程比较多
stephen looney – 短期教授设计师所需的专业技能
draw with jazza – 学习美妙的手绘
markcrilley – 已经被播放20w+的手绘艺术家频道
二、灵感篇
01:collectui
http://www.collectui.com/designs
这个网站的特殊之处就在于分类特别细致!细致到哪种程度呢?多达167种!
一些设计中的高频页面在这里都可以找到参考,比如“404页面”、“价格页面”、“样机页”
注意每幅设计作品下方的一行小字,点进去,就可以看到该作者所有的作品!
02:腾讯设计导航
https://idesign.qq.com
腾讯出品。在这里,你不仅能看到优秀的设计作品推荐,还能收割一波超赞的设计神器。另外,还支持自定义「订阅源」,打造自己的灵感社区。
03:优设网
https://www.uisdc.com/
国内最大的设计师交流平台之一,经常会更新一些设计文章、教程、神器、资源等。针对不同的设计内容也设有相应的板块。经常上这儿来逛逛,你会很有收获~
04:设计师网址导航
https://hao.uisdc.com/
你可以称它为设计类网站中的百度,里面涵盖了相当丰富的设计资源,从资源、教程、配色、灵感、字体、神器、漫画……无所不包~ 堪称一绝!
05:dribbble
https://dribbble.com/
自从behance挂了之后,dribble的地位日益凸显,是很多专业设计师经常去逛的网站。上面的设计作品都经过严格的筛选,所以质量有保障!
类似网站:花瓣(https://huaban.com/)
06:designspirationhttps://www.designspiration.net/设计灵感大多来自pinterest,涵盖灵感范围广。最欣喜的是,它可以通过配色搜索设计作品!而且颜色的种类非常丰富!作品颜色基调确定时去这里搜索,效果很好。
三、高清大图篇
01:pixel mob
https://pixelmob.co/
一个免费高清图片聚合网站。常见的pixabay、unsplash、pexels、stockvault 这四个免费图库里的图片,都能在pixel mob这一个网站上搜索到!
如果你还是习惯单个的网站,这里也贴上网址:
1)unsplash:免费可商用!图片数量庞大!质量高!
2)pixabay:支持中文搜索;免费可商用;图片质量参差不齐
3)pexels:免费可商用;图片质量高
4)stockvault
02:gratisographyhttps://gratisography.com/一个非常有趣的免版权图片网站。国外一个逗逼摄影师ryan mcguire 的个人网站,所有图片可免费使用!图片虽然不多,但是每一张质量都很高!而且风格搞怪~ 用到ppt配图中,效果非常好!
03:泼辣有图
http://www.polayoutu.com/collections
泼辣熊团队出品的一个开源摄影网站,所有摄影作品免费可商用。网站上的图片都由人工挑选而来,所以质量方面不用担心。另外,每一张图片都会配有一个摄影故事哟~
04:摄图网
http://699pic.com/
一个强大的素材库!不仅仅是图片,还有超多数量的插画、矢量图、视频以及ppt模板等资源~ 里面有很多「商务办公」的图片,非常适合工作型ppt。普通用户每天可下载1张~
四、png素材篇(免抠图)能够直接找到合适的图片当然开心啦~但是做设计的经常需要抠图。那如果能直接下载到抠好的素材,岂不是非常棒?
01:stickpnghttps://www.stickpng.com/
一个国外的无背景素材下载网站。
从首页的 banner 图中,你就能想象到可以在这个网站下载到五花八门的无背景素材。
02:kisspng
https://www.kisspng.com/
一个国外的免抠图片素材网站。这个网站的png图片数量庞大,且每天都在更新
并且支持按照尺寸大小和图片主色等进行筛选。不过商用的时候要注意版权。
03:觅元素
http://www.51yuansu.com/
一个国内的设计素材网站。这次终于要介绍国内的免抠设计元素下载资源站了。既然是国内的素材网站,自然就支持中文关键词搜索啦,同时有详细的分类用户查找。
不过需要注意的是,普通注册用户每天只能免费下载5张无背景素材。 网站有一系列活动可以免费领取 vip 身份天数。
附:类似的免抠素材网站
pngimg(png images with transparent background)
pngpix(pngpix – download free png photo images)
04:pixel squidhttps://www.pixelsquid.com/前面介绍的基本上都是二维平面的素材,没办法控制素材摆放角度。这里要介绍的是一个3d素材网站。该网站上的素材,全是 3d模型。我们可以在线自由调整好素材角度,然后下载到透明背景(png格式)的素材
五、矢量素材篇(放大不模糊)矢量素材可以任意放大缩小,而且不会变得模糊不清。显示效果的图片~常用的格式有:svg / ai / eps / emf 等。
01:vecteezyhttps://www.vecteezy.com/付费和免费的矢量素材都有。整体质量也很高,可免费下载的素材均可商用!
02:undraw
https://undraw.co/illustrations
【undraw】网站所有矢量素材的风格都是统一的,并且支持下载 png 或 svg 格式。丢进 ppt 里直接就能用,简单省事!
支持按照颜色筛选素材,也就是说我们一键更换网站上所有素材的颜色。
03:silhouetteac
https://silhouette-ac.com/tw/
这是一个剪影矢量素材网站拥有超过 52,000 +的剪影素材。免费素材可授权商业使用,并且不用注明来源
04:illustachttps://ac-illust.com/tw/illustac提供免费矢量剪贴画,和silhouetteac来自同一个工作室。目前素材数量已超过1,256,600幅,且可免费用于商业用途,无须注明版权所有者。下载时需要先注册账号,提供jpg、png、ai三种格式。
05:vectorportalhttps://www.vectorportal.com/网站自己的描述:“十大免费矢量资源网站之一,上面的素材可以被设计师用在商业场合。”可以看出网站素材之丰富,但风格较为多变,想找到相同风格的素材需要进行筛选。下载无须注册,可得到ai和eps两种格式
06:freepik
https://www.freepik.com/
这是目前收集免费矢量图资源最多的网站之一,每天更新几十个免费的矢量图以及psd素材,非常实用。下载素材时无须注册,提供jpg和eps两种格式,素材下载解压后可以看到授权说明。
07:pictogram2(火柴人)
http://pictogram2.com/
一个来自日本的免费火柴人图标素材网;涵盖应用场景丰富全面;支持英文和日文关键词搜索
六、图标篇
01:icooon mono
http://icooon-mono.com/
icooon mono 是一个来自日本的免费单色图标库。网站中的单色图标被分成了 15 个类别,涵盖生活各个方面。用户无需注册,就可以下载图标进行使用,不限制使用场景。
网站默认是黑白图标,在详情页可输入颜色 rgb 值修改颜色。
02:iconmostr
https://iconmonstr.com/
iconmonstr 网站 ui 简洁,由德国一位专门从事图标设计的设计师创建。目前网站已经有 4115+免费图标供公众下载和使用。图标数量还在日益增长中。
图片格式的图标提供下载前修改颜色、添加边框、修改边距等的功能支持。
03:illustrio
https://illustrio.com/
一个 100%免费的 icon 库。站内所有的图标均可免费下载和商用,非得说缺点就是下载的时候需要你注册登录。
网站支持自定义图标颜色,同一个图标能够在线变换为 15 种不同的风格
04:easyicon
https://www.easyicon.net/
之前介绍的图标库网站都是单色的图标,而 easyicon 相当于是专属图标的搜索引擎,里面提供各种风格的免费图标搜索与下载,也是很多设计师寻找图标的首选。
网站支持中文搜索,会将中文自动转换为英文关键词进行搜索,还会自动帮你推荐同一种风格的图标。在图标详情页注明图标可免费使用的场景
05:flaticon
https://www.flaticon.com/
最大的免费图标汇聚地,图标垂直搜索网站。提供 png,svg,eps,psd 等格式的图标下载。
网站提供整套图标的搜索,也提供单一图标搜索。下载 png 和 svg 格式的图标支持颜色修改。另外,值得一提的是,该网站还提供了图标背景平铺的功能:https://pattern.flaticon.com/
06:iconfont
https://www.iconfont.cn/
说到图标,怎么能少得了阿里巴巴矢量图标库呢!国内很多设计师偏爱的图标网站,里面的素材均可免费下载。
除了单个的图标,这个网站也提供统一风格的图标库~
七、样机篇
推荐两个特别炫酷的。
01:threed-3d
https://threed.io/
跟很多样机网站不同,它可以直接生成3d风格的手机样机效果,并且支持换角度、换颜色、调整大小。最后可以设置背景为透明色,得到png格式的图片。
02:mockup planet
http://mockupplanet.com/
这是一个国外的样机素材网站,样机种类非常多,而且质量都很高!!以电子产品为例,样机长这个样子:这是电脑样机 ↓ 这是手机样机 ↓
八、字体篇
01:求字体网
http://new.qiuziti.com/
遇到喜欢但又不认识的字体怎么办?别着急,给文字拍张照片,或截个图,上传到【求字体网】,就可以识别出来了。
比如下面这张图
我想知道标题用了什么字体,就可以这么做:
step 1:截取标题字体部分
页面太复杂的话,网站识别效果较差,所以我们只截取标题区域。
step 2:上传图片找字体
step 3:选中清晰且有特点的单字
根据识别结果,发现「方正喵呜体」最符合。另外,发现没?网站还贴心地给出了字体的商用情况以及官方下载链接。
02:字体传奇
http://hao.ziticq.com/
网站专门有一个板块给出了免费可商用的字体合集
另外,除了提供字体素材和字体教程,当你点开「设计师导航」板块,你会发现一个全新的世界。里面搜集整理了大量的设计素材,包括免版权字体、免费图库、配色网站、笔刷素材、神器网站等
03:字由
http://www.hellofont.cn/
这是一个字体管理神器。收集了2000款+的字体,其中免费可商用字体(中英文)460款。
除了字体资源,它也有各种字体教程、故事、活动报道等。另外,它还有客户端([字由] 客户端下载),安装后,我们可以直接在设计软件中无缝使用,无需安装大量字体。
每天(或者自己根据实际情况制定周期)
1:作品收集议是30~50副
2:然后把它们按照字体设计,海报设计,banner设计,包装设计,等设计形式进行分类
3:将海报,banner等作品按照版式设计的基本类型进行分类
4:参考创作一个字体变形设计
5:根据配色原理分析一副作品的配色
6: 每两个月参加一次比赛或者自命题创作一个作品