啥也不说，先看看这颜色值
#000000 #00000000 #4d4d4d #464646 #6ec0e6 #747474 #88000000 #89ffffff #9d9d9d #989898 #6d6d6d #fffaf8 #FFFBF2 #E8E8E8 #D7D7D7 @android:color/darker_gray @android:color/holo_blue_bright @android:color/transparent @android:color/transparent @android:color/white #b4b4b4 #ffcccccc #cacaca #e0e0e0 #f0f0f0 #e05d5d #ef7440 #ed8457 #edbb72 #eec293 #efefef #f57878 #ff4040 #FF4081 #ff800e #ffb770 #ffba1f #e3163e #ffff00 #ffffff #ffffff #fbfbfb #f7f7f7 #808080 #fd5856 #008EFF #ff0000 #FF5001 #ffd44a #f5f5f6 #ff673e #c3c3c3 #3c3c3c #fffcf4 #616161 #a87c1c #615c4c #86784b #fffbec #ffeba1 #fafafa #EFEFEF #FA415B #F93A54 #FF1D00 #FF1D00 #5C584C #9B9B9B #D6D6D6 #FBFBFC #F3F3F3 #F5F5F6 #F8F8F8 #515151 #FF9500 #FD6F21 #6EDD6E #F5FCFF #FFF9F5 #EF7440 #7C7C7C #aeaeae #BFBFBF #9C9C9C #F0F0F0 #818181 #4D4D4D #FFB246 #FFFDF3 #ED8457 #272727 #FCFCFC #0085FF #808080 #EE7643 #0086ff #333333 #FD5656 #FFB362 #9B9B9B #929292
大家有啥感想没有，UI 出图也不给颜色值，说过多少次了，就说让开发自己吸去，还说我们懒。可是 UI 出的那图给颜色也太随意了，大家看看我们吸出来的这些颜色值，一个灰色就有十来种。项目也不是一个人开发的，混乱、茫茫多的颜色让我们每个人都无所适从。从给颜色命名，大概能感受到当时我们内心的绝望吧，鬼都不知道这个颜色是给谁用的，怎么起名那是死了无数脑细胞啊，后来我们都绝望了，随便起名了，规范啥的都见鬼去吧...
转折111111来了 --> 突然有一天 UI 说，要让我们改颜色，下划线的灰色统一改成其他颜色，o(≧口≦)o 这就是我当时的心情，你妹的给项目搞得这么乱，谁知道哪个、或者哪几个灰色是下划线用的，我说你告诉我哪个改成哪个，他不管，这是开发自己的事，也的确是我们自己的事，但是这锅我们不背
转折22222来了 --> 突然有一天 UI 说，我们要上夜间模式，改 NMB，啥样自己心里没点数嘛，怎么改......最后还是逃不了。整整3天啥也没干，每个 view 挨个对颜色值、改颜色值。改完了总觉得哪里不对，但就是找不着，UI 说就这样吧......
2. 就是不走寻常路...
找不到之前的切图了，我就文字描述下吧。3种类别的商品页面，每个页面都有一个显示商品描述信息的 viewGroup。大家可能想不到，3个页面的这个 viewGroup 居然张的都不一样。还不是彻底不一样，而是内容 tab 都一样，但是 tab 之间的位置不一样
我去问 UI 为啥不能设计成一个样子，这样我好做成公共组件复用。UI 说我想怎么画就怎么画，我从来不走寻常路，就得不一样才能体现出我的设计能力
3. 我忘了之前怎么画的了...
还是上面这个用来显示商品文字信息的 viewGroup，过了很久新添加一种商品类型，页面要新作。新的商品页面也有这块内容，但是设计稿拿过来一看，不光 tab 之间位置依然不一样，部分 tab 还换了
去问 UI，相同级别的页面为啥新的和以前的设计差距这么大，用户看了感觉岂不是很突兀、很别扭。UI 说时间太久了，忘了之前怎么画的了，从心随便画画...
大家不知道当时我这个心情啊，也就是以前脾气好，放现在直接拿键盘开抽。这样的设计真是只能处处 copy、 处处改，根本就没有整体考虑，页面一多，别说我就是 UI 他也分不清哪对哪了。抽象公共UI组件想都不要想，页面复用那都是没有的事
4. 看着就是别扭...
我司的 UI 非常有个性，就是追求和别人不一样，飞得反着来，举个例子，页面间距从来没有统一过，时间久了找不到设计图了，我记得公司邮箱一直有用户反馈，app 看着就是别扭...
我理想中的 UI
像上面这样的事多了，很多都想不起来了。我第一家公司碰到的 UI 简直极品，后面的虽然没这么变态，但是也没好到那去 (* ￣︿￣) 就没有靠谱、真正懂设计的 UI 让我碰到吗？难倒非淂进大厂才行，我非常期待高水平的 UI 设计师，想看看这样的人是怎么工作的 ヾ(≧O≦)〃嗷~ 学习一下
作为软件生产流水线中最重要的一环：开发，其他环节都应该向开发靠拢。尤其是和开发联系至关紧密的 UI 设计，我希望 UI 能和 coder 一道拥抱相同的开发思路，这样才能设计出符合代码开发规则的 UI 设计稿，才能让开发飞起来，才能满足未来复杂多变的需求变化
和 UI 撕逼、互喷、键盘互怼，这些日常互动就不说了，我希望 UI 设计师是下面这样的 ┗|｀O′|┛ 嗷~~
首先遵循一致性原则
我摘取一部分
我们遵循一致性原则的目的是为了减少用户认知负荷，用户能够轻易上手使用产品，熟悉的导航路径，熟悉的设计模式，不要搞那些让大家猜不到，搞不懂的设计
重复间距：
重复控件：
布局规则：
其次要有组件思维
前端早就诞生了组件思想，UI 作为设计前端的难倒不应该遵循组件思想嘛~ 还好设计界早就诞生了组件思想，我很喜欢这篇文章，一直保存着，捧为至宝：基于组件的设计方法&version=12020010&nettype=WIFI&lang=zh_CN&fontScale=100&pass_ticket=LjJ6ygayWaR5ESawfIKlQS%2Fg0EdtJanJa0gAilWLNtf2FFOjp8ppBB6XnPHFfdOW)
核心思想就是 UI 设要和前端开发一样，以组件为核心要素，在组件的基础上构建自己的风格，可以设计多个风格，风格之间的切换应该便利，不应该给开发带来巨大的额外负担，否则就是 UI 的不合格
实际基于以下6个部分思考：
一致性(Identity)元素(Elements)组件(Components)构成(Compositions)布局(Layout)页面(Pages)
1. 一致性(Identity)
是指 字体、排版、主色、辅助色，这些都会被详细规定好，定义之后，这些规则将会在整个项目中贯穿执行
**2. 元素(Elements) **
是指 按钮、链接、输入框、下拉框等等，它们的样式、状态都是需要被定义好，比如按钮悬停、获得焦点、禁用的状态，一旦定义了（这些元素），就要在整个项目中循环重复使用它们
**3. 组件(Components) **
是指 工作中主到次都分成组件（Components），当我们设计 app 或者 web 的时候，在页面上最多的就是组件，一个组件至少需要几个元素构成。譬如像卡片、导航栏都是一些常见的组件，这些组件贯穿整个系统要模块化使用
**4. 构成(Compositions) **
是指 多个组件组成了构成，就像不同 item 组成的列表，贯穿整个系统我们也要模块化、循环使用他们
**5. 布局(Layout) **
是指 页面应该遵循统一的排版原则，让页面之间看起来协调一致
**6. 页面(Pages) **
是指 在整个项目的维度，我要也要模块化、复用这些页面
基于组件的思想，对 UI 设计师要求很高，但是对于后面开发环节至关重要，可以节省大量开发和之后调整的时间，最重要的是让 UI 的变化不再是个令人讨厌的负担
再次基于全局构建自己的风格
在前面组件思维基础上，我希望 UI 可以站在整个 app 的高度，统一构建自己的风格出来，不要再让 coder 去猜、去懵。正是由于 UI 不愿意、不配合、自己没有清晰的认知，才给下游部门造成负担，这种负担会逐级递增。这也算是沟通失效带来成本提升的一种体现
UI 一样也要有自己的 UI 设计文档，下面的图找的可能不是特别合适，大家脑补理解 ヾ(≧O≦)〃嗷~
1. 要有整体颜色标识
必须明确：哪种颜色给哪种 view、哪种级别、哪种场景使用，然后清晰声明出来
2. 要有整体文字大小、页面排版、间距标识
