文档章节

Experience Design使用(解决windows上无法使用Sketchw问题)

BrillantZhao
 BrillantZhao
发布于 2017/07/04 16:59
字数 946
阅读 26
收藏 0

Sketch目前只能在mac上使用,对于使用windows系统的小伙伴来说就比较尴尬了,这里介绍一款工具,来替代sketch,那就是Experience_Design,下载地址:https://creative.adobe.com/zh-cn/products/download/experience-design?promoid=RL89NH4J&mv=other

目前还是beta版本,未到正式版。

1. 接下来就是安装了,需要提供adobe账号(没有的话先注册一个),出生年月,一些信息等,安装过程比较缓慢。

2. 安装完成打开首页:

可以看到支持的设备与尺寸还是比较丰富的,同时还自带了一些常用的UI Kits,比如 iOS、Google Material 等。这样就可以帮助设计师快速从素材库选取内容搭建页面,十分方便。

整个软件的界面非常清爽,如果你对 Sketch 的使用很熟悉,那基本不需要任何额外的学习就可以直接上手使用。

上图就是 XD 的主面板了,左边分别有选中、插入矢量图形、钢笔、文字还有画板(Artboard,与Sketch类似),是不是很熟悉?右边就更简单了,选中不同类型的元素时就会出现相应的编辑内容,比如阴影、颜色、对齐、布尔运算还有生成表格等。对于矢量元素可以方便地添加、删除、编辑锚点,配合钢笔可以做出任何你想要的图形。

一个神奇的功能叫做 Repeat Grid,实际效果就是可以通过拖动来快速直观地生成一个 Gird。看我说起来好像和Sketch或者PS的同类功能没什么区别,但实际试一下就会发现XD的交互方式更佳直观简便。

鼠标按住某个间距时,会直接显示数值。并且如果你对间距进行拖动的话,可以让整个 Grid 间距跟着变化,整个过程只需要鼠标不需要其他额外的快捷键辅助。

width="783">

图片的添加和替换也很容易,直接把 png 丢到对应的位置,XD 会帮助你自动匹配。当然如果不满意再自己调整就好。

其实设计部分这些功能就足够了,深层次的操作大家可以挖掘一下。下面介绍一下原型(Prototype)功能。

在界面的左上角可以快速在 Design 和 Prototype 切换。在 Prototype 界面下,选中元素会发现右边出现了一个小箭头,并且可以选择简单的动画类型和参数:

比较遗憾的是目前 XD 中只能做到页面的切换,也就是让另一个页面从不同的方向滑入切换原本的页面,最多也只能做到淡入淡出,想要让某个元素单独飞出来目前应该是做不到的。不过我觉得既然主打了原型功能,Adobe 应该不会只满足于页面切换吧,稍微来点复杂的效果嘛不然可满足不了日常需求。

软件自带了预览功能,可以在 Mac 上直接查看效果,当然也可以通过点击实现简单的交互。软件可以直接实现录制,不过好像尺寸分辨率都不能调整,目前只能导出 mov 格式的视频。另外暂时没有看到对应的 App 在手机上预览,不过通过 share 功能可以生成一个链接,发给别人之后就可以在手机上看了。比较郁闷的是不知道是不是我打开的方式有问题,链接一直没有打开成功。

基本的介绍到此结束,后面会继续深入。

© 著作权归作者所有

共有 人打赏支持
BrillantZhao
粉丝 1
博文 46
码字总数 48113
作品 0
苏州
项目经理
私信 提问
【猎头推荐】索尼无锡研发中心招聘android软件开发

公司名称:索尼中国无锡研发中心 工作地点:无锡市震泽路18号国家软件园 招聘职位:这是索尼上海研发中心在无锡新成立的,与上海是一个系统管理。现招聘若干测试、开发人员。 相关产品:索尼...

Edna杨
2011/01/27
4.8K
14
Windows Phone中文开发资源集中营

1. 微软官方一站式中文开发社区:http://msdn.microsoft.com/zh-cn/windowsphone 包括最新活动信息共享 在线免费开发视频 开发工具下载 2. 微软(英文)开发资料MSDN:http://msdn.microsoft...

飞雁
2011/11/21
0
0
【北京】Lloyd Morgan猎头代芬兰无线通信公司招聘手机软件底层和中间层开发职位

芬兰公司,业务无线通信领域。北京研发中心现在扩展业务,招聘若干做手机底层和中间层软件开发的技术人才。 两个职位不限于某种开发平台,涉及到的有Symbian, Android, Windows Phone,任何一...

Angela WANG
2011/08/24
1K
1
瞬联软件-北京招聘-Senior Software Developer & Software Tes

公司网站: http://www.cienet.com.cn/ 公司名称: 瞬联软件科技有限公司 It is a pleasure to announce that we have urgent Beijing positions; we need your great support to recommend ......

haihua
2011/02/22
358
0
[瞬联软件]北京、上海招聘Software Development Lead、Software...

公司网站http://www.cienet.com.cn/ 薪资:10k~20k/month How to Apply: please send your latest resumes (both in English and Chinese) via email to haihuacao@cienet.com.cn (本人的邮......

haihua
2011/04/13
311
0

没有更多内容

加载失败,请刷新页面

加载更多

day179-2018-12-16-英语流利阅读-待学习

《海王》:上映 7 天,票房突破 9 亿,DC 要翻身? Daniel 2018-12-16 1.今日导读 这部电影堪称“有《阿凡达》般的视觉奇观,《指环王》般的史诗质感,《夺宝奇兵》般的寻宝历险,《狮子王》...

飞鱼说编程
9分钟前
3
0
window下安装maven

1.下载软件包: 2.解压到当前的安装路径: D:\Maven3.5.3 3.添加环境变量: 新建一个名为:MAVEN_HOME 填写解压路径:D:\Maven3.5.3 打开path,添加:%MAVEN_HOME%\bin 确定即可。 4.验证环境...

狼王黄师傅
23分钟前
5
0
聊聊flink的FsCheckpointStorage

序 本文主要研究一下flink的FsCheckpointStorage CheckpointStorage flink-runtime_2.11-1.7.0-sources.jar!/org/apache/flink/runtime/state/CheckpointStorage.java /** * CheckpointStor......

go4it
45分钟前
3
0
makefile 常用函数

Linux 环境下的程序员如果不会使用GNU make来构建和管理自己的工程,应该不能算是一个合格的专业程序员,至少不能称得上是 Unix程序员。今天我们来学习下makefile的常用函数。 《GNU make》h...

科陆李明
今天
20
0
Android 报错 Could not find com.android.tools.build:aapt2:3.2.1-4818971.

报错信息: Could not find com.android.tools.build:aapt2:3.2.1-4818971.Searched in the following locations: file:/C:/Users/96110/AppData/Local/Android/Sdk/extras/m2reposito......

lanyu96
今天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部