添加至收藏夹

X

新建收藏夹

完成

新建收藏夹

X

确定

取消

设计师必备的34个工具网站

作者: 宝藏工具人

2020-11-18 00:00 浏览 · 17846

分享

收藏(141)

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


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


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

 

设计师工作流程:


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

 

1、日常学习,提高审美


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

 

  • Artstation——全球最专业的艺术家社区


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

       

gXnKVIIjCiIKH9VG__thumbnail.png

     

  1. ArtStation是全球原画师、模型师等概念设计工作者的聚集地,大触非常多,无论是角色设计、场景设计,还是3D模型等,优秀作品非常多,你想学习的这里全部都有。

  2. 打开ArtStation就可以看到一整屏的 CG 作品。在顶栏可以进行选择查看近期热门、最新作品、精选作品等。也可以按媒介或者类别进行选择。

  3. 【年度最受欢迎作品】列表对于兴趣爱好者和相关从业人员来说,都是了解整个行业的最前沿的审美趋势与技术动向非常直观的方式。


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

 


  • Tutsplus——从入门到高级的设计教程


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

       

81IEBcf0S6UcqcGb__thumbnail.png

      

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

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


网站:https://design.tutsplus.com/


 

  • Designboom——你的第一手艺术资源


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

       

gmtIdOrfIto8wCXO__thumbnail.png

     

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

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

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

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

 

  • 站酷——国内设计圈知名度最高的平台


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


       微信图片_20201116164154.png

     

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

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

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


网站:https://www.zcool.com.cn/


 

  • 虎课网——海量设计案例课程


虎课网是一个案例式短视频设计教学网站,在国内平台内自学专业度较高。国内很多设计大咖在这里开课,行业影响力大,教程非常丰富。

       

A4BzBk5a0mbdnEYL__thumbnail.png

     

  1. 课程呈现为点状,有些教程只有一个案例,适合按需学习。每天可以免费看一集视频,开通全站VIP会员则可无限观看。

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


网站:https://huke88.com/?source=sjdr

 

2、灵感收集


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

 

  • ADGuider——最全最智能创意充电站


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

       

b2g5juqcYsjRNgCF__thumbnail.png

     

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

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


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


 

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


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

       

q603IHWObciEmdAd__thumbnail.png

     

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

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

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

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


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


 

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


花瓣是中国版的pinterest,可以说是国内类Pin网站的鼻祖。它以“发现、采集你喜欢的一切”为主打特色,是设计师和自媒体的福音。

       

2fBJZUV8saVL1OGE__thumbnail.png

     

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

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

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


网站:https://huaban.com/

 


  • Abdz——让你随时被启发


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

       

KTy7NEA98YaK5VIg__thumbnail.png

     

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

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

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


网站:https://abduzeedo.com/

 


3、头脑风暴


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

 

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


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

       

nPCcDLglYWnfWPoT__thumbnail.png

     

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

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

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


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

 


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


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

       

微信图片_20201116165145.png

     

 

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

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

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

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


网站:http://note.youdao.com/

 

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


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

       

mYgni8RVcOObhwED__thumbnail.png

     

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

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

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


网站:https://naotu.baidu.com/

 

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


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

       

cbddlUvPe90185GS__thumbnail.png

     

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

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

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


网站:https://www.xmind.net/share/

 

4、找素材出草图


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

 

插画素材

  • Folioart——插画设计社区


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

       

VjxxrlkEAXSfXKFh__thumbnail.png

     

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

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


网站:https://folioart.co.uk/


 

  • 涂鸦王国——原创插画设计师平台


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

       

4mrzcrv6abAacYIv__thumbnail.png

     

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

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

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


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


 

  • Julian Glander——幽默插画站点


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

       

微信图片_20201116165522.png

     

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

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


网站:http://glander.co/

 

  • Societyillustrators——世界插画艺术历史最悠久非盈利组织


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

       

fFfAmcvzZu0AVGkv__thumbnail.png

     

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

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


网站:https://www.societyillustrators.org/

 

图片素材

  • 图虫创意——全球领先的图片素材库


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

     

tg59C3OIu0HvJ6KJ__thumbnail.png

      

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

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

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


网站:https://stock.tuchong.com/

 

  • Visualhunt——按颜色搜索图片


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

       

pJN9cL76yghbJ8JY__thumbnail.png

     

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

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

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


网站:https://visualhunt.com/


 

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


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

       

YbOUPHxrKHiUgVLP__thumbnail.png

     

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

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


网站:https://unsplash.com/

 

  • Booooooom——海量丰富的设计图片


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

       

CTpx1FfGHqXLmz3l__thumbnail.png

     

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

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

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


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

 

图标素材

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


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

       

RkFjCFoQNouiugRa__thumbnail.png

     

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

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


网站:http://www.pngpix.com/

 

  • Cleanpng——高质量免抠素材


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

       

OGU9KgM7gvrJvXtZ__thumbnail.png

     

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

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

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


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

 

  • Easyicon——60w+矢量图标


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

       

IHgVziMTyC3GTq1r__thumbnail.png

     

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

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

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


网站:https://www.easyicon.net/


 

  • Noun Project——简单黑白线条图标


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

       

微信图片_20201116165855.png

     

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

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

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


网站:https://thenounproject.com/

 


字体素材

  • 字由——设计师必备字体利器


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

       

微信图片_20201116170018.png

     

  1. 字由支持AE等绝大多数主流设计软件。

  2. 输入文案,即可预览最终效果。

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


网站:https://www.hellofont.cn/


 

  • Fontsquirrel——英文字体100%可免费下载


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

       

oCj7O69wLbDzkTwi__thumbnail.png

     

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

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


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


 

  • 第一字体——字体在线转换器


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

       

V2UIA4a48RISy80m__thumbnail.png

     

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

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

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


网站:http://www.diyiziti.com/


 

  • 识字体网——支持截图搜字体


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

       

IXz1c934ESPdwi6T__thumbnail.png

     

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

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

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


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

 

配色素材

  • Coolors——快速配色方案生成器


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

       

8IFtfrWI6zxBYeL8__thumbnail.png

     

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

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

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


网站:https://coolors.co/

 

  • Colordrop——新颜色整合平台


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

       

qTyPEEzLL981JSWS__thumbnail.png

     

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

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

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


网站:https://colordrop.io/

 


  • Khroma——AI设计您喜欢的颜色


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

       

mbAw772JzJIxaLbe__thumbnail.png

     

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

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

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


网站:http://khroma.co/


 

  • Brandcolors——官方品牌颜色元素集合


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

       

Jya1u6zeNq514sL0__thumbnail.png

     

  1. BrandColors集合了500多个世界上最受欢迎品牌的官方配色,比如Airbnb、Amazon、Dribbble等,可以说是相当有价值的配色参考。

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


网站:https://brandcolors.net/

 

5、设计创作

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

 

设计工具

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


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

85b174b5d997b618f99b36de4f05ede.png

       

     

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

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

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

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


网站:https://lanhuapp.com/


 

  • Sketch——Sketch设计官方网站


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

       

A95l54vZrJBgegE6__thumbnail.png

     

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

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

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


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


 

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


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

fJu9Sik1WqznoBXG__thumbnail.png

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

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


网站:https://zeplin.io/


 

  • Mockplus——多合一产品设计平台


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

       

mYgni8RVcOObhwED__thumbnail.png

     

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

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

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


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

 

辅助工具

  • Remove.bg——图片背景消除


Remove.bg是一个可以在线抠图的网站,它通过AI识别出人物背景,可以自动抠图,生成透明选区,也可以自己按需求选择适合的背景。

       

qLzkPY4WGxULVNoX__thumbnail.png

     

  1. 该网站的抠图速度快,可以在线编辑,100%自动操作,不必手动选择背景/前景层来分隔它们。

  2. 支持本地上传图片,电脑端支持多文件同时上传,同时抠图,一键保存。而且有插件,可以安装到软件中快捷使用。

  3. 可以选择单一颜色背景,也可以选择自己的图片合成。可以选择自己的电脑中的文件,也可选择它自带的素材图。

  4. 它的强大之处在于智能识别,对人物的发丝边缘识别地十分清楚。不需要像PS一样用“通道”,“色彩范围”等许多工具进行发丝细节调整。


网站:https://www.remove.bg/zh


 

  • Tinypng——图片尺寸免费在线压缩网站


Tinypng提供了在线免费压缩图片服务,再也不用担心服务器和手机的空间和流量问题啦!它的原理是将 PNG24位真彩色图片压缩成 PNG8位索引图片,从而做到基本不损失画质和观感。

       

yhmFAHaWkUc8mSAe__thumbnail.png

     

  1. 上传图片的时候,可以多选多张图片,一次最多支持20张图片的批量上传压缩,而且还可以批量压缩后打包下载。

  2. 无需安装,随时随地直接在线压缩图片。除了在线版还有插件版,能把外贸网站里的图片自动压缩。


网站:https://tinypng.com/

 

六、作品交流


为有源头活水来,只有交流分享才能进步。进行作品交流不仅可以了解自己进步的速度,也可以提供自我展示和作品集。通过浏览分析他人的作品,也有助于了解作品的流程和形式,使自己创作更有方向性及目的性。

 

  • Behance——展示和发现创意作品


Behance是Adobe旗下的设计师交流平台,世界各地设计师在这里分享作品。作为展示和发现创意作品的领先在线平台,它有来自各个领域的顶尖作品集。

       

E6f5PdtxbMutAng6__thumbnail.png

     

  1. Behance的设计类目清晰明了,你可以直接进入感兴趣的领域。

  2. 图片质量非常高,不仅囊括成品图和渲染图,还有一些头脑风暴的过程。

  3. 它提供Prosite服务,你可以用于建立自己的独立页面,上传的个人作品可以直接关联Adobe Portfolio做成自己的作品集,方便快捷。

  4. 这个网站偏商业设计,以案例形式呈现,你可以了解该产品的细节或故事的前因后果,也可以看到各种workflow和一线的app/branding/web design过程。


网址:https://www.behance.net/

 

  • Dribbble——国际知名UI设计平台


Dribbble是一个以UI作品为主的著名设计师作品分享平台,面向创作家、艺术工作者、设计师等创意工作人群,可以在线查看已完成的作品或者正在创作的作品。

       

zPD5vLIqyDfsykuL__thumbnail.png

     

  1. Dribbble提供作品在线服务,注重设计细节展示和视觉灵感分享,有很多精致逼真的icon和版式排版、UI设计、插画设计作品。

  2. 每天关注【Popular】可以让你知道目前流行什么样视觉风格,什么风格好感度更高,从而时刻保持自己设计产品的竞争力。

  3. 这个网站上有很多免费资源供你学习研究,搜索关键词“PSD”下载研究别人发布的资源有利于你对表现手法和技巧的理解。


网站:https://dribbble.com/


 

  • UI中国——UI设计师交流社区


UI中国是国内极具影响力的设计平台之一,致力于为设计师与企业搭建健康的设计生态。

tgxsaJOrWzqQi4rs__thumbnail.png

             

  1. UI中国用户体验平台上全部都是中国交互设计师的作品,带有明显的中国文化特色。如果你在培养自己的设计风格,那么这个网站具有很大参考意义,可以参考设计出带有中国文化背景的作品。

  2. 作为界面设计垂直社区,它里面有很多大咖分享的干货,还有线上和线下的活动,非常适合国内的设计土壤。


网站:https://www.ui.cn/

 


  • Uplabs——交互设计作品交流平台


Uplabs汇集了很多交互设计和前端设计作品,还有大量Android和IOS的UI设计资源。

       

1RtUNSGRHimv82R1__thumbnail.png

     

  1. 你可以通过软件分类来搜索不同软件绘制的交互设计原型。

  2. 除了展示作品外,Uplabs还支持部分作品原型文件免费下载。


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

 

 

本期分享就到这里了,大家有什么想要补充的可以在评论区回复,还有什么想要了解的,也可以评论留言告诉我!

 

以上。


这文章很赞

收藏(141)

分享

评论(0)

相关推荐

文章评论

才可参与讨论

宝藏工具人

广告人

我是只会推荐宝藏工具的宝藏工具人

累计发布了5篇文章

图片社交平台运营40个工具网站

新媒体运营必备的54个工具网站

热门招聘查看更多

  •  
回到顶部
意见反馈
二维码 下载APP
关闭

意见反馈

关闭

案例认领

关闭

用户注册

已有账号?
手机

验证码
验证码

验证码

关闭

用户注册

用户

密码

密码

关闭

忘记密码

密码

密码

无法找回? 点此申诉

关闭
关闭

账号申诉

已有账号? 立即登录
用户名
手机号
邮箱

关闭

忘记密码

手机号

验证码
验证码

验证码

返回登录

无法找回? 点此申诉

关闭

信息已提交:

我们会在1-3个工作日内审核完毕,并用
邮件通知您,请耐心等待,谢谢
关闭