攒了很久，终于写完了这篇文章并发出来，本文对想了解大厂设计工作的童鞋有一点点帮助哈～

在了解什么是平台设计师之前，先简单了解下我的工作背景……

今年入职了一家生产和销售手机硬件的公司（具体就不透露了），并在公司中担任GUI，参与手机预装软件的视觉设计。日常的交付内容主要包括输出高保真和优化提案材料，其他的主要是与UI沟通产品的规划和概念设计，跟进开发的各种问题。在我的高保真输出环节，需要平台设计师进行参与评审。他们主要是看设计是否符合业务需求，是否美观，是否符合平台设计规范。

所谓平台设计师，就是制定手机软件设计规范的设计师。通用的和各个模块的app界面，绝大部分都有平台设计师制定好了设计规范，并进行更新维护。而具体业务设计师，除了遵循已有的规范，还要综合考虑平台规范是否符合我们具体的业务需求。

那参与手机软件设计的GUI与我之前做的普通的UI有什么区别呢？

下面我会根据先讲我具体的工作流程以及在高保真输出环节需要考虑的不同问题。

以下我简单概括下，我目前感知的产品开发流程（不一定严谨和绝对正确）：

1. 1.项目大leader统领产品设计的总体思想
2. 2.UX输出产品规划材料逐级评审
3. 3.PM具体功能开发的版本规划
4. 4.SE评估开发难度和采用样式
5. 5.产品输出需求文档
6. 6.UI输出交互原型文档
7. 7.GUI输出高保真
8. 8.开发进行开发
9. 9.测试
10. 10.UI&GUI检视
11. 11.GUI产品页面优化方案材料同步输出

以上关于UX的设计工作，我接下来会讲得比较细一点，工作常态是各岗位工作同步行。

现在的工作与以往最大的不同有以下几点：

1. 1.UX走在产品前面，真正做到设计推动产品
2. 2.GUI输出高保真需要考虑各种情况适配和切图，系统全面，标注需手动标注
3. 3.整个团队从上到下都很重视高保真的细节还原，领导和UX团队很重视视觉的跟进优化
4. 4.对控件的搭建和分发使用
5. 5.材料汇报的逻辑性和严谨性

一、UX走在产品前面，真正做到设计推动产品

团队目前暂时大部分的人力是从其他各个业务模块调过来进行集中开发的，当然有些是原本就做这个模块，只是涉及到很多业务。说这个是想说明，在这样的背景下，团队目前缺乏一个“产品经理”的角色，所以现在主要是由我们项目的UX在跟随项目大领导的前瞻性思想进行输出相关材料，即前面说到的输出产品规划材料和逐级评审。

材料主要谈及行业背景，产品框架和概念设计、竞品等。这个输出非常锻炼逻辑思维和概括能力，还要在里面能够展示出对产品的前瞻性规划甚至行业引领。在概念设计环节，需要考虑各种模块的拉通以及抓取体现设计价值的点——即以最小的UX设计成本来实现产品价值的最大化和可持续性，甚至盘活整个关系链。

所以在UX团队里有各种讨论和碰撞，这里的想法都会被认真聆听和有效采纳，这是自由且体现价值的讨论。让我离职业定位——即成为一名产品设计师，更近了一步。在这个环节中，我的思维得到不小的锻炼和拔高，真正走在一直追求“设计推动产品”的路上。

这里关于产品设计思维的“拔高”，或许我后面会在合适的时候进行文章的总结和输出。

二、GUI输出高保真需要考虑各种适配、标注需手动以及各种情况的切图

受平台设计规范的影响，高保真的设计输出并不是完全自由的，需要在遵循平台设计规范的前提下进行设计。当然在平台未定义或者不适合业务目标的时候，经过两轮高级评审或可纳入平台规范。

GUI目前主要考虑的适配内容有：

1.白天模式与暗夜模式的适配

1. 2.栅格系统的适配
2. 3.手机字体大小、显示大小的适配
3. 4.翻译字符串的适配
4. 5.镜像语言的适配
5. 6.无障碍设计

一、白天和暗夜模式的适配 

自从苹果推出暗夜模式的设计后，行业里掀起了适配暗夜模式的浪潮。从移动手机诞生以来，符合大众需求的设计越来越成熟，而用户对产品的体验提出了更高的要求，这就要求设计师更多地考虑小众场景，促使产品体验更加的体贴入微。因此暗夜模式的出现是行业发展的必然结果。

所以我们在输出白天模式高保真的基础上，需要输出相关典型页面的暗夜模式及图标，并进行必要的标注。

二、栅格系统的适配

栅格系统是解决不同屏幕尺寸适配的方法，平台规范给出了3种典型尺寸的栅格系统，设计师需要整理好相关的规范材料说明，并整理出项目典型页面的栅格系统适配说明，然后拉会与相关的开发负责人进行讲解，并让他们进行向下推动适配。

等到转测的时候，GUI需要在测试机上下载安装专门的栅格系统检视apk，并进行走查。（以下配图并非公司配图）

三、手机字体大小、显示大小的适配

在手机系统设置中，可以调整字体的大小和显示的大小，做验收检视的时候，需要把字体和显示大小调至最大，然后看哪些地方需要进行特殊处理，必要时可设置为不跟随系统，以保证用户体验良好。

可设置为不跟随系统缩放的大字体目前主要是针对类似金刚区的样式 。因为金刚区的结构为图标在上文字在下，且图标所占区域较小，所以如果设置为跟随系统设置，则会面临只能看到两三个字的情况，特别是翻译成其他语言的时候更难以展示，所以一般该种样式设置为不跟随系统设置字体缩放。在不得已情况下，可允许最多换一行展示。

另外一种情况则是标题栏也不跟随系统设置缩放，这样能最大限度展示完整页面标题的信息，

四、翻译字符串的适配

主要针对有容器的文案，如按钮，气泡内文案等。需要限定好最大的宽度是多少，特别是同一个list中有多个元素的时候，更要考虑翻译成外文后的展示长度，且不可以同一个单词拆分成两行进行展示，所以需要跟开发说明如何设置容器大小

五、镜像语言的适配

顾名思义，镜像的意思是与当前事物相反的事物。主要是考虑部分国家地区的语言习惯与我们有所不同。大部分的阅读习惯为从左往右，小部分的阅读习惯为从右到左。所以开发需要做镜像本地化的适配，而设计师则需要提供镜像的图标。

六、无障碍设计

无障碍设计主要是指针对色盲用户群体，需要在色彩上进行清晰的区分，并在必要时辅以文字说明。最近看到一篇文章觉得不错，在这里分享给大家——《如如何进行色盲无障碍设计》

关于标注

以前标注用的蓝湖或sketch measure，自动生成标注。优点是设计师省时省力，缺点是容易暴露相差0.5或1像素的“不知道什么时候手抖系列”。

现在需要手动标注，优点是开发可以直接调用公司自定义的代码，可自动适配白天和暗夜模式，且设计师可以避免暴露尴尬的手抖；缺点是设计师学习成本高，标注花费时间长，且经常需要重复标注相同内容，因为开发分为不同模块，且难以实现互相调用。发现这个问题后，现在就是设计师可以解决问题来提高团队效率的时候了。可以考虑组织各模块leader尝试搭建起项目基座的控件，这样开发可直接调用该控件及参数。

关于切图

以前做的设计是一倍图或者二倍图，现在做的设计图是四倍图，高清但占内存。因此切图之后GUI需要压缩每一个图标。另外由于需要适配白天模式、暗夜模式、镜像模式，所以常规图标需要三种状态。像tab这样的特殊图标，还要考虑选中、未选中状态，所以tab的每个图标有8种样式且分别3个尺寸。所以切图也是一个很大的工程……

三、整个团队从上到下都很重视高保真的细节还原，领导和UX团队很重视视觉的跟进优化

来这里上班很大的感受是，这里相关的每一个团队成员，都对高保真的细节设计和开发还原度有很高的要求。整体能够感受很负责任的团队氛围。在评审高保真环节，经常很细小的点都会被关注到，虽然不一定需要去改，但是会把问题抛出来讨论并对能够优化产品体验的 点进行一个排期，但主线还是系统性的把握整体，注重与相关模块之间的联系和拉通，而不是盲目只关注细节，只看到一片叶子。在日常工作中除了交付的高保真工作和优化材料输出，最大的工作量来自开发和测试的细节确认，直到GUI说可以之后，才能够通过。能够感受到满满的责任和对设计师的尊重 。

四、对控件的搭建和分发使用

以前也知道控件的使用很重要，但是技术原因没有真正搭建起来，现在知道了什么是真正的控件，虽然公司已经搭建起相对成熟的空间体系，但自己也应该应要求搭建项目自己的组件库，让设计更高效，同时也要拉开发搭建组件库，这样双方都能够省时省力，提高团队的 工作效率。

五、材料汇报的逻辑性和严谨性

目前做的优化界面主要是接手之前别的设计师做的第一版中的主要页面的优化。主要是因为项目进度赶的原因，所以部分重要页面的设计还要较大优化空间，所以这是我目前主要着手的内容。

写材料的时候一定要先把所有优化的方案摆出来放好，仔细看过甚至先发给相关第一轮评审人审核，在此基础上再去形成材料能够大大提高工作效率，避免辛苦材料做出来被提 较多修改点。

写平时的优化材料的思考逻辑是：

1. 列出现有页面的问题
   
2. 思考该页面的业务目标，以此区分信息重要层级
3. 带着初步的设计想法去找相关竞品，看是否有借鉴和不同，是否可以比竞品做得更好
4. 给出几个优化方案，并进行简单说明
5. 在几个方案中，确认领导想深入的方向，利于做下一轮的着力方向
   
   

总结

以前做的页面大多只考虑了app本身的各种适配情况，没有把手机系统也考虑进去，比如系统设置大字体，显示大小，翻译语言后的适配（主要是国际化产品），暗夜模式的适配，手机栅格系统适配等，最后，这里的视觉评审很细很认真，另外写材料的要求也很高，加油吧～

Powered by Froala Editor