1.在菜单【发布】---【生成HTML】
2.找到文件路径,选中文件名称,右键生成压缩文件。
3.将压缩包上传至蓝湖【任意门】
PxCook:(我的评价:4.5星)
先说我用过还不错的标注工具,也是我目前在用的工具。操作形式和MarkMan有些许相似,不过交互体验上高出了一个档次。主要表现在支持智能的拖放标注,移动设备单位切换等方面上。并且它是为数不多的PS和Sketch都支持的标注工具。
(所有的对比中,我都尽可能使用同样的图来说明效果。)
优点:
成熟:跨平台——支持Windows和Mac。
成熟2:支持PS和Sketch。
交互特别智能,也方便,一拖一放就标注完了。
相当需要说的一点:对于PSD文件或者Sketch进行了修改之后,PxCook里的标注会自动进行更新,免除了手动操作的过程。这是后面很多软件没有的。
支持移动设备的多单位切换。
对于应用了图层样式的图层而言,它会忽略图层样式的尺寸,比较符合我们开发人员思路。
对于应用了颜色叠加的文本,标注时候,颜色值首先是正确的。
对于应用了颜色叠加,同时嵌套了组也对组应用了颜色叠加的文本标注颜色值也是正确的,以上两点很重要,因为我发现很多设计师喜欢通过这种方式来修改文本颜色。
缺点:
不能支持多个文件同时进行标注。
对于图层样式等信息,不能进行详细查看。
价格:
免费
Assistor PS:(我的评价:3星)
韩国推出的一款综合类设计辅助工具。其中也提供了标注功能。其流程为通过控制PS进行标注,类似于插件但并非插件。可谓开创了自动标注的先河,基本操作就是通过先选中图层,然后在插件面板中点击生成标注,标注会以一个新的图层的方式存在在你的设计稿中。只不过该软件已许久不在更新和维护了。
没啥问题,因为UI设计刚好在进行图标设计的时候,必须采用矢量格式,AI刚好提供了这方面的需要,但是还是建议与PS配合使用,毕竟每个软件都有自身的局限性。
可以直接上传GIF文件来,因为上传GIF文件不需要太多的格式问题。
UI设计常用软件中,PS和AI的地位举足轻重。于是常看到设计群里,一些新手问经常在问:做APP。
UI或是网页设计到底用Photoshop还是AI(Adobe。
illustrator)好?AI和PS的区别如下:
1、出生时间
首先看看这2个巨头软件的诞生时间:。
illustrator:
1987年
Photoshop:
1990年
2、第一版本的启动界面
双方都是粗糙的单色像素图像设计。
3、最多用在那个方面?
illustrator:
矢量图形设计
Photoshop:像素图像设计。
4、什么用户使用最多?
illustrator:
设计师
Photoshop:
艺术家
5、放大之后
illustrator:
放大后,图像依然清晰
Photoshop:
放大后,图像会被模糊
注:也就是说,用AI绘制的图形是可以放大而不失真,而PS就不可以,因为PS绘制的图形都是以像素点来画,除非直接使用矢量工具来绘制。
6、画板
illustrator:
可同时新建多个画布工作
Photoshop:
只能新建一个画布
7、剪贴蒙版
illustrator:
在对象上面
Photoshop:
在对象下面
8、选择工具
illustrator:
选择的是对象
Photoshop:
选择的是区域
9、图层
illustrator:
一个图层可以包含多个对象
Photoshop:
一个图层只能包含一个对象
10、Ctrl
(撤销)
illustrator:
可以多次连续的撤销
Photoshop:
只能撤销一次,要按Ctrl+Shfi+Z才能继续撤销操作。
注:其实PS是特意这样设计撤销的,如果你想像AI一样,可以直接修改快捷键即可。
11、工作区域
illustrrator:
可以在画布以外的区域继续绘制
Photoshop:
只能在画面以内的区域绘制,超出会被隐藏。
12、保存时间
illustrator:
保存快
Photoshop:
保存缓慢
总结:
这是比较清晰的对比,重点是:
AI适合用来绘制矢量图,比如手机APP、网页设计的布局排版、按钮、图标等矢量元素。PS适合用来做平面广告、插画或后期处理等。