视传网站首先,要锻炼审美能力优秀的审美是作为一名优秀设计师的最基础的条件,比如说你的软件工具用的滚瓜烂熟,

但是你从来没有见过优秀的设计,试问你能够做出来好的设计吗?审美能力怎么训练,首先要大量的看。

看优秀的设计作品,一般从以下几个网站搜集作品

【站酷】:站酷 (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: 每两个月参加一次比赛或者自命题创作一个作品

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

|京ICP备18012533号-296