软件界面设计工具(UI设计师常用的设计工具和网站)

园林资讯网 16 0

  如今,越来越多的工具可以帮助我们缩短设计时间,提高效率。比如我们之前需要手工标注的部分,现在可以得到所有的html文件;本来我们需要批量导出图片进行开发才能用AE做好动画,现在一个代码文件就可以轻松解决。

  而且,很多优秀的网站都在不断地为我们提供高质量的素材或灵感,帮助我们完成日常工作。以下是我平日使用的一些工具和网站的分享。

  插件

  1.AE插件:GifGun

  目前我知道最简单高效的视频转GIF的插件。

  在使用这个插件之前,导出GIF最常用的方法是通过AE导出视频,然后再用PS导出。缺点是操作繁琐,文件非常占用内存。二是用Adobe自带的媒体编码器导出。缺点是需要再安装一个软件,反复调试不容易导出最终满意的结果。

  这个插件完全万无一失,可以导出高质量的GIF文件。

  软件界面设计工具(UI设计师常用的设计工具和网站)

  2.AE插件:Motion 2

  MG动态神器。不过我最常用的功能是“锚点设置”。软件提供九个位置的锚点选择。确定中心点的位置非常有用,无论是制作MG动态效果还是UI动态呈现。而其他功能也很丰富。比如:弹性动态效果、爆炸效果、复制关键帧、批量命名等。功能非常全面,易于操作。

  软件界面设计工具(UI设计师常用的设计工具和网站)

  3.AE插件:Bodymovin

  设计师在设计动态效果的时候有很多想法。然而,用AE软件可以轻松产生的效果不一定对开发学生可用。在工期紧张的情况下,花大量的精力和时间去还原这些动画效果显然是不现实的。

  但Airbnb开发洛蒂并开源的时候,这种情况就不一样了。设计师可以通过Bodymovin插件导出JSON格式文件,让工程师放到APP项目中,让AE做出来的效果100%还原。

  虽然插件不完善,但是有些复杂的效果无法实现。但是项目中90%的效果都是可以转换导出的。

  软件界面设计工具(UI设计师常用的设计工具和网站)

  4.PS插件:Cutterman、GuideMe、Parker、Psmirror四件套

  Cut开发的几个PS插件。切割器切割工具;GuideMe自定义参考线工具,个人在网页上最常用;Parker支持全方位标注插件;Psmirror最常用的实时预览工具。

  上面三个插件都是充电软件。不过考虑到不到100元,买永久免费升级还是很划算的。插件都是中文的,自带说明,很良心。

  软件界面设计工具(UI设计师常用的设计工具和网站)

  5.PS插件:蓝湖

  蓝色泻湖本身就很厉害。插件的主要功能包括上传设计稿和标注裁剪。完成的设计草案可以在上传后与其他团队成员共享。而且网页会自动标注,非常方便。打标切割功能也很简单。要剪切的元素都做了标记,上传后开发者一键下载剪切,非常高效。

  软件界面设计工具(UI设计师常用的设计工具和网站)

  6.Sketch插件:AutoFixiOSTextLineHeight</strong>

  软件界面设计工具(UI设计师常用的设计工具和网站)

  微信官方账号里找到的一个插件,完全解决了开发设计图纸行高不统一的问题。为了使字体行高更准确,避免重复调整,我们可以使用这个插件,可以帮助我们解决这样的问题。

  7.Sketch插件:Sketch Measure

  高效的切割和标记工具,与草图软件非常兼容。有各种标注功能和切片功能,可以直接导出html格式,包括所有规范细节和css格式。它可以降低通信成本,提高效率。

  4221a98b3c958775882b.png?from=pc" >

  软件

  1.坚果云

  非常适合快速存储需求。界面简洁,功能强大,操作简单,可全平台同步。甚至不用打开客户端,右键即可同步云端,非常适合团队协作和临时储存需求。

  软件界面设计工具(UI设计师常用的设计工具和网站)

  2.MindNode

  一款思维导图软件。我选择它的理由很简单,“颜值够高”。

  软件界面设计工具(UI设计师常用的设计工具和网站)

  3.有道云笔记

  各种平台均可同步,界面简洁清爽,功能丰富。本人经常把他当做学习工具来使用。是我整理笔记的首选软件。

  软件界面设计工具(UI设计师常用的设计工具和网站)

  4.字由

  云字库功能非常方便,省去了找字体和下载字体的麻烦。PS、AI、Sketch等可多软件使用。

  软件界面设计工具(UI设计师常用的设计工具和网站)

  5. Design Camera

  当我们设计好界面之后,总是喜欢套上各种样机进行展示。这款软件可以省去我们去找样机的时间。将我们的设计稿拖入界面中的3D样机当中就完成了。手机颜色、背景颜色、灯光、画面比例均可调节。同时,软件还可以录制视频,自定义视频等。当插上数据线,还可以实时显示记录我们在手机上的操作。

  软件界面设计工具(UI设计师常用的设计工具和网站)

  网站

  1.图库

  ① Unsplash--https://unsplash.com/

  软件界面设计工具(UI设计师常用的设计工具和网站)

  免费可商用

  ② PIXABAY--https://pixabay.com/

  软件界面设计工具(UI设计师常用的设计工具和网站)

  免费可商用

  ③ Pexels--https://www.pexels.com/

  软件界面设计工具(UI设计师常用的设计工具和网站)

  免费可商用

  ④ UI Faces--http://img.gzkyz.com.cn/cwtea/20210704/bsyemuckna0 src="http://img.gzkyz.com.cn/cwtea/20210704/imjxoyewhou.jpg" >

  UI头像图库。有丰富的内容,和多样的筛选功能。

  2.压缩工具

  ① TinyPNG--https://tinypng.com/

  软件界面设计工具(UI设计师常用的设计工具和网站)

  个人认为最好用的图片压缩网站。支持.png和.jpg格式图片的导入。

  ② Smallpdf--https://smallpdf.com/

  软件界面设计工具(UI设计师常用的设计工具和网站)

  pdf格式文件压缩网站。操作简单,文件拖入即可压缩。同时还支持其他格式文件转pdf等功能。

  3.字体

  ① 字客网--https://www.fontke.com/

  软件界面设计工具(UI设计师常用的设计工具和网站)

  ② 站长素材--http://font.chinaz.com/

  软件界面设计工具(UI设计师常用的设计工具和网站)

  4.矢量图标

  ① easyicon--https://www.easyicon.net/

  软件界面设计工具(UI设计师常用的设计工具和网站)

  ② iconfont--https://www.iconfont.cn/

  软件界面设计工具(UI设计师常用的设计工具和网站)

  ③ FLATICON--https://www.flaticon.com/

  软件界面设计工具(UI设计师常用的设计工具和网站)

  5.颜色

  ① Color Hunt--https://colorhunt.co/

  软件界面设计工具(UI设计师常用的设计工具和网站)

  提供了多种高质量的配色方案。还可通过搜索得到与自己想法匹配的颜色。

  ② Adobe Color CC--http://img.gzkyz.com.cn/cwtea/20210704/nt32oglvh0y src="http://img.gzkyz.com.cn/cwtea/20210704/fqz2owznesj.jpg" >

  ③ COOLORS+SKILLSHARE--https://coolors.co/

  软件界面设计工具(UI设计师常用的设计工具和网站)

  6.规范

  顶级互联网公司设计规范网站。

  ① Apple--https://developer.apple.com/design/resources/

  软件界面设计工具(UI设计师常用的设计工具和网站)

  ② Material Design--http://img.gzkyz.com.cn/cwtea/20210704/zuivz5tafce.html src="http://img.gzkyz.com.cn/cwtea/20210704/tbqjr2j4moz.jpg" >

  ③ Microsoft--http://img.gzkyz.com.cn/cwtea/20210704/evywtnyuxwn src="http://img.gzkyz.com.cn/cwtea/20210704/x2gl2wcu3io.jpg" >

  ④ 蚂蚁金服--http://img.gzkyz.com.cn/cwtea/20210704/xudwwin3pdh src="http://img.gzkyz.com.cn/cwtea/20210704/cix2rdbzy3f.jpg" >

  ⑤ 微信小程序--https://weui.io/

  软件界面设计工具(UI设计师常用的设计工具和网站)

  除此之外,还有Airbnb、Facebook、Uber等大厂。可以登录他们的设计网站,去了解世界顶级互联网公司的产品规范。

  7.可用性测试网站

  https://webaim.org/resources/contrastchecker/

  软件界面设计工具(UI设计师常用的设计工具和网站)

  可以测试字体颜色在强光下是否清晰可见。数之比大于等于4.5:1为正常。

  8. 缓动函数速查表

  http://www.xuanfengge.com/easeing/easeing/

  软件界面设计工具(UI设计师常用的设计工具和网站)

  动效设计工作中,可以作为动态曲线的参考。

  9.素材下载

  ① http://www.uibaba.com

  软件界面设计工具(UI设计师常用的设计工具和网站)

  ② Mockupworld--https://www.mockupworld.co/

  软件界面设计工具(UI设计师常用的设计工具和网站)

  11.赏析

  1.pinterest、behance、dribbble 设计网站三件套不必多说了。

  2.http://4db.cc/

  软件界面设计工具(UI设计师常用的设计工具和网站)

  3.https://muuuuu.org/

  软件界面设计工具(UI设计师常用的设计工具和网站)

  4.http://reeoo.com/

  软件界面设计工具(UI设计师常用的设计工具和网站)

  5.https://vimeo.com

  软件界面设计工具(UI设计师常用的设计工具和网站)

  浏览器插件(Chrome)

  1.muzli

  设计灵感插件。安装之后,每次打开浏览器,你就能从各大设计网站看到每日的精选推荐。

  软件界面设计工具(UI设计师常用的设计工具和网站)

  2.Site Palette

  可以快速分辨当前网页的主色,中间色调和MD配色搭配等。同时,可以下载色板供PS或Sketch等软件使用。

  软件界面设计工具(UI设计师常用的设计工具和网站)

  3.截图大师

  非常方便的网页端截图插件。

  软件界面设计工具(UI设计师常用的设计工具和网站)

  到这里,我个人平时常用的设计软件、插件、网站大部分都总结完毕了。后面有新的发现,或是好用的软件我也会陆续分享,来不断扩充自己的「武器库」。

  以上就是关于《软件界面设计工具(UI设计师常用的设计工具和网站)》的百科答疑相关内容,希望能够解决大家的疑惑,今天就介绍到这里了,如有更多疑问,请查看百科答疑。

标签: 软件

发表评论 (已有0条评论)

还木有评论哦,快来抢沙发吧~