当前位置 > 主页 > 网站建设 > 网站制作 >

网站设计必不可少的几款珍藏软件

日期:2019-09-19 14:51:16 作者:柠檬味 出自:贵州海鑫盛app开发公司

作为网站设计师,我们可以选择很多工具和软件,网站设计师不仅仅需要设计网站原型图,还需要设计网站效果图,网站动态图。所以就涉及到很多工具了,下面我们来说说一些非常好用,必备的软件。

案绘制

image.png

Sketch

在方案绘制这个?#26041;冢?#22823;家应该不陌生。首推的是Sketch,配合它使用的还有插件CraftManage,在绘制?#35745;?#26102;使用它custom这个功能,可以随机更换填充?#35745;?#22312;做用户头像和APP里面的?#35745;?#26102;特别方便。

Photoshop

Photoshop的功能在这里不再强调,在交互设计中,用来绘制方案没有sketch高效(原因我在之前的文章强调过多次)。但它强大的处理?#35745;?#30340;功能,让人也忽视不了,经常能帮忙解决一些关于?#35745;?#30340;?#20204;小?#26684;式调整、颜色等等的一系?#24418;?#39064;。

?#35745;?#22788;理

image.png

这里的?#35745;?#22788;理主要是指在导出供程序员使用的APP?#35745;?#36164;源。为了降低?#35745;?#25152;占内存大小,需要进行压缩,ImageOptim是个不错的选择,但它有时候压缩的大小并不是很大,因为是对?#35745;?#22522;本是无损压缩。另外一个是在线工具TinyPNG,但对?#35745;?#32791;损比较大,适合?#35745;该?#21306;域比较多的情况。

gif制作主要是将一些小视频(主要是APP的demo)其中的某一小段做成?#35745;?#26041;便和运营的童鞋们进行?#20302;ǎ?#20182;们在发文时有时候需要用到。GIPHYCapture,操作简便,对录制的gif也可以进行编辑,使用非常方便。

动效原型

Flinto

动效原型我试过很多种,最后剩下的是这三种,当然?#36824;?#22823;家参考。Flinto是制作demo非常高效的工具,支持sketch导出。只要在sketch做好原型图然后通过插件就可以导入到Flinto。但Flinto的缺点在于,它缺少逻辑判断的功能。?#28909;?#35828;点击一个区域可能有两张状况出现,此时Flinto并不能表现出这种逻辑关系,于是有了Origami作为补充。

Origami

image.png

Origami是Facebook开发的一款动态工具,它的优点是能很细致地表达一款动效的状态出来,支?#25351;?#31181;逻辑的跳转,并且可以调动手机摄像头,模拟拍?#23637;?#33021;,可以调用JS代码。但它的缺点在于不能做太多的页面,二十个页面以上的效果就会卡,不支持sketch的导入,需要手动拷贝文件?#23567;?#23545;设计师来说,因为代码思维操作,学起来也稍微显得有点困?#36873;?/p>

Framer

Framer比Origami更接近代码。兼容sketch和ps的文件导入,熟悉以后按照适合Framer的操作来组织sketch图层在导入Framer的话,非常便捷。有些重复的事情用结构控制使用代码更方便,可实现的效果跟Origami差不多。程序员学起来特别容易上手。这个我也才刚接触,很?#34892;?#36259;,希望有一天也能成为大神。

视频相关

image.png

1.视频制作

动效demo有时候需要输出视频文件,想我做视?#36947;?#30340;APP也经常接触到视频,所以这一块也有些鸡肋。视频制作软件功能最强大的就是AdobeAfterEffects,简称AE。学习成本不太高,跟其他视频制作软件的原理比较相似,就是在某个时间?#25991;冢?#23558;每个元素每个属性的变化进行拆分,一个个进行实现。

FinalCut是Apple公司开发的视频软件,它更偏向于视频的拼接与合成,作为交互设计师,并不像动画师那样去制作,在视频这一块很多功能它就可以搞定。但FinalCut做出来的视?#30340;?#23384;会非常大,一般5s左右1280x720px的视频可能就有200MB。

(编辑:柠檬味)



上一篇:更好的提升用户登录体验先解决标签和资源占用问题 下一篇:在画网站设计原型图之前需要注意的事情有哪几件
18585853123
在线留言
二分时时彩是统一开奖?
六盒宝典特码买什么 pk10计划分析预测软件 2019年送彩金网站大全 一定牛江苏十一选五开奖结果 彩票走势图大全 山西快乐十分前三组走势全图 炸金花技巧规律 pk10一天稳赚5000图片 陕西快乐十分投注表官网 吉林快3手机形态走势图 p2p娱乐平台有哪些 2元彩票网图表走势 11选5上海时时彩平台 陕西快乐十分兑奖规则 广东极速十一选五