谁说SKETCH不能做交互设计?

   今天抽空看了下Silver这款插件,这是首款内置于Sketch的交互插件,通过它,你可以不用再依赖其它软件,就可以在Sketch中完成交互方案的设计和展示工作,听起来还是很酷的。现在Silver还没有面世,先看看这篇介绍Silver特性的文章吧。

  最近交互工具可真是风生水起不断涌现,从原生的Xcode,还有这几个号称不用写代码的的Hype3,Pixate,再到Principle,还有Flinto,还有这个正在开发过程中的Silver。不知道大家是不是已经挑花眼了呢?

  不管你是哪个工具的粉,我们都要搞清楚一点,这些软件都在或者想要实现这些内容:

  1. 不用写代码即可实现各种交互效果

  2. 打造属于自己的一套交互语言。前者就是静电上边提到的hype3,pixate,principle,flinto等等,或者除了传统的xcode是苹果公司的原生应用之外,还有Creo。Creo除了能实现前边提到的软件的基本功能外,还创造了一套自己的语言,让自己更有扩展性。

  Creo和今天要着重介绍的Silver的一个显著特点,也就是静电看到他们之后的第一印象,就是:这是一个简化版的Xcode。他们通过与xcode类似的工作流和组件构架形式来工作。也就是说,在Xcode里你可以看到各种VC(View Controller),那么在这两个软件中,你同样可以看到。

  比如你可以在他们的界面中看到Image View,Web View等等的组件。在配合类似Xcode的Storyboard的工作流,让设计师的交互方案得以实现。下面来看看还在开发过程中的Silver的特性。


  首先Silver官方给自己的定位是:直接在Sketch中构建轻量级的移动交互原型。没错,我们通过官方的视频发现,不同于其它工具,它确实是一个基于Sketch的插件,是的,Everything within Sketch。


  我们也可以看到类似的连线效果,直接在sketch中连线确实很少见。


  当然少不了手机预览咯


  由于Silver还没有公开提供下载,但我们通过视频能得到不少信息,首先他是基于sketch自身的,不必使用第三方工具;然后,是可以预览的。

  下面介绍官方提供的特性:

  1. 头部和底部

  通过快捷键即可将层转化为固定的头部或者底部,比如我们经常要使用的tabbar或者title bar。Sketch中的透明层可以当作按钮来使用,通过这些按钮可以实现页面跳转的功能。

  2. 可以编辑的输入区域

  可以把文本层转化为可以编辑的输入区域。这些输入区域可以定义不同的键盘类型。看起来很酷的样子。

  3. 将层指向Artboard

  可以将某些层转化为可点击区域,从而指定他们转向某个Artboard。这就是实现页面跳转的功能。


  4. 嵌入Web Views

  可以指定某个形状图层为展示Web Views的区域。在Sketch中调整他们的尺寸和位置即可让这个图层在预览时显示真正的网页。(静电:我喜欢这个功能)

  5. 内建的转场效果

  大家都知道在xcode中有Push,Pop,Modal和Dismiss这的转场效果,那么使用Silver你同样可以逼真的做到。Modal模式下显示的Artboard同样可以做返回处理。

  6. 集成核心的OS功能

  通过实现摄像头,浏览相册,书写email和短信,打电话或者运行外部网站这些功能,让你的原型看起来像真的一样。(静电:amazing…)


  7. 实时预览

  话说这个是这类软件的标配了吧?不过Silver需要一个他自己的独立app来实现这个预览功能。 通过数据线或者Wifi即可预览。


  极大改善你的工作方式:

  Silver号称是第一个内建在Sketch中的交互工具。使用这种内建的方式可以让你避免在软件中进行切换操作,简单快速的制作出交互原型。同时,我们可以看出Silver大概可能是基于Framer.js的,这个相信大家不会陌生。通过为Framer开发的Silver模组,你可以在两者之间传递交互动作。


  要看演示视频?

  点击 http://silverflows.com网站,查看官方视频吧。不过建议准备好自己的小梯子哦。

  写在最后

  Silver目前还在开发过程中,大家可以在其官方网站注册,等待开发完成,你将收到Silver团队的邮件。Silver是首款内置在Sketch中的交互设计软件,其表现如何,还有待大家的试用。不过Sketch通过这种插件方式弥补了自己不能做交互稿的”缺陷“,这想必能满足不少用户的期望吧?Silver团队说,有了Silver,你的设计稿就是你的交互原型,让我们拭目以待吧。

时间: 2024-09-08 19:01:49

谁说SKETCH不能做交互设计?的相关文章

几个做交互设计的误区

  传统的设计,主要走的是视觉路子,这块儿东西挖得很深;讲究传达,把设计师想表达的东西.情感.境界通过设计的内容传达给用户;而现代设计,除了表达这些元素之外,更讲究"用户体验""沉浸式""用户行为和操作",这些元素都必须综合的加以考虑,才能得到用户的认可. 简单来说,主要就是加入了"交互"概念.现在各种概念有很多,简单来说,就是这个设计好的东西,对用户操作,"有反应",这种"反应"将赋予

你是否适合做交互设计?

Alan Cooper说:"交互设计师需要具备凭空想象复杂行为的能力."一语道破了交互设计的真谛:去猜测有可能发生的场景.这是不是也同时表示交互设计完全要靠说不清道不明的第六感觉呢? 幸运的是,我们拥有一种被称为"推理"的能力,这种能力使我们能根据现有的资料,找出规律,去推测有可能发生的事. 做这种事,福尔摩斯最擅长. 不过在我看来,交互设计跟福尔摩斯要做的事也差不多:理解产品目标,研究用户和产品,发现用户使用产品时的规律,推测用户的心智模型,做出设计决策. 这样看

做交互设计应该知道的视觉几件事

UI偶尔会听到产品经理和交互设计抱怨,视觉设计稿和最初规划差别太大,我自己也遇到过类似状况.究其原因,大多还是沟通中出现了问题. 有效沟通,信息的对等是很重要的.这个对等,既包括让视觉设计尽早了解产品需求,获得与其他人员对等的信息;也包括交流双方知识领域的对等,彼此多了解对方领域内容,才能更好地沟通. 对于交互设计师来说,视觉设计是合作最多的一环,交互原型终归要以视觉的形式呈现在用户眼前.因此,懂些视觉设计,更易于将交互方案传递给用户.同时,交互设计作为多学科交汇的职位,懂些视觉更是自己能力的提

给非科班生的自学路径图之交互设计篇

  所有群里最常见的新人问题就是--零基础怎么学习交互设计?其实,很多时候零基础不可怕,但最怕的就是零基础带来的那种浮躁,比如往往他们都追求速成.每个职业人都有零基础的时候(废话),而在社会上获得工作机会又要求你有相关经验,于是这就形成了一个新人最恐惧的矛盾--越没经验越没机会,越没机会越没经验. 今天给大家推荐一些我个人认为相对靠谱的零基础学习途径,做完这些,想直接去 BAT 校招应该是可以一战的,或者退一步去一个小型公司进一步积累经验应该也会有很大的希望. 1. Design Guideli

别再问零基础怎么入门交互设计了!

所有群里最常见的新人问题就是--零基础怎么学习交互设计?其实,很多时候零基础不可怕,但最怕的就是零基础带来的那种浮躁,比如往往他们都追求速成.每个职业人都有零基础的时候(废话),而在社会上获得工作机会又要求你有相关经验,于是这就形成了一个新人最恐惧的矛盾--越没经验越没机会,越没机会越没经验. 今天给大家推荐一些我个人认为相对靠谱的零基础学习途径,做完这些,想直接去 BAT 校招应该是可以一战的,或者退一步去一个小型公司进一步积累经验应该也会有很大的希望. 1.Design Guidelines

互联网交互设计体会:交互设计师和产品经理

文章描述:产品经理与交互设计师的对话 需求是如何变成产品原型的. 在一个互联网公司的工作流程中,产品经理(主要指偏向产品设计的产品人员)和交互设计师是这个流水线上最起点的环节,也是关系最暧昧的两个环节.说其暧昧,是因为在很多互联网公司里面,这两个环节所做的事情是有重合的,这就意味着,他们或许也是整个流程中合作最紧密的两个环节. 相对比之下,产品经理更关注的是产品的内部逻辑.操作流程.策略等:而交互设计师更关注的是产品的易用性.流畅度和操作感受.总的来看,似乎可以认为,产品经理是从一个更加宏观的角

交互设计分析:紧紧围绕简单进行交互设计

文章描述:交互设计分析:紧紧围绕简单进行交互设计. 交互设计是近几年流行的一个词语.现在市场上有许多资料来介绍什么是交互设计,如何做交互设计等.从场景,任务,用户,操作等分析.但由于受实际情况的限制,往往不能很深入.所以笔者结合实际工作体验与大家分享下,具体做设计时候是怎么考虑的.如果要说什么是一个好的交互设计,个人浅见就是简单.本文以下内容都是围绕简单2字进行展开. 简单在本文中包括认知和操作两个部分: 1. 认知主要是指人的思维过程,本文中主要说明用户是如何做决定的: 2. 操作在本文中说明

什么是一个好的交互设计:简单的设计

文章描述:操作不太重要,需要突出内容的易读性,可以讲操作隐藏于鼠标悬停之后. 交互设计是近几年流行的一个词语.现在市场上有许多资料来介绍什么是交互设计,如何做交互设计等.从场景,任务,用户,操作等分析.但由于受实际情况的限制,往往不能很深入.所以笔者结合实际工作体验与大家分享下,具体做设计时候是怎么考虑的.如果要说什么是一个好的交互设计,个人浅见就是简单.本文以下内容都是围绕简单2字进行展开. 简单在本文中包括认知和操作两个部分: 1. 认知主要是指人的思维过程,本文中主要说明用户是如何做决定的

交互设计师和产品经理:交互设计的体会和想法

文章描述:产品经理与交互设计师的对话-需求是如何变成产品原型的. 在一个互联网公司的工作流程中,产品经理(主要指偏向产品设计的产品人员)和交互设计师是这个流水线上最起点的环节,也是关系最暧昧的两个环节.说其暧昧,是因为在很多互联网公司里面,这两个环节所做的事情是有重合的,这就意味着,他们或许也是整个流程中合作最紧密的两个环节. 相对比之下,产品经理更关注的是产品的内部逻辑.操作流程.策略等:而交互设计师更关注的是产品的易用性.流畅度和操作感受.总的来看,似乎可以认为,产品经理是从一个更加宏观的角