色彩

字体排版

图像

目前大部分的组件体系设计风格任然大同小异,ICE 为了突破现有的设计,尝试采用更激进的设计风格,比如沉浸式的导航设计,无分割的表格设计。新的设计语言除了遵循经典的设计定则,还汲取的最新的设计趋势,比如模块化投影化的处理方式,圆角的处理,更加突出内容的表现方式。

色彩上相对于其他的组件风格,会将色彩更多的采用到组件和页面当中,避免传统的乏味、沉闷、冰冷的感觉。在合适的节点透出惊喜的感觉。此外增加了渐变的颜色,添加了质感,同时迎合当下流行的趋势。

同时提供了浅色版本和深色版本两个风格主题,在对氛围感有很强的要求的产品中可以尝试深色的主题。

同时使用过多的字体尺寸和样式可以很轻易的毁掉布局。在字体的选择上,采用的是基础的并且适于阅读的字体字号,12、14、16、18、24号字,并且他们能够良好的适应布局结构。这些尺寸和样式在经典应用场合中让内容密度和阅读舒适度取得平衡。

在后台界面设计中,图像的用途几乎被忽视,然而图像有着建立情感联系,给人轻松愉悦感的作用。这些是ICE新的视觉风格里面需要的,因此,新的设计里加大了图像的透出比例。希望可以给用户更轻松的体验。

介绍 introduction

风格 style

功能色

界面颜色

文字颜色

套色方案一

套色方案三

套色方案二

创作平台设计

Creator Platform 17.05.01

创作平台设计

Creator Platform 17.05.01

创作平台设计

方正兰亭黑

Creator Platform 17.05.01

创作平台设计

创作平台设计

打造中国最大的生活消费资讯平台,建立一个用户、媒体/自媒体、品牌,触达彼此、互相信任的消费信息生态。

打造中国最大的生活消费资讯平台,建立一个用户、媒体/自媒体、品牌,触达彼此、互相信任的消费信息生态。

打造中国最大的生活消费资讯平台,建立一个用户、媒体/自媒体、品牌,触达彼此、互相信任的消费信息生态。

打造中国最大的生活消费资讯平台,建立一个用户、媒体/自媒体、品牌,触达彼此、互相信任的消费信息生态。

Creator Platform 17.05.01

Creator Platform 17.05.01

微软雅黑

行高

Roboto

展示 24

展示 24

标题 18

标题 18

内容 16

内容 16

次内容 14

注解 12

12pt leading 20

14pt leading 24

16pt leading 28

18pt leading 32

注解 12

次内容 14

IDS 设计语言

设计手法

- 半扁平化设计 - 模块增加阴影突出层次感

设计背景

- 增加色彩和图像的使用 减少冰冷的感觉 - 模块、组件附加更多圆角的设计 表达活跃的感觉,打破沉闷

目前传统平台界面的设计语言存在着一些不足,比如色彩单一,大量线条的使用,分割化明显。其实,将这些不足归类一下就是界面单调,雷同性明显,缺少惊喜。也许新的平台类视觉风格可以打破这些束缚,尝试一些新的探索,启发传统的设计认知。因此,结合当下设计趋势,构思了一套新的平台产品设计语言。

- 模块化设计,高效生产 - 无边框化设计,减弱分隔感,关注于 内容本身。加大模块间距。 - 弱化框架结构,增加氛围感设计

内容突出

层次感知

轻松活跃

典型页面 首页

半扁平设计

色彩 + 图像

模块化+弱分割

典型页面 图表、弹层、首页

典型页面 表格、素材选择页面

, ,

投影辅助

圆角设计

模块化

弱分割

更多色彩和图片

基础设计原则

接近原则 这样可以给用户一个直观的提示,越靠近的信息区块,关联性越大。接近原则是把信息按一定逻辑进行的“组队”。 层次对比 页面上的信息通过组队后,一定会需要有侧重点,这时候对比的方法可以拉开内容之间的差距,从而凸显出页面的重点信息。层次对比是增加视觉效果的最直接的方式。 对齐原则 如果页面上一些项是对齐的,就可以得到一个更内聚的单一,像是有一条看不见的线把信息排列的更整齐,即使元素可能在空间上间隔的很远,或不在一个“组队”里,对齐可以告诉用户他们之间还是存在某种联系。 流程顺畅 中后台项目用户主要是进行信息查询或完成任务,所以相比前台项目注重页面的点击,在后台项目中路径顺畅要比点击次数更重要,甚至需要用越少的有效点击完成页面任务。流程顺畅可以快速提升用户对页面的好感度。 简化认知 为了让用户准确有效的获取到页面的信息,就需要减少对信息元素的误解,简化认知成本,尽量让页面信息直白展现。中后台并不需要太多的“内涵丰富”的概念来呈现内容,准确表述功能减少认知负担。