【交流】大家来晒一晒你们的 Eagle 素材库截图


  • 联合创始人

    有好多小伙伴都在好奇那些厉害的设计师是怎么分类自己的素材的,特别希望能有篇帖子能更简单、方便的学习到各种素材管理的的技巧、思维。

    不管你是什么领域的设计师,让我们一起来交流,晒一晒你们的软件截图!你可以只分享截图,也可以同时分享你在管理这些分类背后的想法。

    可以使用自己的格式,或者参考我的:


    【工作库】:

    这个库主要是我在工作时使用,主要用来收集 UI 设计的灵感、以及正在学习的一些案例。

    平常特别喜欢保存有趣的 404 网页设计
    0_1548058734897_cf67780a-3a63-40e6-8549-be003f1e585d-image.png

    还有一些搞笑的插图作品
    0_1548058793708_f57bd1d5-264f-4358-ada1-694ed4551504-image.png

    因为认为 App 包装相当重要,我的库里面也整理了 8 百多张应用商店包装截图
    0_1548058811593_832e977e-a21a-4b79-bf36-77c139f423b9-image.png

    这个库保存了非常多 App 图标
    0_1548058888403_3a2f3431-5682-40e9-9c6e-4ab00b42ac18-image.png
    0_1548059084966_418ef973-7cab-424a-984e-742d1bbb9758-image.png
    0_1548059098140_af380a1d-8880-4ca0-ad96-3b3b3c038418-image.png

    有时候研究某个领域的产品时,我会使用产品名、页面类型将产品截图进行分类。
    0_1548058914062_c2249b1e-236c-4da2-8ac9-048a5cdc7a88-image.png

    我时常在图片上写下自己当时保存这张图片的想法,例如标示出这个设计的优点或者缺点,随著自己的成长,我很常对同一个作品的评价有不同的看法,也可以借此机会了解过去的自己是怎么看待同一个作品的。
    0_1548058857939_eb0f8b53-a91e-4ac2-b932-73d04bb4ee3b-image.png

    我的图片分类方式:
    1_1548059534142_截图_2019-01-21_16-31-23.png 0_1548059534141_截图_2019-01-21_16-31-44.png

    有什么地方值得其它人注意的呢?

    1. 使用「文件夹颜色」功能将不同类型分类进行归纳
    2. 使用「一致的命名规则」让视觉阶层更清楚
    3. 使用「中英文命名」文件夹,让文件夹搜索、切换更高效
    4. 只针对「部分」文件夹使用特定图标,避免太多图标过多太乱
    5. 我保存了很多 UI 设计,因为我使用 UI Patterns 作为分类的方式
    6. 使用图片标注功能,标释出图片上有趣的、值得学习之处

    【业于爱好收藏库】

    跟工作无关,单纯保存各个设计领域的我觉得相当优秀作品,也可以顺便作为范例、演示使用的库。
    2_1548059329802_截图_2019-01-21_16-28-28.png 1_1548059329802_截图_2019-01-21_16-27-53.png 0_1548059329801_截图_2019-01-21_16-27-47.png

    有什么地方值得其它人注意的呢?

    1. 使用「文件夹颜色」功能将不同类型分类进行归纳
    2. 使用「一致的命名规则」让视觉阶层更清楚
    3. 只针对「部分」文件夹使用特定图标,避免太多图标过多太乱
    4. 创建「最近添加」智能文件夹,快速找出最近添加的图片


  • 先来占楼✊

    0_1548059974851_TIM截图20190121163851.jpg



  • 先来占楼!还在整理中。



  • 占楼排队~!!!!!!



  • ![替代文字](0_1548060913022_QQ截图20190121165455.png 图片地址)



  • 图酷派
    图酷派
    图酷派
    图酷派
    图酷派
    图酷派
    图酷派
    图酷派
    图酷派
    图酷派



  • 0_1548062105158_2.jpg
    先占个楼
    分组还没有特别的细致,有一些没存素材



  • 1、标签组合检索
    标签组合检索
    2、智能标签
    智能标签
    智能标签
    3、智能标签设置
    智能标签设置
    4、全部标签
    全部标签



  • 先占个楼,晚点发



  • 盖楼!!!!!!!👁 👁 👁 👁 👁



  • 0_1548127139380_屏幕快照 2019-01-22 下午11.07.44 上午.jpg 0_1548127144589_屏幕快照 2019-01-22 下午11.08.19 上午.jpg 0_1548127153584_屏幕快照 2019-01-22 下午11.08.36 上午.jpg 0_1548127160316_屏幕快照 2019-01-22 下午11.09.52 上午.jpg
    部分还在整理中。



  • 先占个坑,截图会尽快奉上👊
    0_1548321333964_1.png
    0_1548321382694_2.png 0_1548321389928_3.png 0_1548321397522_4.png 0_1548321404632_5.png 0_1548321409650_6.png 0_1548321415499_7.png

    有什么地方值得其它人注意的呢?😀

    • 一级分类使用「文件夹颜色」进行区分,且用数字01-10进行排序,视觉上看起来舒适些
    • 使用「一致的命名规则」让视觉阶层更清楚(UI组件用英文命名,其他用首字母拼音命名)
    • 层级最多为三级,避免层级过深增加找素材的路径操作
    • 根据平时工作中使用频率,进行文件夹排序

    还会在实际中使用继续优化迭代,力求体验最优效率最高



  • DesignSeeds 是美国设计师 Jessica Colaluca 从2009年开始在个人博客 DesignSeeds:https://www.design-seeds.com/ 上分享的配色调色板,收到全世界色彩爱好者的欢迎,目前活跃在 instagram 上,通过网友分享的图片 带有#designseeds标签的,挑选出来,不定期分享配色卡。
    本资源库游宏杰整理,这是其中一小部分,图片是采集器自动下载归类,有些图片的归类可能有误,后续会再整理,此部分作为Eagle的演示示例,可以很好地体验Eagle的色彩筛选、标签筛选、智能文件夹、标签组的功能。宏杰,2019年1月24日 下午16:50分
    下载地址:https://www.dropbox.com/s/764rigjexjskl4x/DesignSeeds.zip?dl=0
    格式:.library 资源库
    部分截图:
    0_1548321662020_Eagle-DS-1.JPG 0_1548321673789_Eagle-DS-2.JPG 0_1548321685390_Eagle-DS-3.JPG 0_1548321697327_Eagle-DS-4.JPG 0_1548321709721_Eagle-DS-5.JPG 0_1548321736666_Eagle-DS-6.JPG



  • @zahot 那个表情怎么还可以点击啊,这个交互不对呀



  • 0_1550644197821_WX20190220-142627.png

    看到大家的截图,发现我自己的还有点乱,2333



  • 你们的分组好细啊····瑟瑟发抖!0_1551426040134_微信截图_20190301153855.png 0_1551426044443_微信截图_20190301154003.png



  • 作为一名动画师,我最头疼的就是对繁多庞杂的素材进行归类,因为通常一个参考里,可以学习到的点很多很散,不太好具体划分为某一类别,但又不想划分的非常细,造成管理的不便,所以一直没有找到比较好的分组归类逻辑来适配自己庞大的资源库。

    不过看到大家的分组之后,嗯,我放心了,我的并不是最复杂的(偷笑)。

    那就和大家分享下我的资源库吧,由于平时工作需要,我会关注很多领域,空间设计,产品设计,动画,渲染,灯光等等等等。

    于是,我试着先在XMind里面构建一个大致的分组逻辑规则,便于后期追加管理:
    0_1552634029662_Xmind.png

    然后我试着重新对资源库进行整理:
    【大分组预览】除去一些比较固定的信息来源分组外,其余的皆用「所属分支」具体功用的规则来命名分组文件夹:
    0_1552632240903_Eagle全局预览.jpg

    【小分组预览】这部分没什么特别的,但是原则是尽可能依靠Tags来对素材进行细分,分组只负责大框架定义:
    0_1552632525656_Eagle分组展开预览01.jpg
    0_1552637404191_Eagle分组展开预览02.jpg

    【Tags标签】同样制定一些大框架,然后对素材按照之前准备的Tags规则进行细分标注:
    0_1552637374754_Eagle Tags全局预览01.jpg
    0_1552637384902_Eagle Tags全局预览02.jpg

    以上是我自使用Eagle以来的一些习惯,也希望Eagle越来越棒💪 💪 💪 !当然,现在的Eagle已经让我非常满意了,对于设计师来说,一个好的素材管理容器真的非常重要!


  • 联合创始人

    @kevinft 看起来非常不错 👍 👍



  • @奥革士 感谢!😉


Log in to reply
 

相关讨论

谁参与讨论

Looks like your connection to Eagle was lost, please wait while we try to reconnect.