本文作者从一开始就分析了全新的Adobedocumentexample图标管理系统所构思的思想战过程，并分享了其在一个波澜壮阔的系列产品中开辟知名品牌管理系统时所总结的经验。
作为Adobe知名品牌创意的精英团队，每个人都在拼命为桌面和移动战争中收集到的所有产品做知名品牌创意。知名品牌元素包括很多特殊的工具，从你在Dock栏看到的单个英文字母Logo到产品的app启动页面，以及客户在产品中对可选功能图标的使用，都属于知名品牌想象力的范畴。
其中，一个经常不经意但包含非常鲜明特征的元素是文档示例图标。Example是一个文档的特殊示例的标题，它可以通过应用法语样式来创建，就像Word文档的示例一样。doc”。范例图标用于区分文件的范例。当您保存或打开实践活动文件时，显示屏上出现的图标就是该文件的示例图标。
随着今年春天新发布的CreativeCloud，客户将看到所有的文档样本图标都有了一个新的优雅的外观。在那篇文章里，我会推广分析你从全新的Adobedocumentexample图标管理系统开始所构想的思想战过程，分享你在一个宏大的产品系列中开发知名品牌管理系统时所总结的经验。
1.理解那个物质的关键功能。
很多客户都能下意识的意识到，Adobe在三个网盘上有100多种产品战服务:创意云、文本文档应用、网盘战、营销推广、讲解网盘。
这意味着，想象一下，管理系统中的一个小的转变将会和所有的产品管理系统一起产生成百上千的变化。
当触摸文档示例图标时，每个人都只会想到法式主次文档示例的应用，如:
。Photoshop的PSD
插画师的AI
InDesign
不过大家的大单位产品也可以导入战争出口区分辅助单据的例子。(例如，仅Photoshop就可以导出120多个不同的文件示例，每个示例都有不同的图标。)
为了更好地满足差异化控制管理系统的需求，人人文档样本图标要求10个不同规范的定义要靠脚两端对齐，然后栅格化为每个包信任的样子。照片会把转换成两个不同例子的文件分开:ICNS(Mac)和ICO(Windows)。
当我们要求考虑每个文件示例图标的大小和布局时，我们要求检查7，000多个资产文件(js、css、模板、照片、flash等。)，以便在每个发布周期申请终止调整战。
纵观近四年来艺术创意网盘的产品线不断增加的速度，显然在目前的业务流程中，创建和维护这些文件实例图标所需的东西的量是不可低估的。
第一步:视察和战争调查
在你从零开始想象图标管理系统之前，你必须先看看你的产品中已经使用过的图标。请各产品精英团队帮你终止对他们拼命生产的产品中所有文档样本图标的归纳评价。
那时候你会创造发明，到处都是矛盾。它很可能是由两个圈里的水果产生的:
不同的精英团队都有自己的产品系统软件，所以一直假设气魄也会带来相同的标准。
随着新产品及其文档示例的发布，单个图标的想法是独立的，可以一次性构思出来。
根据从您的财务审计中收集到的疑问，您已经对当前的文件样本系统软件结构有了一个大致的了解。
最后，首先，我们将把产品示例构造回类文件示例图标，并交叉连接它们。我们来看几个在法式风格的应用中分享过的辅助文件的例子，这样就可以裁剪出连续的图标了。在整个过程之后，您可以将关键文档示例图标的数量减少到之前的65%。
按产品实例分类的旧文档实例的图标结构图(单位)
然后我们把文件实例按照功能进行了分类，比如“图像”、“视频”、“编码”、“3D”。每当我们谈到每一个文件例子图标，一个大城市有一个道德(模型品牌形象)，以显示其主次功能。(例如，将使用HTML文件的示例来暗示其主要和次要功能与编码和编号相关。)
根据产品功能分类的旧文档示例的图标结构图(单元)。人们注意到，一些文档示例使用统一含义的几个版本号，而另一些则使用更通用的图标来代替应该由自己定义的含义。于是大家按照产品类别给每个文档实例赋予了统一的含义，并在此基础上创建了一套文档实例的伞形排序图。你一去，就能让你的产品原有的道德对象减少一大半。
旧的道德图标-二级线圈文件示例(单位)
第二步:拟定一个战争场景。
一旦你对旧的图标管理系统有了片面的了解，你就可以开始为新的图标系统软件制定基本规则了:
如果主文件示例要求使用产品的取Logo来联系相关的颜色。例如:PSD文件应该是深蓝色，AI文件应该是橙色。
为几个支持法语风格应用的辅助文档示例创建一个通用调色板。比如Photoshop和Illustrator应该使用相同的PNG文件样本图标，而不是有不同的规格和型号(Photoshop的PNG是深蓝色，Illustrator的PNG是橙色)。
一组旧文件样本图标(典型示例)
大家开始思考哪个新结构手稿。
一些手稿在最后
从一开始，这些图标的主要和次要目标之一就是在不降低其自身含义的情况下，简单地删除太多不必要的元素。大家把前面的标签丢掉，然后把文件例子的英文字母放在图标底部。通过删除图标左上角页面的角，可以简化我们的思路，创造出更现代的视觉效果语言。
Adobe文档示例图标的演变
此外，一个关键的总体目标是建立一套AdobeUI假设规范。为了更好地实现总体目标，我们先抛开文件示例图标，而是先创建一个符号图标的数据库查询。此后，图标假设将使用哪个数据库来查询原来的品牌形象图标，最后，将创建一个新的图标，该图标与数据库查询中的品牌形象相矛盾。
Adobe系统软件图标数据库查询
首先，大家已经报名参加了文件示例图标中的亮色表面层，以分享我们产品标志的当前知名品牌特征。那种转换不仅让视觉效果更加失焦，也让新图标在已经黑暗的世界里显得更加强势，大家的旧图标几乎都会淹没在已经黑暗的页面里。
深色页面上的UI颜色已经进行了比较和讨论。
第三步:进行迭代更新战。
毫无疑问，在构思完标前目标后，大家都在团队的产品状态中检测到了新文件样本图标。在财务审计环节的开始，每个人都检查并会见了每个文件示例图标，这些图标将显示控制管理系统有什么不同，以及自己的产品有什么范围。我们在每种使用情况下使用不同的规格检查了每个图标分辨率的共性。
在Mac和Windows电脑的显示屏上，要求你按照不同的规格在网格图的主视图中列出图标列表(最小16px，最大512px)。借用“明的暗的”UI测试成绩，像Mac桌上的“最近的新项目”或者“聚光灯掠夺”。
然后，我们查看了你的产品的文件图标，产品系统软件中会显示的住所，比如:素材图片的内页板，新闻媒体阅读软件的提示框，第一次启动法式时显示的感谢框。
想象一下，是哪个进程快速的把你送到这些文件，示例图标会显示的角度落差却被你不小心遗忘了。那时候是一个成本很高的过程，需要大家以后多一些片面和考虑，一次次检查差距和陷阱。
以可分辨状态显示文档示例图标(单元)。
首先，我们应该检查文件样本图标已经显示在Web终端和移动终端提供的服务的UI中，就像在AdobeAcrobat和CreativeCloud库中一样。由于这些服务也是由尊贵的想象力精英团队申请的，每个人都必须与许多人交朋友，推送每个人的计划以调整文档示例想象力管理系统。
大家都为磁感应的最终效果感到骄傲，因为新的试探性语言更加清晰，也更加矛盾，这意味着Adobe的视觉效果知名品牌管理系统已经衰落到一个新的环节。
Adobe新的文档示例图标管理系统
第四步:想象一个新的事物流程。
大家又开始了新的一步，控制台，只要按一个键就可以主动输出PNG文件。什么新的做事方式让你省去了几十个小时辛苦而缓慢的工作。
我们寻求一种更方便的方法将这些光栅化的PNG文件转换成。ICNS和。ICO(Windows)文件。
以前大家都是用IconFactory免费下载的IconBuilder软件来聊彼此的生意。然而，在新的做事方式中，我们期待着一种更灵巧的方式来解决我们的需求:我们可以随意拖动PNG文件，并主动将输出转换为精确的布局。ICO和。ICNS。
在多圈测试中测试了很多第三圈物品后，我们决定请我们的技术工程师做一个内部使用的物品，重点是让它解决我们的需求。他们制作了一个非常奇怪的物品，每个人都喜欢称之为“图标船长”，他们用它来获得所有新的州标签。(队长图标此时已经内测，大家的技术工程师期待在GitHub上长期分享，供大家的先锋社区使用！)
Adobe的内部。ICO和。ICNSc语言编译器
第五步:实施。
你现在处于什么环节，会持续很短的时间。每个人的艺术创意网盘每一次新发布，每个人都要经历一个在每个精英团队的产品经理和技术工程师之间推动的过程，以保证每个人的想法在每个圈子都能实现。
“发布和执行”，但每当这是一个繁琐的过程，大家都要求回到每个精英团队收集100多封邮件，以终止交流战。用装备的几个测试版本号来测试资产，把战争问题记录在日记里，不听劝阻的问题无法消除；以及申请几次释放的终止时间。
每个人的产品都是建立在不同的编码基础上的，这意味着不同的精英团队已经发布并实现了它。即使他们使用相同的资产，他们也会使用不同的方式，导致不同的测试分数。测量和修复知名品牌规格可能是精英团队最不开心的工作之一，但它是维持不断变化的管理体系的关键单位。
管理系统中显示的新Adobe图标已被控制
小的改变会带来大的不同。
我们已经是精英团队了，经常用盆景树来对比自己做的事情。
一个知名的品牌创意管理系统包括数百个产品，这些产品是与数百万个非常健壮且可变的删除一起进行的。在哪个过程中把那里掉的树枝剪掉，具体按照你希望的目标价引导盆景树少死一点，是每个人的事。
虽然大家丢重点很简单，但是大家在过程中经常教过的东西更强，大城市会遇到下一次迭代更新，下一次迭代更新。
解释者:蓝礁湖怀疑国家政府。:蓝色泻湖产品想象协作
作者:陈思霓
文本:重新设计adobe的文件类型图标系统语言
文章由@蓝色泻湖中文翻译发布。我已经同意了，并劝阻拦截。、
图片来自unsplash，据CC0和平谈判。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）