文档章节

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

BrillantZhao
 BrillantZhao
发布于 2017/07/04 16:59
字数 946
阅读 21
收藏 0
点赞 0
评论 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
苏州
项目经理
Windows Phone中文开发资源集中营

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

飞雁
2011/11/21
0
0
微软 Surface RT 上手体验之软件篇:感受 Windows RT

今天爱范儿在上海全程直播了微软 Windows 8 中国发布会。在发布会结束之后的 Demo 环节中,我们对 Surface RT 进行了充分的体验。这次中国发布会也是今年 6 月 19 日 Surface 首次亮相之后的...

oschina
2012/10/26
6.6K
19
前端常识普及UI,UE,UCD,UED

UI(User Interface):用户界面;界面设计,编码,交互; UE(User Experience):用户体验;用户使用产品过程中的主管感受,有人专门去研究这种感受; UCD(User-Centered Design):以用户...

XBGG
06/24
0
0
Ant Design Mobile 2.1.9 发布,AntD 移动端设计规范

Ant Design Mobile 2.1.9 已发布,更新内容如下: Feature 支持自定义 属性, 提供虚拟键盘确认按钮回调(#2551) 支持自定义 属性, 以解决虚拟键盘点透问题(#2550) [React Native] 在RN下支持 ...

王练
05/23
0
0
人工智障学习笔记——强化学习(5)DRL与DQN

在普通的Q-learning中,当状态和动作空间是离散且维数不高时可使用Q-Table储存每个状态动作对的Q值,而当状态和动作空间是高维连续时,Q-Table则不再适用。 通常做法是把Q-Table的更新问题变...

sm9sun
03/19
0
0
Windows Phone Developer Tools for Mango

新版本的Windows Phone Developer Tools 已经发布了版本为7.1 Beta。具老鲍说Mango 系统具有500多个新特性,到底有几个反正我是统计不出来,相信老鲍不是吹牛皮。暂不谈Mango 的特性,既然新...

junwong
2012/03/09
64
0
Windows Azure 设计模式 (转)

公告:本博客为微软云计算中文博客的镜像博客。部分文章因为博客兼容性问题,会影响阅读体验。如遇此情况,请访问原博客。 采纳新平台所面临的一大难题便是寻找适用的设计模式,并以之开发出...

晨曦之光
2012/03/09
0
0
IE 再曝 0day 漏洞 IE/7/8/9 均中招

安全研究机构Eric Romang发表声明表示,微软IE浏览器新曝光了一个严重的安全问题,并且已经被黑客利用攻击用户,因此建议大家暂且使用其它浏览器,等待微软解决此问题。 Romang指出,利用这个...

oschina
2012/09/18
3.8K
47
Windows Phone 及 Metro UI 设计讨论

微软最新的移动操作平台为Windows Phone提供了全新的内容组织方式和不同的用户体验,在此基础上,Windows 8 也将采用同样的Metro设计原则。与以往的侧重点不同,Windows Phone更注重于用户的...

红薯
2011/12/29
2.2K
1
如何解决 iframe 无法触发 clickOutside

如何解决 iframe 无法触发 clickOutside function documentHandler (e) { }el.vueClickOutside = documentHandler;document.addEventListener('click', documentHandler);} // 建议使用下面这......

MT1992
07/02
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Confluence 6 安装补丁类文件

Atlassian 支持或者 Atlassian 缺陷修复小组可能针对有一些关键问题会提供补丁来解决这些问题,但是这些问题还没有放到下一个更新版本中。这些问题将会使用 Class 类文件同时在官方 Jira bug...

honeymose
3分钟前
0
0
设计模式:代理模式

代理模式可以分为三种:静态代理,动态代理,cglib代理 1.静态代理:被代理的类需要实现一接口或是继承一父类 委托类(被代理的类): package com.java.pattern.proxy.staticdemo;publ...

人觉非常君
6分钟前
0
0
非常实用的IDEA插件之总结

1、Alibaba Java Coding Guidelines 经过247天的持续研发,阿里巴巴于10月14日在杭州云栖大会上,正式发布众所期待的《阿里巴巴Java开发规约》扫描插件!该插件由阿里巴巴P3C项目组研发。P3C...

Gibbons
12分钟前
0
0
Tomcat介绍,安装jdk,安装tomcat,配置Tomcat监听80端口

Tomcat介绍 Tomcat是Apache软件基金会(Apache Software Foundation)的Jakarta项目中的一个核心项目,由Apache、Sun和其他一些公司及个人共同开发而成。 java程序写的网站用tomcat+jdk来运行...

TaoXu
12分钟前
0
0
TensorFlow,从一个 Android Demo 开始

TensorFlow Android Demo 项目地址 Machine Learning 既然提到了 TensorFlow,那是不是得神经网络、机器学习了解下? 如果你能坚持把 机器学习速成课程 给啃完了,觉得还挺有兴趣的,那可以考...

孟飞阳
14分钟前
0
0
JVM学习笔记二:内存结构规范

1、JVM基本结构图 2、java堆(Heap) 3、方法区(Method Area) 4、程序计数器 5、JAVA栈图解 局部变量表:八大基本类型,还可以存储引用类型 上一篇:JVM学习笔记一:类加载机制介绍...

刘祖鹏
19分钟前
0
0
mui集成微信H5支付(返回白屏问题已经解决)

一.项目需求 因为公司人员缺少,没有专门开发安卓和ios的人员,为了项目尽早上线采用了混合APP开发的方式,我选择了MUI混合开发框架,项目中需要在用户购买VIP会员的时候进行支付,所以需要在项目...

银装素裹
23分钟前
0
0
TensorFlow gpu 版 安装

win10 + Python3.6 下载cuda https://developer.nvidia.com/cuda-downloads?target_os=Windows&target_arch=x86_64&target_version=81&target_type=exelocal 下载cudnn,复制链接地址,使用迅......

阿豪boy
42分钟前
0
0
SpringBoot集成Redis--配置自定义的RedisCacheManager

配置自定义的RedisCacheManager--1自定义键生成规则 默认的键生成器 当不指定缓存的key时,SpringBoot会使用SimpleKeyGenerator生成key。 SimpleKeyGenerator SimpleKey 查看源码可以发现,它...

karma123
42分钟前
0
0
防火墙未来的发展趋势在哪里?

导读 防火墙(Firewall),也称防护墙,是由Check Point创立者Gil Shwed于1993年发明并引入国际互联网。当下互联网时代,无论是大小企业,大部分都会部署有防火墙的设备,但这些防火墙往往并不...

问题终结者
45分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部