最佳设计师伴侣Eagle,我的使用技巧分享

Eagle是我用过的最好用的素材管理软件。

身为一名设计师,拥有自己的素材灵感库是一件非常必要的事情,入行设计之后,我基本上每天都会浏览一些设计网站,采集一些灵感,看到漂亮的设计,我都会采集起来,在使用Eagle之前,我都是使用各自网站的收藏功能,这就导致了我的灵感素材杂乱无章,比如我在站酷收藏了一篇作品,等我下次想要去看的时候,突然想不起来我究竟在ui中国收藏的还是站酷收藏的还是在别的什么网站收藏。

看似每天采集了很多的素材,却总是不能有效地去查找它们,导致素材堆积得越多,我就越混乱。好在后面,我发现了Eagle这款神器,让我的素材整理更加地有规划,更有效地找到这些素材。

第一次使用Egale的时候,我并没有真正地管理自己的灵感素材,只是一个劲地采集灵感,导致我后来想看的时候,一样还是很混乱。因此,我发觉拥有一套自己的素材管理系统非常重要,在一个闲暇的周末,我把灵感素材进行了分类整理。我主要采集的是UI界面、运营图和插画。所以我对这三大类进行了一些详细的分类(下图以UI界面为例)。

同时支持了标签编组,对一个大的标签范围进行查看。

当这些都做好之后,我们后期找素材就方便多了。

不过后来我发现,同样的素材可以被添加到多个文件夹中,通过按下shift+command+j键,就可以选择多个文件夹进行分类了。也是个不错的方法。

如果觉得采集封面不详细,或者没有封面的作品,可以通过Eagle的浏览器插件,进行截图采集,这样做的好处是可以永久保存该作品,不必担心作者删除了作品,而找不到。但是一般采集封面我觉得就够了。

同时看完一些作品的时候,我们可以在注释这里写上一些感悟、问题或者一些可以让我们学习的点。下次我们再来翻阅的时候,想想当时为什么会有这样的疑问,可以助于自己的提升。

假如你问我,低保真原型和高保真原型的区别是什么?我肯定毫不犹豫地说,图标,内容,图片。只要有这三个,稍微排版一下,低保就完美蜕变成一张高保真原型了。

因为我做设计稿都习惯先用形状来当图片图标之类的,等后期调整的时候,再给他填充上图标和图片,这样做的好处就是,在设计界面布局的时候,我的想法不会因为画一个图标,或者找一张图片而打断。后期图标一起画,可提高图标的统一性(不同时期画的图标,会因为想法不同,而导致图标缺乏统一性,所以图标我一般都是一起画的)。

而图片我会根据App的设计风格去一些免费商用图片网站采集到Eagle,再对设计稿进行填充图片。一般我采集的图片素材分为两种:人物头像和图片。为了避免某些侵权因素,我通常采集的是国外的人物头像,和卡通头像(下图的卡通头像,来自dribbble的Rdd团队,已征得团队管理员同意使用)。而图片根据采集的风格来分,我偏向喜欢简洁和建筑的照片,所以我的图片偏向采集这两个类别。

我们只要在Eagle复制你要填充的图片,然后进入Sketch选择你想填充的图层,然后按下command+shift+y键,就可以将图片填充到设计稿上面啦。

同时它也支持批量填充。

如果桌面切来切去,你觉得麻烦,可以将两个软件分屏显示,只需要将Eagle全屏,然后把Sketch拖入Eagle的界面,就可以自动分屏了。

如果你屏幕太小,分屏不好操作,同时不想两个桌面切来切去,这个时候我们可以借助一款小软件,来帮我们。

paste是mac上面有名的剪贴板应用,他可以帮我们记住复制历史,支持文字,图片,视频等,只要我们在Eagle里面把要填充的图片都复制一遍,然后进入Sketch,按住command+shift+v就可以唤出剪切板界面,选择要填充的图片,然后点击要填充的图层,按下command+shift+y,就可以把图片填充进去,不需要两个界面来回切换。

也许你会说,这也没有多快速,还不如用一些图片填充插件,只要点一下就可以了,这一点我研究了市面上的填充插件,尽管他们可以导入自己的图片库,但他们填充的图片是随机性的,有时填充到不想要的图片,需要反复点击,才能填充到一张自己喜欢的,而通过Eagle和ImageReplaste以及paste的配合,可以保留一定的自定义性,也是我目前经常用的方法。

可能你会说,不用Eagle照样也能实现快速填充,为此,我试了一下不用Eagle来操作快速填充。如果图片本身是在本地文件夹中,那么需要先将图片拖入Sketch,然后在复制图片,再按快捷键进行填充,这样显然没有比用Eagle方便。而如果直接在本地文件夹复制图片,然后在Sketch按下填充快捷键,就只是显示图片的缩略图标,而不是把图片填充进去。

说实话,这并不算一个技巧,是Eagle本身就有的功能,也许对别人来说,只是个小功能,甚至忽视掉的功能,但是对我来说,就很有用。那就是他的跟随鼠标移动的进度条。

我有个兴趣爱好,就是看到有趣的交互设计,就会想着自己做一个demo看看能不能实现,而Eagle跟随着鼠标移动进度条就是我的学习工具,可以让我更加有效的观察每个交互的运动轨迹,操作逻辑,这样能让我快速作出一个交互demo出来。

相信很多人都是用系统自带的文件管理器来管理自己的项目,而系统自带的文件管理器功能有限,想要更完善的管理项目很难,当项目文件一多,很难去众多的文件中找出来。

我通常用系统自带的文件管理器查看文件视图,是上图的两种方式:第一种视图,优势是可以看到缩略图,方便查找文件,但是没有不显示根目录,当文件一多,来回查找,需要来回跳转页面,体验不好。第二种视图,显示根目录,但是缩略图只显示选中的文件,不能快速的查看所有文件的缩略图,查找文件略困难,体验不好。还有一个痛点就是,不能记住你上次打开文件的位置,每次都要重复进入,很麻烦。同时由于mac的内存的原因,我经常把项目文件都放到移动硬盘里,众所周知,系统自带的搜索对移动硬盘适配极差,经常搜索不到文件,或者找不到自己想要的文件。

这时我们就需要一个支持根目录显示、支持调整缩略图大小、搜索速度快的项目管理器。

由于Eagle支持导入的文件类型非常多,基本包含了日常设计的所有软件类型,同时支持显示根目录,缩略图,搜索快等特性,所以它也就顺理成章的成为了我的项目管理器。

为了区分开素材和项目文件,我建了新的资源库来放项目文件,以便于项目文档和素材的管理。

同时两个资源库切换很方便,只要按下command+L键就可以切换资源库,切换速度也很快。

导入也很简单,只要将项目文件夹直接拉入Eagle,就会自动导入,导入的速度根据你电脑的读取速度和大小来定,导入后,分类跟系统管理器一样。同时支持文件夹封面设置,项目文件一目了然。

它也支持了我最喜欢的空格查看大图的功能,当你需要对某一界面细看的时候,就可以通过空格键来快速查看。

在Eagle中有很多快捷键,记住一些快捷键,可以更高效的操作,比如下图,当要打开某个项目的时候。切换资源库-搜索项目-打开项目,一气呵成。完全无需使用鼠标。

可能你会觉得快捷键难记,其实没必要去强记,你只要多用几次,就可以熟能生巧,当你脑海里想好要做什么的时候,你已经按好快捷键了,这是一种本能反应。

既然要将Eagle做为项目管理器,那么必要就要更高效地打开Eagle,毕竟项目管理器是需要频繁地使用。

四指在触控板上滑动可以切换桌面,达到快速打开Eagle的目的。如果没有触控板,可以通过快捷键control+方向键来切换桌面。

方法二如果你不喜欢用切换桌面的方式来操作,也可以通过设置快捷键唤醒Eagle的方式打开。

方法是打开启动台,然后打开其他的文件夹,然后点击进入自动操作这个软件。

进入后会显示一个弹窗,我们选择快速操作,然后点击选取。

接着选择实用工具,然后找到开启应用程序,将它拉入右侧的工作台。

接着将工作流程收到改为没有输入。同时开启应用程序改为Eagle,然后再点击一下运行按钮,看会不会自动打开Eagle。

没问题的话,按下command+s键保存,名字可以根据你们自己的喜好取。

然后打开系统偏好设置,打开键盘。

然后选择快捷键-服务-下拉找到你刚刚创建的文件名,然后点击添加快捷键。输入你想要的快捷键就可以啦。建议三个按键的组合,因为两个按键容易跟一些软件的快捷键冲突,导致不能全局打开。

我用的快捷键是option+command+空格键的组合,因为这几个按键离得比较近,我比较容易按到。同时,因为这个快捷键是系统级的,基本不会跟其他软件的快捷键冲突。由于这个快捷键默认是打开系统访达的搜索快捷键,所以我们需要多做一步,选择聚焦,将显示访达搜索窗口的勾去掉,或者更换快捷键。

操作好上面之后,我们就可以通过快捷键的方式快速打开Eagle了!

由于Eagle暂时没有开发云同步的打算,目前我们只能自己搭建云服务器来实现Eagle云同步。

因为我工作的项目是几个人小伙伴共同负责的,因此我们的项目文件都是通用的,在以前我们的项目文件都放在一个共享文件夹里面,需要的时候我们自己进去查找,但是文件一多,我虽然熟悉我自己项目的文件位置,但是其他同事不知道,找起来就很麻烦。

后来我们就用Eagle来管理项目文件,同时将放有Eagle文件的文件夹共享出去即可,当其他同事需要的时候,只要在Eagle切换一下资源库就可以读取项目了。

操作也很简单在系统偏好设置-用户群组里面先创建一个共享账号。

然后在系统偏好设置-共享,勾选上文件共享,然后在共享文件及点击+号按钮,选择Eagle资源库放的文件夹,接着在用户那里添加我们刚刚创建的共享账号,给他读与写的权限

然后记得在文件夹上面单击右键,选择将权限应用到包含的项目(这一步很重要!不然你同事无法读取Eagle资源库)

然后另外一位同事点击访达-前往-链接服务器(command+k)然后输入服务器地址,就可以链接到了。

然后打开Eagle点击导入文件夹-进入共享文件夹-选择Eagle资源库,就可以读取到了。

因为是局域网的共享文件,所以很快,基本都能达到秒开的级别,但是只能限定在局域网以内,对于异地协同就需要公司的vpn才能进入共享文件夹。

同时为了防止文件丢失(其实是在家里还能继续工作),我们还使用了网盘同步功能,为此我们对比了线上的同步网盘的性价比

这里我推荐微云(微云的3t/10元一个月的开通渠道已经给隐藏起来了,需要去腾讯充值中心里面就可以看到了)和坚果云的网盘,只要去官网下载同步版,再按教程操作,进行文件夹同步就可以了,很方便。

只需要在手机或者ipad长按想要采集的图片,出现拷贝按钮,点击拷贝。然后再到电脑端Eagle界面按下粘贴(command+v),就能把那张图片采集Eagle啦~是不是很神奇。

开启接力的方法也很简单,mac在系统偏好设置-通用-允许在这台mac和icloud设备之间使用「接力」勾选上。手机在设置-通用-接力开启就可以了。注意的是:需要手机和电脑使用同个icloud账号,同时开启了蓝牙和wifi,才能使用接力。如果电脑和手机都开启了「接力功能」还不能使用的话,到设置-隐私里面把定位开启就可以了。

如果采集的图片比较多,或者手机和电脑不是同个icloud账号建议用隔空投送到电脑,再把图片拉入Eagle就可以了。

Eagle在一定程序上提高了我的工作效率,也是极具性价比的一款应用,使用Eagle两年多,从刚开始接触感受到的惊艳,到现在已经成为我工作的一部分,我喜欢用它来采集灵感,喜欢用它来做知识储备,喜欢用它来做项目管理...

在我看来,它就是设计师的最佳伴侣,但它不仅仅适用于设计师,它能做的事情很多,各种职位它都能成为一个好帮手。

THE END
1.常用快速原型设计工具大比拼原型设计工具哪个好用常用快速原型设计工具大比拼、原型设计工具哪个好用 原型设计是交互设计师与PD、PM、网站开发工程师沟通的最好工具。而该块的设计在原则上必须是交互设计师的产物,交互设计以用户为中心的理念会贯穿整个产品。利用交互设计师专业的眼光与经验直接导至该产品的可用性。https://www.jb51.net/php/152695
2.原型设计工具用哪个比较好?4种原型设计工具优缺点对比分析对设计师来说,一款好用的原型设计工具可以让他们的工作效率大大提高,能省下很多时间。当然,不同的原型设计工具都有一定的差异!那么到底哪个原型设计工具比较好呢?下面给大家推荐几款好用的原型设计软件,有需要的朋友可以根据自己的需要进行参考。 1、Axure RP https://www.niaogebiji.com/article-105555-1.html
3.原型设计工具有哪些?7款好用的原型设计工具推荐产品原型设计工具是设计师制作产品原型必不可少的工具。产品原型工具能帮我们解决很多问题,但是产品原型工具的选择却成为一大难题。除了我们熟知的产品原型设计工具Axure外,其实市面上还有很多好用的产品原型设计工具,例如Pixso。本篇文章,将分享7款好用的产品原型设计工具,话不多说,干货奉上! https://pixso.cn/designskills/yuanxinggongjvtuijian/
4.2024年10款好用的原型设计工具推荐在产品开发过程中,原型设计是非常重要的一环,它不仅有助于团队间的协作与沟通,更是产品是否符合用户体验的关键,本文中我们来推荐几款好用的原型设计工具 Axure Axure是一款非常强大的原型设计软件,支持Windows和macOS,它将将线框和原型设计的功能集于一身,让设计师无需代码就能够创建逼真的网站和APP应用的交互原型https://www.v1tx.com/post/best-prototyping-tools/
5.前端设计工具哪款好用?这5个不容错过前端设计工具都有哪些?哪个好用?5 个高效实用的前端设计工具,包括:即时设计、AxureRP、AdobeXD、Figma、WordPress 都是不错的选择。这几个前端设计工具在设计师行业中口碑比较好,受好评度也比较高的 5 款前端设计工具,大家可以根据自身需要和真正的使用感受进行选择取用。好了,接下来就是有关前端页面设计工具的具体https://js.design/special/article/good-front-end-design-tool.html
6.好用的界面原型设计工具超炫超酷超好用比viso强百倍资源标题中的“好用的界面原型设计工具 超炫、超酷、超好用 比viso强百倍”指的是这是一款比Visio更强大的界面原型设计软件,它具有出色的用户体验,炫酷的设计元素,以及易用性。Viso通常被用于创建流程图和基本的界面原型,但此工具似乎在功能和设计效果上更胜一筹。 描述部分提到的“下载后先安装AdobeAIRInstaller.exe”https://download.csdn.net/download/libinlink/2270144
7.《界面设计》复习资料2.对于交互设计师来说,下列对Sketch描述不正确的是() A.上手简单B.功能强大C.同时能满足交互和视觉的设计需求D.没有Photoshop好用【注释】:第一章1.1 第2页 似乎交互设计师需要一款上手简单,但功能强大的全能型设计工具,最好能同时满足交互和视觉的设计需求,来帮助自己完成蜕变,这款神奇的工具就是Sketch https://www.wjx.cn/xz/260641939.aspx
8.UI/UX必看!5款强大又好用的AI原型设计神器优设网大家好,这里是和你们一起探索 AI 的花生~今天为大家推荐 5 款目前较热门的 AI 原型设计工具,与 Sketch、Figma 等 UI 设计工具相比,它们可以实现文本/图像生成 UI 设计、图像智能处理、文案智能重写、设计灵感推荐等操作。这些工具不仅能提升设计师的工作效率,而且对产品https://www.uisdc.com/ai-prototype-design
9.MasterGo它提供了产品界面设计、交互原型制作、网页/APP开发设计等功能,且支持团队协作。软件简单易上手,并能搭建“设计系统”,实现设计组件一键复用、一处修改全局同步等功能…… 推荐:Eagle 设计素材收集整理神器 「Sketch / PS / Xmind / ProcessOn」 好用的免费产品原型设计 / 矢量 UI 界面设计软件工具 MasterGo https://www.iplaysoft.com/mastergo.html
10.ProtoPieforMac(高保真交互原型设计工具)v2.3.1中文激活版哪里有好用的高保真交互原型设计工具?MacW小编为您推荐ProtoPie破解版下载,它无论是拼出高保真原型,还是建立传感交互,都非常的易用,并且能够让你快速分享你的杰作。同时这也是一款无代码原型工具,让无编程基础的你轻松组合即可制作交互动效,摆脱代码束缚体验感应式交互。本站提供ProtoPie破解版下载,需要的朋友快来下载https://www.macw.com/mac/849.html
11.十大原型设计工具,UI界面设计原型设计软件排行榜2024年原型设计工具十大品牌最新发布,原型设计工具排行榜前十名品牌有Sketch、Figma、Axure RP、Adobe XD、摹客、墨刀、莫高设计、Pixso、Proto.io、即时设计。原型设计工具10大品牌排行榜由品牌研究部门收集整理大数据分析、研究得出,帮助你了解原型设计工具哪个牌子好。https://www.maigoo.com/maigoo/9593yxsjgj_index.html
12.101种最热门的EdTech工具Buncee 被用作课堂演示工具,用于回顾和介绍符合课程标准的内容。此外,Buncee还能记录学生的学习模式和“踪迹”,包括选修的书籍报告、研究项目、数字故事、基于项目的学习、感兴趣的项目和创造的时刻。有了Buncee易于使用的创作画布,学习只需要一个拖拽动作,整个过程变得简单有趣。https://36kr.com/p/829435155242882
13.产品经理方法论——构建完整的产品知识体系第3章主要介绍了产品流程图的定义、作用和画法,并结合实际案例讲述了如何画好一般流程图和泳道流程图。 第4章不仅介绍了如何画好产品原型图,还讲述了常用的原型设计工具,并对产品原型设计经验进行了总结。 第5章介绍了业务架构图、功能架构图、信息架构图、混合架构图的画法。 https://labs.epubit.com/bookDetails?id=UB77f4ce6cd71d0
14.原型工具Axure和墨刀哪个更好?简介:原型工具Axure和墨刀哪个更好? 1.常用功能对比 1.1Axure 软件 首先我们对比一下Axure 软件的布局如下: 1.2墨刀软件 从软件布局上都是采用了三段式的结构设计:左侧展示页面和元件,中间都是画布区域,右侧是样式和交互设置区域。 2.元件库与组件库对比 https://developer.aliyun.com/article/1369969
15.设计工具好的设计工具不仅可以让设计师的工作更轻松、成果更出色,也能让沟通协作更顺畅,实现设计与协作双双高效率!? 本文将介绍设计工具:亿图图示、ProcessOn、墨刀、即时设计、xiaopiu 原型平台、蓝湖助手、智令互动视频创作平台、易企秀 H5、特赞创意商城。? 亿图图示? 亿图图示是一款专业易用的综合绘图软件,可以https://www.feishu.cn/hc/zh-CN/articles/360049067968
16.16种原型制作工具及使用介绍[译]每人都在问:“哪个原型工具是最好的?” 这是个错误的问题。 The correct question is: “Which prototyping tool is the best for my current objective?” 正确的问法是:“为达成我现有目标,哪个原型工具是最好的?” Spoiler alert: everyone should be skilled in multiple prototyping tools. One is not enhttps://www.jianshu.com/p/4ead159e23df
17.5款最好的安卓界面设计工具推荐Mokcplus的线框图设计还是已清晰的实线为主,它更希望在向开发人员表达设计师想法的同时,保持尽可能的简单和整洁。同时,在项目建立的第一步,用户就可以根据自己的需要来选择手机的模板,这个功能在安卓界面设计工具可以说是实惠又好用。 3.Adobe XD 原型和线框图设计的市场日渐壮大,作为设计工具行业中的企业大佬https://www.rologo.com/5-kuan-zui-hao-de-an-zhuo-jie-mian-she-ji-gong-ju-tui-jian.html