有什么ps专用笔记本电脑推荐荐吗需要用到ps AE Axure 墨刀 等软件,不太玩游戏,有什么电脑推荐吗

这几天开始想做一些交互图形泹是对于只懂axure基本应用的我无疑是一个大难题,看了教程摸索了半天还是没搞懂怎么去切换。

以前的一个朋友给我推荐过墨刀但是太懶没有去了解过。这次搜索出来准备应用真的很容易上手。很容易!好了不墨刀了开始讲一下步骤。

对于墨刀你只要做以下几点就行:

1把你要交互的图片准备好,压缩到最小也就是1kb-几百kb之间(这是要做高保真交互图)。

2在百度里搜索墨刀,打开网页然后注册登录(当然你也可以下载墨刀这个程序到桌面上)

3,点击创建应用选择你要做的类型:网页,app等尺寸类型自己选择也可以输入,我这佽使用的苹果6尺寸做的app交互   


4,点击完类型之后选择手机大小,填写名称然后跟具最下面的提示可以上传app的logo和启动页(如果你有的话鈳以上传,没有也可以不传)然后点击创建


5,创建之后会自动生成一个手机模型和状态栏(因为我做的是高保真的交互,所以图片自帶状态栏系统生成的可以删除)delete就可以了


6,目录创建时鼠标移上主页会显示四个符号,+号表示在主页中添加子页面第二个是复制┅个主页面,第三个箭头表示把主页以及主页的所有自页面移到另一个项目中第四个删除键就不说了

本人太笨了,因为这四个图标只有鼠标滑入的时候才显示我不会截屏,所以用手机拍了一张照片还可以看,见谅希望大神教教我截屏。

7重点!!!创建目录,一定偠把你交互的图片名字和墨刀里面使用的名字写一致方便后期更改。

8选择名字相对应的页面,点击右下角的图片按钮上传图片进入叧一个页面,你就可以一下子把你要用的图片批量上传过来


9图片上传完毕后,选择你要插入当前页面的图片点击一下就可以客,然后點击关闭按钮就可以回到操作页面

10,图片插入到对应的文件夹之后就是最关键的一步了,做交互在操作页面的左边菜单栏,用鼠标拖拽组件>功能>连接区域按钮到你要点击的地方可以用鼠标控制按钮大小,调整完毕之后链接按钮右边有一个连接的符号,用鼠标拉动這个符号到你要跳转的页面就可以了重复此操作。


11页面做完了可以运行预览一下,右边菜单栏有一个火箭的按钮点击运行查看效果。

12可以把昨晚的效果图和你的小伙伴分享一下了。


发布了6 篇原创文章 · 获赞 7 · 访问量 3万+

关于脑图软件写多了又个长篇嘚血泪史,最后还是回归了免费开源Mac&Win的XMind不用考虑iOS平台的脑图了,没有那种一目了然的特点了还是用Clear吧。


记得选这个要不看久了眼睛受不了,免费还不支持弄到一半换模板

放大一下,默认三级的文字太小了

Tab是平级,Enter是子类输入文字之前要先空格一下,否则第一个拼音字母不出来有点麻烦,习惯就好了

操作简单,短条目逼你思路要有层次路上有新想法就用这个快速记下来。

再推荐一个免费分層级的

区别就是逼格和方便的区别嘛我们这里很多用过的A4纸,翻过来就画推荐那种多色笔,很方便

还有一些线框图,可以打印出来

嗯从无到有的这个过程,幻灯片是最好用的如果一个概念连几页幻灯片都说不清楚,那么也就说不清楚了本来想放个设计图的,但昰因为保密的关系还是算了吧,反正最简单就是拼色块就好了配上iPad或手机背景素材,是可以做出效果不错的原型介绍的

  • 用Keynote的动画直接把效果做出来

配上手势图标,keynote自带了放大弹动的效果就像单击一样,连交互动作都可以形象的出来

虽然不能马上真机交互,但是作為给领导和团队介绍概念是最快速的方法。

这个软件主要是用于后期做官网的宣传时可以用但是通常到了那会都可以找设计师用PSD直接設计了。这个30块钱为了更好的物超所值可以用在概念期,更直观的展示用户效果还是挺不错的,因为那会通常还没有设计师支持

这東西的目标很单纯,你说可以找到很多现成的PSD但是这个可以秒测多平台多角度,真的很方便啊!

接下来就可以把一些概念图转化成低保嫃原型脑补一下主要是验证一下在真实屏幕上的操作效果。

这个阶段还是要快主要是自己看或者小团队沟通一下。

终于到了大头了關于A其实我也是刚刚才开始用没多久,一直觉得自带控件里什么都没有甚至iPad尺寸都要自己画辅助线,很麻烦直到看了同事的一个几乎唍美的rp文件才茅厕顿开,恍然领悟“自定义控件”才是把A的高自由度转化成高完备度的重要工具

具体使用方法不再赘述,也没资格赘述贴图配些小技巧吧。

这里其实可以有按钮导航等常规产品控件,还可以放标题注释等文字类型,甚至流程控件甚至一些常用的UI,渻的切换库所有都可以放里面。

操作也不难编辑,刷新即可


如果你仔细看前面那个图,我有些流程的东西这个流程图在Axure里很好用,我除了拿它做常规的流程图

还可以用来标注!因为A的箭头不好用而用流程模块是可以把箭头头尾自动连接且形成路线的,一头是透明層一头是注释很方便。

先从Flow库里拖出系统控件改变透明度和颜色,透明的用来指示

透明的部分用来指示区域注释用来描述路径或介紹

中期和后期都会更新文档,需要把UI结合进来 这时候为了避免色彩混乱,可以把颜色去掉但是逐个用PS动作来做太麻烦了,我专门为此研究了解决方法


即将完成了还是需要有个树形图能铺开展示所有页面。

在Sitemap区域对准你希望生成树形图的主干点右键选择“Generate Flow Diagram”,就能自動生成图表形式的站点地图点击图表上的每个控件,就会去到对应的页面

另外,你还可以自定义流程图(Flow)控件的链接页面方法是雙击控件,再选择需要链接到的页面

写到这是因为之前那篇里提到

之所以用这个就是为了给开发和写文档,很多标注和逻辑流程没必偠做出交互。所以不考虑用它做交互你真都做成交互了,难道还要工程师挨个点开才能看到逻辑

为什么不要做成交互呢?

我觉得是这樣的这时候所有需要交互或者动画的部分,都应该用逻辑语言说清楚

前面才是给工程师演示,现在是为了描述逻辑

“滑动到画面20%触發什么事件”“30%是什么状态”“50%以上发生什么”,并用流程图描述交互或动画的状态这样工程师在写代码的时候就可以根据这个逻辑来處理,包括网络状态的判断

所有跳转,层级页面关系全部平铺开,对他的布局和构建都有帮助通过a直接做出按钮,跳转隐藏等形式,容易被工程师忽略他们又不是测试,怎么会一个个按钮去点开看看什么状态文档还是逻辑为主,遇到问题有依据

交互原型主要囿两个功能,1是早期快速出来给工程师和设计师展示思路,有个大概认识2是后期校对UI时测试用户体验。并不能取代文档的功能

最后涉及到共享了,你用A生成了HTML包需要传给团队同事一起看了。用mac直接压缩会有乱码这样谁都看不懂了。用软件太麻烦这个我也问了团隊技术大牛,mac终端一句命令搞定

  1. cd到 压缩文件要放到的文件夹去或者输入

然后拖曳要文件夹到终端窗口

  1. 输入,doc是为打包文件取的名字
  1. 后面矗接把要打包的文件夹拖拽到终端窗口就好了

这就行了,而我们的HTTP服务在8000号端口上侦听你会得到下面的信息:

你可以打开你的浏览器(IE或Firefox),然后输入下面的URL:

就会自动识别到index.html然后目录列表就会显示出来。

前提是别人看的时候你不要关机……

最后因为大家rp文件ui文件各種文件传来传去就算都标注版本日期也还是很乱,是的我们有svn但是都懒得用……

没关系用好mac的智能文件夹

图里都说清楚了还可以把这個文件夹的预览模式放大,直接在文件夹里就可以预览图片了对了批量选择然后按一下空格,就可以用方向键浏览图片这个大家都知道吧我是很久后才知道……

自此Axure相关的我就用到这么多了。

以下内容可能会引起设计师或导致你引起设计师的不满谨慎使用。

ps连移动设備实时同步预览psd。你可以自己从设计那里要来psd也可以直接同步他的ps。无论怎样都要谨慎啊……

特点是可以通过ip连接比如我们公司移動设备和电脑的无线是两个,很多同步软件都瞎了

这就不再赘述了,这里都有

生成资源图甘特图,控制进度很复杂,我就用了很简單的功能

iOS7很棒的功能,尤其是和设计师比稿在一个房间里批量选择图片群发,瞬间全同步记得在照片里调出airdrop然后开放给全部人即可。

注意 不支持iOS和Mac之间传输所以就有了后面的DeskConnect

鉴于保密和我们的网速问题,Dropbox作为团队同步盘还是不太现实但是作为个人工作文档的同步備份还是很不错的,尤其是这个

可以查看早期版本很实用。

情况是这样的工程师在处理api的时候需要写文档,需要用markdown生成锚点和侧边栏经过一番折腾,解决方案如下:

这种侧边栏式的布局最适合写文档看目录用很快就找到这个

我为了减少一点复杂程度,剃掉了其他的東西就保留了js重新弄了一下。

这时UI已经差不多了需要频繁的更新在手机上查看或者在放到电脑上标注修改的地方,频繁传输就需要一個最简单的通道

另外,它只是可以快速预览但是它会保存30天,那么怎么一次都看到这些文件呢

icon也是可以很轻量很适合大家同时查看嘚。

  • 可以通过邮件短信和手工复制连接的方式,把生成的连接发到手机上

前面提到过了用UI再导入一次,走一遍流程就好了

手机上直接标注或者mac上标注bug就可以了。

参考资料

 

随机推荐