ICE(飞冰)---基础设计语言
基于React的中后台应用解决方案，从设计到开发段完整链路。
设计目标：
- 统一视觉标准
- 统一技术方案，降低维护成本
- 降低前期开发成本，减少相互独立功能
物料体系
组件、区块、布局、模板等均为物料。
- 组件：最基础的物料，具有高度可复用性。
- 区块：通过大量中后台场景分类，对比抽象，基于基础渐渐合成，用来减少重复开发。
- 布局：中后台系统统一， 以 顶部-侧边布局-通栏 模式为主
- 模板：基于区块搭建而成，可以从零开始搭建应用，也可以选择特定模板使用。
ICE设计语言
image
设计手法
image
目前大部分的组件体系设计风格任然大同小异，ICE 为了突破现有的设计，尝试采用更激进的设计风格，比如沉浸式的导航设计，无分割的表格设计。新的设计语言除了遵循经典的设计定则，还汲取的最新的设计趋势，比如模块化投影化的处理方式，圆角的处理，更加突出内容的表现方式。
风格Style
色彩
色彩上相对于其他的组件风格，会将色彩更多的采用到组件和页面当中，避免传统的乏味、沉闷、冰冷的感觉。在合适的节点透出惊喜的感觉。此外增加了渐变的颜色，添加了质感，同时迎合当下流行的趋势
image
文字排版
同时使用过多字体会毁掉字体尺寸和样式可以毁掉布局，在字体选择上，采用基础的并适合阅读的12、14、16、18、24号字，并且能良好适应布局结构，这些尺寸和样式在经典应用中会让内容密度和阅读舒适度更加平衡
image
图像
在后台界面设计中，图像的用途几乎被忽视，然而图像有着建立情感联系，给人轻松愉悦感的作用。这些是 ICE 新的视觉风格里面需要的，因此，新的设计里加大了图像的透出比例。希望可以给用户更轻松的体验。
image
基础设计原则
接近原则
这样可以给用户一个直观的提示，越靠近的信息区块，关联性越大。接近原则是把信息按一定逻辑进行的“组队”。
层次对比
页面上的信息通过组队后，一定会需要有侧重点，这时候对比的方法可以拉开内容之间的差距，从而凸显出页面的重点信息。层次对比是增加视觉效果的最直接的方式。
对其原则
如果页面上一些项是对齐的，就可以得到一个更内聚的单一，像是有一条看不见的线把信息排列的更整齐，即使元素可能在空间上间隔的很远，或不在一个“组队”里，对齐可以告诉用户他们之间还是存在某种联系。
流畅顺滑
中后台项目用户主要是进行信息查询或完成任务，所以相比前台项目注重页面的点击，在后台项目中路径顺畅要比点击次数更重要，甚至需要用越少的有效点击完成页面任务。流程顺畅可以快速提升用户对页面的好感度。
简化认知
为了让用户准确有效的获取到页面的信息，就需要减少对信息元素的误解，简化认知成本，尽量让页面信息直白展现。中后台并不需要太多的“内涵丰富”的概念来呈现内容，准确表述功能减少认知负担。
预览效果图
首页效果
image
表格
image
列表页
image
DashBoard
image
氛围增强
image
[图片上传失败...(image-cf8684-1534320400645)]
