当前位置: 网站首页 >>新闻资讯 >>行业资讯

分享:设计师的34个工具网站,按工作流程整理好了

时间:2022-11-18 10:11:47 点击:2536次

如何找到设计的灵感?怎样做出脑洞大开的设计?有哪些高质量设计素材可以参考?在哪里找到精致的设计案例参考、专业的设计平台?

这份设计类网站合集,帮你解决那些设计中的小烦恼!

分享网站前,按照惯例我们先来简单梳理一下设计师日常工作的基本流程,我会在每个步骤推荐好用的工具网站,助大家职场充电、提升效率。希望大家可以熟练使用、形成习惯。

设计师工作流程:

日常学习,提高审美 → 头脑风暴 → 找素材出草图 → 设计创作 → 作品交流。

一、日常学习,提高审美

在这个日新月异的时代,设计师一定需要时刻提升自己的技能和技巧,了解整个行业的流行的审美趋势与技术动向。以下5个知名设计类网站,分享海量创意作品和学习教程,展示设计过程和创作细节,有行业资讯和相关比赛,助你日常学习,提高审美。

1、Artstation——专业的艺术家社区

Artstation是专业的艺术家社区,俗称A站或AS,包揽插画师、设计师、建模师,且平均水平非常高。

2、Tutsplus——从入门到的设计教程

Tutsplus是一个高品质的软件教程网站,很多国外的设计大神会在这里分享自己的作品和教程。

Tutsplus内含有Ai、Ps、Id等主流设计软件教程,而且支持语言切换。资源很多,很多课程注册后可以免费观看


它有大量Web开发人员和设计师提供的教程和技术文章,想要提升自己技能和技巧的你千万别错过!

3、Designboom——你的手艺术资源

Designboom成立于1999年,是目前国外非常流行的包含艺术作品和建筑设计、产品设计等内容的线上杂志和资讯网站之一。

Designboom报道建筑、艺术、科技、摄影、平面设计等方面的先锋设计,介绍艺术相关新闻、竞赛和案例。

你可以在看到作品的同时,看到它的图纸等设计过程。

【Product library】是一个多元化的产品数据库,虽然它商用目的更加明显,但我们通过搜索可以联想出不同形态作为参考。它更是提供了创作者的一手资料,方便参考。

4、站酷——国内设计圈知名度很高的平台

站酷网是中国人气的大型综合性"设计师社区",聚集了专业设计师、艺术院校师生、潮流艺术家等年轻创意设计人群。

站酷上活跃的多是中国年轻一代的设计师中坚力量,风格鲜明新潮,作品量很大。

这个网站有了很多关于交互设计的资讯。除了相关设计作品,还有很多关于设计的概念和如何做好设计的教程。

如果你想体验免费课程,选择【限免福利】版块就可以筛选课程,免费学习到设计、摄影、绘画、影视、三维等专业内容。

5、虎课网——海量设计案例课程

虎课网是一个案例式短视频设计教学网站,在国内平台内自学专业度较高。

国内很多设计大咖在这里开课,行业影响力大,教程非常丰课程呈现为点状,有些教程只有一个案例,适合按需学习。每天可以免费看一集视频,开通全站VIP会员则可无限观看。

但是需要注意,虎课网没有在线笔记,课程介绍不是很明确,课程内容主要由合作老师自发上传。广告弹窗比较多,学习沉浸感不强。

二、灵感收集

作为设计师的你,在具备一定专业技能和审美眼光的前提下,如何紧跟流行趋势,创建夺人眼球又不失实用性和用户体验愉悦度的作品呢?以下4个网站,助你了解和学习时下新且佳的设计实例和模板,激发设计灵感。

1、ADGuider——智能创意充电站

ADGuider是涵盖近创意案例的智能搜索工具,无数设计师惊呼它体验好、速度快、案例全。

在搜索筛选时你可以选择海报/平面等类型,查看30多万创意海报设计作品。也可以按行业、品牌、节日等其他22个分类搜索,轻松高效获得灵感,专注于创造,效率创造。

大的亮点是支持组合词智能搜索,可以按“时间+行业+品牌+节日+类型+明星++语言”等组合词搜索。有事搜一搜,没事看一看,走过路过千万不要错过。

网站:https://www.adguider.com/

2、Pinterest——以视觉方式发现创意点子

Pinterest是一个个人创意及视觉探索工具,也是图片分享类的社交网站,内容丰富全面,基本各类设计作品都能搜到。

Pinterest采用瀑布流的形式展示图片和作品,新的图片不断自动加载在页面底端。

你可以创建自己的画板,也可以看到其他用户创建的画板,实现资源共享。

你可以将感兴趣的作品保存在文件夹中随时查看,其他用户也可以收藏你的文件夹并进行关注和转发。

该网站每次都会根据你的搜索记录进行推荐,且关联图片非常准确,可以帮助你找到更多有用资源。

3、花瓣网——陪你做生活的设计师

花瓣是中国版的pinterest,它以“发现、采集你喜欢的”设计”为主打特色,是设计师和自媒体的福音。

花瓣的核心用户多为设计师和摄影爱好者,可以说更偏向为设计精英们打造的兴趣图谱和优质图片灵感库。特点是风格清新文艺,偏向生活感。

你可以很方便地收集图片和灵感创意,也可以直接查看他人收集的优质内容,提高审美能力。

可以通过网站中的超链接找到更多类似主题图片,非常实用。

4、Abdz——让你随时被启发

Abdz是一个关于创意灵感的网站,在过去十多年中见证了设计社区的演变。从不同的风格到媒介,Adbz随行业发展而发展,现在已经成为web上的设计博客之一。

Abdz的界面简单美观,内容覆盖范围广。分享关于设计、摄影和UX的文章,有很多photoshop及其他常用设计软件的教程。

在【Tutorials】栏中,有ui/ux分栏,其中有很多优质教程与实例解析。

【Collections】中的案例质量很高,图文的表现形式做作品集可以用来参考。

三、头脑风暴

在进行设计创作头脑风暴的过程中,笔记类网站可以帮助你记录灵感和整理思路,而思维导图可以帮助你从多方面多角度去思考和发散,理清复杂的逻辑关系。

1、印象笔记——管理你的第二大脑

印象笔记是一个工作效率笔记,可以随时随地查看和备份信息,一键储存高价值网页和文章。笔记简洁,记录便捷,快捷共享,高效协作。

印象笔记方便排版,支持多种字体,搜索功能强大,可以对图片进行标注,添加附件后也可以在笔记内进行标注解释等。

你可以在多种设备和平台间无缝同步每天的见闻、思考与灵感,一站式完成信息的收集备份、保存和高效整理。无拘无束,随时随地保持高效。

但缺点是免费空间容量小,而且只能给整个软件加密或者给部分文字加密。

2、有道云笔记——随时随地记录你的精彩

有道云笔记是一个专注办公提效的笔记软件,界面简洁,空间容量大。

有道云笔记可以给文件夹加密,导出与分享方便,微信收藏比较快捷,还可以在文件夹内置顶笔记。

支持文字/图片/语音/手写/OCR/Markdown等多种形式,全面兼容office、PDF等办公常用文档,无需下载即可查看编辑。

如果你在有道云笔记里添加了多级标题格式,先导出为word后,在word里导出为pdf,还可以形成书签形式的目录。

但缺点是不能对图片进行标注,也不能在同一个界面内进行标注,和印象笔记各有千秋。

3、百度脑图——便捷的思维工具

百度脑图是百度系的一款在线思维导图工具,方便分享,体验舒适,功能虽然不多,但基本需求都能满足。

百度脑图免安装,云存储,打开方便,界面清爽,主题样式清晰。

操控性很高,就像CAD画图一样,工具栏简单快捷,无需过多复杂操作。

关键的是,用百度账号就能同步在各个平台上使用制作,免费又好用!

4、XMind——思维导图样式设计工具

XMind是一个思维导图和头脑风暴软件,专注做思维导图十三年,拥有百万级用户,灵活好用。

更适合非小白使用,绘制不局限于思维导图,样式模板更多种多样,导出的文件格式丰富。

完美支持印象笔记,可以直接将导图存入印象笔记中,非常方便。

但是XMind可扩展性较差,不能多设备同步,适合收集灵感、整理思路、集中提炼等。

四、找素材出草图

无论是 UI 设计、网页设计还是平面设计都会遇到素材资源的需求,平日里多收集一些常用的素材网站,在项目紧、时间短的情况下总能排上用场!以下20个不同分类的高品质素材网站,可以方便大家下素材资源进行学习研究和设计应用,希望大家都可以飞速找资源、合理用素材。

A、插画素材

1、Folioart——插画设计社区

Folioart是英国的一家插画艺术作品展示网站,由尼古拉斯·达维于1976年创办工作室并上线网站,在过去40多年的历史中,与影响力的插画师合作。

Folioart陈列了来自世界各地的高质量、多种形式的当代插画家和艺术家的作品,从插画延伸到动画、CGI、故事版等。

它就像一个插画家的资源库,如果你有商业需求,可以通过这个平台,和的插画师进行合作。

2、涂鸦王国——插画设计师平台

涂鸦王国是一个绘画社交网站,聚集了大量中国的插画师和漫画家。

网站界面清爽简洁,内容质量较高。它以插画为核心内容,作品风格多样,涉及使用行业广泛。其中亚洲风格和古风题材尤其精致梦幻。

涂鸦王国有自己的教学平台,有些精品课程会详细地讲解一整套创作流程,可以帮你带带节奏、养养感觉。‍

涂鸦王国也是一个数字艺术领域的线上作品交流平台,你可以创建个人主页,方便跟其他人交流经验、寻找实习或工作机会。

3、Julian Glander——幽默插画站点

Julian是一位在纽约生活的 3D 艺术家,他擅长使用简洁的形状和大胆的颜色,并将漫画作品发布在网站Julian Glander上,可以说是十分对古怪GIF爱好者的胃口了。

作品侧重于整体形象的温度和色调,非常有表现力。网站的用色和人物的形态风格都有强烈的个人风格,表现统一。

如果你有插画基础,可以根据原有的知识体系,从你的知识地图中发掘一个点,再通过这个点借鉴该网站展开学习三维创作。

4、Societyillustrators——世界插画艺术悠久非盈利组织

Societyillustrators是一个由插图画家创建的博客网站,汇集了大量的博客、专业的插画资源。

该网站内容丰富,含有在线课程、数字创作工具、书籍、播客、行业相关者的联系方式等。

它推广插图艺术,在线下通过展览、讲座和教育等方式理解和欣赏插画艺术的历史和发展性质,并把其成员的创作成果地奉献于社会福利。

B、图片素材

1、图虫创意——图片素材库

图虫创意是东方 IC 与图虫网共同推出的微利图库,优点在于价格低、服务好、图片资源丰富、搜索技术强大。

图虫创意全面整合了3000多万张来自于高端资源和颇具东方特色的创意类图片,还有2000多万张高质高清编辑类图片。

你可以使用以图搜图、相似图片、专题分类搜索及视频搜索等技术,轻松获取想要的图片,激发创意灵感。

图片一经授权可使用。同时还支持多授权用户,支持多个子账号功能,为公司企业用户提供周到的服务支持和妥善的管理模式。

2、Visualhunt——按颜色搜索图片

Visualhunt是一个图片按颜色分类的网站,号称有超过三亿张高质量免费图片。它可以通过颜色找图片,更地满足用户需求。

你无需注册和登录就可以在线下载图片。网站中有一万多张是以 CC0 授权的免费高画质相片,无论用于个人或商业开发皆可。

除了上方的搜索框,你还可以点击颜色条或点击下方的关键词标签对免费高清图片/摄影照片/设计素材等资源进行搜索。

选择【Commercial Use】后出来的都是免费图片了,大家可以放心下载使用。

3、Unsplash——免费高分辨率图片平台

Unsplash作为照片网站,已经收录了超过20万名摄影师的近200万张免费图片/照片作品。

该网站以摄影作品为主,图片精美,质量上乘,分辨率高。

任何人都可以在此分享作品,且作品供所有人使用,单反级高清免费无版权优质照片免费下载。

 4、Booooooom——海量丰富的设计图片

Booooooom由一个温哥华艺术家于2008年推出,12年时间沉淀了高质量的艺术内容,现已成为当代艺术领域的权威网站。

该博客网站的设计极简,但拥有极其丰富的设计图片。

它接受艺术家的自我推荐和投稿,同时对创意作品进行筛选和分享。

网站的整体气质比较前卫,是艺术范的聚集地。相比上面的网站,它不是那么主流,实用性稍弱,但内容天马行空,更适合你去寻找初期的设计方向。

C、图标素材

1、Pngpix——免费png透明图层分类图库

Pngpix是一个免费png透明图层搜索图库,含有多种分类和大量素材,满足你的png图片需求。

素材包含22种大类,而且分类比较清晰,点击右上角的分类即可显示。素材页面有显著标识是否可商用。

素材可以免费下载,数量不限。值得一提的是,Pngpix上有很多人物的免抠图片,尤其是明星素材,方便特别。

2、Cleanpng——高质量免抠素材

Cleanpng是一个提供免费PNG图片资源下载的网站,不支持中文检索,但素材全面更新快。

该网站拥有超过3万个透明的PNG图像,并提供多个类别来帮助浏览所有图像,而且大多数都有相关搜索和推荐图像。

特色是有各种类型素材的合集,这样就不用担心找到的素材风格不统一啦。

重要的是,这个网站,不需要注册,不需要登陆直接可以下载,很方便!

3、Easyicon——60w+矢量图标

Easyicon是一个强大的免费图标素材网站,网站设计非常简洁。打开就是一个搜索框,直接输入你需要的关键词,就可以搜索出大量图标。

Easyicon支持中文搜索,在搜索时,你可以按颜色、热度和尺寸等去搜索图标,帮你以很快的速度找到喜欢的图标ICONS,而且尺寸都是从大到小排列提供下载。

如果你看中某个图标,可以直接进入这个图标系列,有助于设计UI时统一风格。

需要注意的是,下载图片时需要注意右侧的版权信息,只有标注了Creative Commons Attribution-Share Alike 3.0 Unported License等字样的,才能够进行免费商用。

4、Noun Project——简单黑白线条图标

Noun Project是一个设计师集中上传作品的百万级别高质量图标平台,不仅有海量的扁平化图标,还有不同领域很新出现的名词以及各种专业用语的符号表达。

Noun Project具有强大的icon搜索功能,集众人之力为所有名词绘制矢量图标,可以找到所有你想要的icon。大多数图标以黑白为主要颜色,线条为主,搜索时会以系列或单个方式呈现。

它提供动物、保健、人物、运输、旅行、平安与警示、科学与数学、运动与娱乐、科技与通讯、食物与饮料、天气与自然等11个类别的图标。除了丰富的图标以外,还帮你收集整理了精美的图形插画,功能强大,方便使用。

提供两种格式(SVG、PNG)图标下载,付费会员可以免标示作者,并支持在线改色等。

D、字体素材

1、字由——设计师字体利器

字由是为设计师量身定做的一款字体下载管理工具。

字由支持大多数主流设计软件。

输入文案,即可预览效果。

无需下载字体文件,可以一键安装激活字体。而且你可以自定义字体分类管理方式。

2、Fontsquirrel——英文字体可免费下载

Fontsquirrel是一个免费的可商用英文字体网站,号称英文字体的乌托邦。在需要用到英文文字的时候,这个网站可以为你提供风格多样又好看的字体。

作为知名的免费字体网站之一,Fontsquirrel页面设计干净,排版大胆,分类简洁。

网站含有海量字体,可以免费下载使用,满足你的设计需求。字体详细介绍里有版权(License)信息,使用前须注意查看,避免侵权。

3、字体——字体在线转换器

字体是一个非常强大的在线字体转换器,你可以输入文本,调整大小、颜色、高度,直接在线进行字体转换并进行下载。

完成字体替换后,你可以往下滚动页面查看字体显示效果。

除了基本常用的字体外,这里还有许多在线的个性书法或艺术字体,可以解决你缺少字体和安装字体的烦恼。

不仅支持图片PNG格式下载,还支持各种字体下载和字体转换,全部可商用。

4、识字体网——支持截图搜字体

遇到喜欢但又不认识的字体怎么办?别着急,只需把需要识别的字体上传至识字体网,分分钟识别出来。识字体采用独特的图像识别算法和相似度算法,在线识别图片字体,并智能排序。目前支持简体中文、繁体中文、日语、韩语、英语等多国语言。

目前识字体网有两种图片上传方式,一种是对话框上传、拖动上传、粘贴上传本机图片,另一种是图片网址上传。识字体提供反相和阀值等微调参数,智能预处理上传的图片,可以达到更好的识别效果。

它还有强大的字体实时预览功能。输入文字即可实时显示预览效果,支持调整字号、前景色、背景色等功能。

在识别出字体后,还会显示该字体是否免费、是否可商用,并且无需开通VIP就能下载字体安装包。识别、下载,一气呵成。

E、配色素材

1、Coolors——快速配色方案生成器

Coolors是一款轻量级的免费配色应用,可以自动生成配颜色板,直观而快速,上千款热门配色供你选择。

你可以创建色彩组合,也可以直接从图片中取色。可以生成SVG、PDF、SS等不同格式,也可以用于Android、iOS、PS、AI等不同平台。

如果你喜欢某个颜色,可以将其锁定在其基础上进行再次配色。如果你想对某个颜色进行手动调整,点击色块即可进入编辑模式。

生成的每个色块都有对应的16进制色值。不过你不用将它们记住。点击【分享】按钮可以生成对应网址链接、发送邮件、以PDF或PNG格式保存。每种色彩还能单独查看色号、色阶,并且可以选择色盲模式查看。

2、Colordrop——新颜色整合平台

Colordrop是一个提供纯色配色方案的网站。它提供各种唯美的配色方案,支持直接对颜色值进行复制,并且会经常更新配色方案。

Colordrop里有上百中色板配色参考,色块组以方块状排布,每组4个色系,供你查看色号并收藏喜欢的配色。

特点是可以设置背景颜色,从而查看色板与背景色的搭配效果。

点击列表中的色块组,在网页右侧会直接展示出4个颜色的色值。只需要简单托拽,就可以轻松地调整UI元素的色彩,而且可以直接复制到PS或者AI使用。

3、Khroma——AI设计您喜欢的颜色

Khroma是一个在线智能生成配色方案的工具。它利用人工智能,通过分析你选择的颜色,来生成实用性非常高的调色板。

通过添加你所喜欢的颜色,Khroma可以实现更高精度的组合,甚至可以实现应用与各种场景的颜色组合推荐。有了这个工具,你就可以在短短几分钟之内完成一个配色方案。

它能够逐渐熟悉和了解你对于色彩的品味,并且基于你的偏好来给你推荐配色方案。还会使用文本、图片和海报等来帮你直观地测试配色方案在实际设计中的使用效果。

但是Khroma了解你的前提,是你必须“投喂”给它足够的信息。一开始,你需要选取50种喜欢的色彩用来训练 AI。

4、Brandcolors——官方品牌颜色元素

BrandColors是一个世界知名品牌颜色收集网,收录了众多官方品牌的颜色代码。

BrandColors有500多个世界上品牌的官方配色,比如Airbnb、Amazon、Dribbble等,可以说是相当有价值的配色参考。

品牌名字按A--Z顺序排号,含有十六进制颜色代码。你可以直接参考一个品牌的配色,也可以在该网站上下载任何一个品牌的配色表。

五、设计创作

工具的重要性对于设计师来讲不言而喻,任何想法都需要借助工具来实现。而一款工具,只有在真正需要并懂得如何使用它们的人手里,才能发挥其应有的作用。那么,作为常常需要顶着巨大压力,在严格期限内制作出高质量作品的设计师,为什么不直接选择一系列高效的工具来提高工作效率呢?以下6个高效实用的设计工具,助你创建更加优质的设计作品。

A、设计工具

1、蓝湖——高效的产品设计平台

蓝湖是一款高效的产品设计协作平台,通过插件可以导入Sketch/Photoshop/Adobe XD的设计稿,并做自动标注和交互原型。它无缝衔接产品、设计、研发流程,降低沟通成本,缩短研发周期,可以大大提高你的工作效率。

蓝湖可以一键切图,支持多设备,管理更简单,开发编程更高效。

它支持市面上所有设计文件的导入导出,一个链接就可以在线浏览设计稿和原型图,同时保留所有历史版本,便于信息沉淀和查找。

自动生成更新记录,改动一目了然。开发能在线查看项目相关的产品文档和设计图,不错漏你的任何需求。

通过插件将设计图上传之后,它即会自动生成标注,开发想看哪里点哪里,还能复制元素信息进行使用。而且会生成 CSS、IOS、Android 等格式的代码,高效便捷。

2、Sketch——Sketch设计官方网站

Sketch是一个专门用来产出UI和原型的矢量绘图工具,是各大公司使用特别多的设计类工具。

Sketch把选择/移动,整理图层、更改属性/样式这三个UI设计的基础操作都做得很好。而且从线框到视觉稿可以在一个软件里完成,可以节省你的不少时间。

它可以进行网页,图标以及界面设计。除了矢量编辑的功能之外,也有一些基本的位图工具,比如模糊和色彩校正等。

它有比较成熟的插件生态圈,可以通过插件兼容第三方使用。尤其适合设计师职能不细分的中小团队和个人作品的制作。

3、Zeplin——共享、组织和协作设计的更好平台

Zeplin是一个为动画设计师和开发者提供设计图交接与沟通的高效平台,也是配合Sketch非常好用的一款插件,从此设计师们跟程序员们之间协作变得更和谐啦。

Zeplin的核心功能为标注、Style Guide、备注文档和简单的团队协作。它允许添加注释形成类prd文档,并且自动提取Style Guide。同时还允许添加项目组成员,提供给团队组查看项目。

你的设计稿在Sketch里完成后直接导入到 Zeplin,在做好图层管理的前提下,就可以在画板中生成尺寸标注信息,再也不需要为 Style Guide 和尺寸标注烦恼啦。

4、Mockplus——多合一产品设计平台

摹客是专为产品设计团队量身打造的“设计+协作”的一站式云平台,能够处理一般IM类软件很难发挥产品设计团队间应有协作效能的问题。

摹客是一款基于桌面的用户体验工具,轻量级,上手快,易用性高,简单的拖拽就可以实现交互,非常适合用于设计作品前期的构思、交互逻辑的反复论证、原型的快速展现等。

具有高度兼容性,支持所有主流设计稿格式,你可以在线交付设计稿,在线讨论评审、标注切图、管理版本。也可以高效管理设计资源和设计规范,快速分享和复用。

开发人员可以自由查看设计稿标注及获取切图,省去了许多重复无效的沟通,在一定程度上简化了开发的工作流程。所以它非常适合企业和团队共同协作使用,帮助产品经理、设计师和开发工程师等沟通壁垒,优化工作流程,提升工作效率。

声明:转载此文是出于传递更多信息之目的,所转载的所有文章、图片、音频视频文件等版权归版权所有人所有,若侵犯了您的合法权益,请作者持权属证明与本网联系,我们将及时更正、删除,谢谢。 邮箱地址:3205845866@qq.com


相关阅读
猜您喜欢

我们已经准备好了,你呢?

2020我们与您携手共赢,为您的企业形象保驾护航!

在线客服
联系方式

热线电话

400-660-2325

上班时间

周一到周六

公司电话

400-660-2325

二维码
线
在线留言