《Eagle》一款Electron开发的图片管理应用Eagle是一款圖片收藏及管理工具,可以輕鬆整理各種圖片螢幕

身为一名设计师,相信我们都有一件必做的事情:「整理电脑上的素材」。

如日常工作中因为某个项目所收集的图片,或是平时逛设计网站所保存的图,又或者是平常收集的一些源文件,管理起这些素材总是让人头疼。

这几年我也尝试使用过市场上其他几款图片整理应用,包含Ember、Inboard、Pixa、Pixave、Pincap等。这当中个人觉得Inboard是最好用的,过去我曾推荐过不少朋友使用Inboard这款应用,比较可惜的是这款软件已经没有再更新了,许多功能也没有持续优化,特别是收藏的素材累积到一个程度后就变得难以整理了。

在去年12月的时候,突然冒出「不如自己来开发一款心目中的素材整理工具」这样的想法,与几位朋友构想这个想法后,就开始开发这款新产品。

我们希望这款新工具可以满足下面这些需求:

1.高效收藏:提供各種高效的收藏方式,迅速收藏看见的灵感。2.高效整理:迅速完成图片分类与整理的任务。3.容易查找:不需花費大量時間就能夠找到收藏的素材。4.同步与团队协同:與團隊队员共享、协同,个人使用可以在多台装置上同步。5.顺手的操作体验:产品如果做的不顺手,即使拥有在多强大功能都是不合格的。

首先我们先来介绍收藏功能的部分,分别是「浏览器插件」、「屏幕截图」、「第三方内容导入」、「剪贴簿贴上」这几个部分来介绍:

逛網站時看到有用的資訊立刻收藏,大幅增加你的收藏效率,随时随地将网页上的任意图片,整个页面截图都储存到你的收藏夹裡。Eagle的浏览器插件提供多样的收藏功能,可以完成各种情境下的收藏,分别有:

A.单一图片收藏收藏网页的图片很麻烦?现在你有一个更好的方式。安装浏览器插件,只要在想要收藏的图片点击右键并点击收藏,Eagle就会自动帮你下载起来。

B.批次图片收藏网站里面有好多想要收藏的图片怎么办?快试试看Eagle提供的批次图片收藏的功能,只需要一个点击,所有的图片就储存到你的收藏夹里!

C.内容区域截图

D.网页整页截图传统网页截图一次只能截取一张,而且还要自己决定截图的宽度,实在非常麻烦,如果想要一次收藏各种萤幕尺寸的截图就得要操作很多次才能完成。Eagle在网页截图功能上做了很棒的创新,你只需要一个点击,网页的各种尺寸都会为你截图收藏下来!

灵感随时会出现在眼前,想要立刻收藏起来怎么处理?这时候你可以使用Eagle提供的荧幕截图功能捕捉眼前的看到的任何灵感,并快地进行整理与分类,所有的截图Eagle都会自动帮你自动标注一个截图标签,透过这个标签,我们可以在未来找到所有荧幕截图的图片收藏。

A.Pinterest内容导入你可以将自己或者是其他Pinterest其他使用者收藏的内容迅速导入到Eagle中收藏,大家都可以藉助这个功能,迅速成为一位收藏达人。

B.Inboard内容导入你可以直接将Inboard上的资料进行备份,所有收藏的内容、标签、资料夹都可以无痛转移到Eagle来。

你可以把所有画过的Sketch设计都储存在Eagle并依据各种元件名称进行归类,例如「按钮」、「输入框」、「导航列」等等,所有收藏的的元件都可以直接拖曳到Sketch直接修改使用。

用Eagle管理Sketch元件的好处:

A.避免重复造轮,加快设计流程B.设计团队共用,保持团队风格一致

目前Eagle支持各种图片格式,包含JPG、PNG、BMP、GIF、Sketch、PSD、AI、Base64等等

当素材被我们收藏下来后,如何有效地整理这些素材就变得非常重要,在整理素材这个部分,Eagle也提供许多实用的功能,可以让整理变得更轻松,分别有「资料夹」、「标签」、「自动输入标签」、「批次分类」、「批次重新命名」、「防止重复收藏」等功能

你可以依据不同的图片类型建立固定的内容分类,例如「网页设计」、「海报」等等,与传统的文件夹不同,所有收藏在Eagle的内容都可以归类到多个文件夹,而且不会占用两份以上的容量。

根据素材的特性可以撰写特定的标签,例如「扁平风」、「电商」、「趋势」等等。

在Eagle中你可以迅速的将图片灵感瞬间归类到多个分类中,而且归类后,所有的自动标签也会全部添加到这个内容上,同时就可以完成分类与撰写标签两个任务,大幅提升了收藏效率。

所有收藏下来的图片,你都可以在上方框选并标注想要补充的想法,不管未来哪一天查看,你都可以快速了解当初觉得很不错的地方在哪,团队使用时,也可以知道每个成员收藏当下的理由与想法。另外,图片标注内容与图片本身是分开独立的,也就表示你可以随时更改或移除标注,都不会影响图片本身。

为了避免用户重复收藏了同样的灵感,Eagle提供了相当强大的判断功能,可以在添加内容的时候迅速计算是否有相似同样的内容,也许是同一張圖片的不同尺寸、格式,这些都可以判斷出來,而且这个过程丝毫不会让你感觉到延迟或停顿。

收藏一系列的主題圖片,時常我們收藏下來的圖片名稱都不太一致,使用目前的修改名稱功能要進行序列的名稱修改也相當不容易。基於這個使用情境,我們重新開發「批次命名」功能,沒有太多繁雜的介面操作,只需要透過幾種簡單的代號就可以迅速完成以下任務:

1.新的名稱+序列號碼(%N)(支援格式1,01,001,0001自動補0功能)2.新的名稱+時間(%D)3.原始名稱(*)+序列號碼(%N)或時間(%D)4.自己決定序列號碼的起時數值

Eagle目前提供几种有效的方式可以让你迅速的找到需要的内容,分别有:「颜色筛选」、「类型筛选」「迅速切换(类似Alfred)」、「一键查看分类或标签」。

你有多台电脑或者想要跟团队成员一起收藏灵感素材吗?没问题,Eagle可以很容易的就实现这个功能,只需要将灵感收藏库放在常见的云端硬碟服务(例:Dropbox、GoogleDrive、iCloudDrive、坚果云),就可以轻松实现云端同步与团队协作啦。

A.音效提使与反馈删除内容、发现重复图片、内容下载成功时,Eagle都会发出有趣的音效来提用户任务已经完成。

B.Trackpad支持图片列表与图片展示画面都支援Trackpad进行大小的缩放。

C.超爽的放大体验将滑鼠移动至想要详细查看的位置上,接著压著Command按键加上滑鼠滚论,就可以很精准的放大想要查看的地方,完全不需要先放大、再移动。

D.图片排版方式列表上的所有图片都不会被截到任何一个部分,而且可以查看到每一张图片的整体,而且又不像会像「瀑布流」排版那样难以阅读。

E.浏览偏好记忆每种文件夹都收藏著不同类型的图片,这些图片都有他们合适的查看尺寸,在切换分类时,你不需要自己手动的调整这个设定,因为Eagle会自动记住你在每个资料夹的偏好尺寸。

F.中文标签支持拼音排序除了英文标签之外,所有的中文标签在标签管理页面中,也都会依据拼音的顺序进行群组与排序。

A.同时启动多个资源库,方便切换B.导入更多第三方服务上的内容(如花瓣、Dribbble、Behance)C.内容导入/导出D.智慧型资料夹E.Sketch插件F.自订快速键G.手机版本App

THE END
1.如何给webView加个书签(网页收藏)功能然后在一个 RecyclerView (类似于ListView)显示出来的功能,其实就是一个网页收藏功能。因为看了《第一https://bbs.csdn.net/topics/392216948
2.java后端实现网页菜单栏收藏功能javaweb网页java后端实现网页菜单栏收藏功能 javaweb网页 一、基本概念 1.1、WEB开发的相关知识 它用于表示Internet主机上供外界访问的资源。 Internet上供外界访问的Web资源分为: 静态web资源(如html 页面):指web页面中供人们浏览的数据始终是不变。 动态web资源:指web页面中供人们浏览的数据是由程序产生的,不同时间点访问webhttps://blog.51cto.com/u_16213604/10433495
3.收藏夹搜索功能使用方法360安全浏览器收藏夹搜索功能,可通过收藏夹管理页面点击侧边栏收藏夹按钮,输入关键词轻松搜索。https://browser.360.cn/se/help/collection.html
4.Baklib,一款企业与个人知识笔记管理神器!BaklibDXPCloud除了提供实用富文本编辑器之外,还提供了Markdown,如果你啥都不想写的话还可以通过附件上传功能将内容全部导入进来。 编辑器 支持网页文章收藏 提供网页文章收藏功能,下载官方插件后,通过浏览器,就能一键将喜欢的文章保存到Baklib中,最重要的是它保存下来的样式和原文几乎一样。比如我想保存下面这篇文章。 https://www.baklib.com/blog/9483
5.电脑的基本操作知识有哪些实用电脑操作技巧大全→MAIGOO知识3、花瓣网页收藏工具(插件) 主要功能有 采集图片/视频、选择区域截图、可视区域截图、整张网页截图,截图后还能对图片进行裁剪、添加形状、箭头、文字等操作。 图片格式: png、jpg 4、FireShot(插件) 非常经典、实用的网页截图工具,截图包含捕捉 整个页面、捕捉可见部分、捕捉选定区域。 图片格式:png、jpg、PDF 5、https://www.maigoo.com/goomai/243055.html
6.搜狗浏览器收藏夹怎么用搜狗浏览器收藏夹功能使用教程每个浏览器的内部都会有收藏夹功能,方便我们在浏览网页的时候收藏或是导收藏夹中的东西。那么搜狗浏览器的收藏夹功能如何使用呢?下面小编来为大家介绍一下。 收藏夹在哪里能找到? 1、我们打开搜狗浏览器,在左上角有个星星图标后面带收藏二字,点击可以选择收藏夹选项,后面就是收藏的网页,点击添加到收藏夹可收藏当前https://shouyou.3dmgame.com/gl/57778.html
7.Pinbox7. 极简模式显示收藏链接。用户体验:1. 收藏集折叠状态时右侧数量显示会包含子收藏集数量;2. 优化付费功能提示流程;3. 优化点击 chrome 协议的网页时的提示;4. 优化头条系、Bilibili、微博等移动端网页的标题和封面展示;5. 书签导入时保留自定义标题。Bug 修复:1. 修复分享弹框、收藏编辑弹框标签溢出的问题;2https://withpinbox.com/changelog
8.希沃浏览器官方正版下载安装希沃浏览器正式版下载v2.0.1希沃浏览器正式版是一款非常方便的纯净浏览器,软件界面清新,功能强大,采用全新的引擎制作而成,具有快速的加载速度和流畅的浏览体验,,在这里,用户可以进行快捷搜索、网页收藏、多标签浏览、广告拦截、隐私保护等等;而且还都是免费使用的,用户还可以自定义软件页面的主题,文字、界面等等,有需要的朋友赶紧来试试吧! 希沃http://www.kkx.net/soft/158271.html
9.后退,刷新,放大,缩小,查看网页源代码,复制,全选,另存为等功能常见的浏览器功能:访问网站,开发者模式,收藏夹,下载管理器,开发者工具,前进,后退,刷新,放大,缩小,查看网页源代码,复制,全选,另存为 打印,PDF阅读器 自动代理(访问某些网站自动使用某个代理) 内置Solon-web和mybatis plus,方便大家开发套壳的伪CS程序 https://gitee.com/fhs-opensource/easy-browser
10.超好用的外贸关键词工具使用—keywordseverywhere的安装使用教程功能使用2:收藏关键词功能 通过keywords everywhere插件,可以把搜索的关键词加入到My Keywords里面 我们可以通过google搜索以及搜索右边的Ralated Keywords和People Also Search For将一些关键词加入收藏, 功能使用3:分析打开的网页中的关键词 这个可以用在网站的SEO优化上,可以用“Analyze Page”这个功能来分析自己网站以及https://www.ysnwz.com/utilities/keywords_everywhere.html
11.GitNote使用Git来管理内容的免费跨平台日记笔记软件收藏功能 - 网页剪藏浏览器插件 GitNote 还提供了一个非常方便的浏览器插件,可以帮助你快速剪藏收集网页文章和内容,轻松地保存到 GitNote 里,并自动同步到你的笔记仓库中.。 特色插件 / 开放扩展 API GitNote 提供强大丰富的扩展插件 API,有能力的开发者可以根据自己的需求自由的定制功能扩展插件。正是得益于 GitNotehttps://www.iplaysoft.com/gitnote.html
12.微信分享,分享与收藏功能/iOS开发手册开发者在 App 中在集成微信 SDK 后,可调用接口实现,以下依次是文字、图片、视频、网页、小程序、音乐视频类型分享的示例。 微信分享,分享与收藏功能 /iOS开发手册 开发者在 App 中在集成微信 SDK后,可调用接口实现,以下依次是文字、图片、视频、网页、小程序、音乐视频类型分享的示例。 https://www.yimenapp.com/kb-yimen/13391/
13.(进阶版)手机浏览器用户体验报告:UCQQ360,到底哪个好?5、收藏功能 收藏功能主要看收藏一个网页所需的操作次数: UC浏览器:2.5步操作(第三步操作并没有换页,直接弹框选择) 360浏览器:3步操作 QQ浏览器:3步操作 这三款浏览器都提供了保存为的形式,有保存为「书签」,「浏览器主屏」,「手机桌面」等选项,其中QQ浏览器没有保存为手机桌面的功能。 https://www.jianshu.com/p/9327838718b3