百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程字典 > 正文

2023年视觉传达设计考研,必须关注的网站有哪些

toyiye 2024-06-21 11:57 9 浏览 0 评论

视传网站

首先,要锻炼审美能力优秀的审美是作为一名优秀设计师的最基础的条件,比如说你的软件工具用的滚瓜烂熟,但是你从来没有见过优秀的设计,试问你能够做出来好的设计吗?审美能力怎么训练,首先要大量的看。


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

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

相关推荐

为何越来越多的编程语言使用JSON(为什么编程)

JSON是JavascriptObjectNotation的缩写,意思是Javascript对象表示法,是一种易于人类阅读和对编程友好的文本数据传递方法,是JavaScript语言规范定义的一个子...

何时在数据库中使用 JSON(数据库用json格式存储)

在本文中,您将了解何时应考虑将JSON数据类型添加到表中以及何时应避免使用它们。每天?分享?最新?软件?开发?,Devops,敏捷?,测试?以及?项目?管理?最新?,最热门?的?文章?,每天?花?...

MySQL 从零开始:05 数据类型(mysql数据类型有哪些,并举例)

前面的讲解中已经接触到了表的创建,表的创建是对字段的声明,比如:上述语句声明了字段的名称、类型、所占空间、默认值和是否可以为空等信息。其中的int、varchar、char和decimal都...

JSON对象花样进阶(json格式对象)

一、引言在现代Web开发中,JSON(JavaScriptObjectNotation)已经成为数据交换的标准格式。无论是从前端向后端发送数据,还是从后端接收数据,JSON都是不可或缺的一部分。...

深入理解 JSON 和 Form-data(json和formdata提交区别)

在讨论现代网络开发与API设计的语境下,理解客户端和服务器间如何有效且可靠地交换数据变得尤为关键。这里,特别值得关注的是两种主流数据格式:...

JSON 语法(json 语法 priority)

JSON语法是JavaScript语法的子集。JSON语法规则JSON语法是JavaScript对象表示法语法的子集。数据在名称/值对中数据由逗号分隔花括号保存对象方括号保存数组JS...

JSON语法详解(json的语法规则)

JSON语法规则JSON语法是JavaScript对象表示法语法的子集。数据在名称/值对中数据由逗号分隔大括号保存对象中括号保存数组注意:json的key是字符串,且必须是双引号,不能是单引号...

MySQL JSON数据类型操作(mysql的json)

概述mysql自5.7.8版本开始,就支持了json结构的数据存储和查询,这表明了mysql也在不断的学习和增加nosql数据库的有点。但mysql毕竟是关系型数据库,在处理json这种非结构化的数据...

JSON的数据模式(json数据格式示例)

像XML模式一样,JSON数据格式也有Schema,这是一个基于JSON格式的规范。JSON模式也以JSON格式编写。它用于验证JSON数据。JSON模式示例以下代码显示了基本的JSON模式。{"...

前端学习——JSON格式详解(后端json格式)

JSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScriptProgrammingLa...

什么是 JSON:详解 JSON 及其优势(什么叫json)

现在程序员还有谁不知道JSON吗?无论对于前端还是后端,JSON都是一种常见的数据格式。那么JSON到底是什么呢?JSON的定义...

PostgreSQL JSON 类型:处理结构化数据

PostgreSQL提供JSON类型,以存储结构化数据。JSON是一种开放的数据格式,可用于存储各种类型的值。什么是JSON类型?JSON类型表示JSON(JavaScriptO...

JavaScript:JSON、三种包装类(javascript 包)

JOSN:我们希望可以将一个对象在不同的语言中进行传递,以达到通信的目的,最佳方式就是将一个对象转换为字符串的形式JSON(JavaScriptObjectNotation)-JS的对象表示法...

Python数据分析 只要1分钟 教你玩转JSON 全程干货

Json简介:Json,全名JavaScriptObjectNotation,JSON(JavaScriptObjectNotation(记号、标记))是一种轻量级的数据交换格式。它基于J...

比较一下JSON与XML两种数据格式?(json和xml哪个好)

JSON(JavaScriptObjectNotation)和XML(eXtensibleMarkupLanguage)是在日常开发中比较常用的两种数据格式,它们主要的作用就是用来进行数据的传...

取消回复欢迎 发表评论:

请填写验证码