海关统一门户UI视觉规范宣贯.pptVIP

忠诚公正 兴关强国 海关统一门户平台 UI视觉规范宣贯 2016.1.22 视觉设计理念 一：品牌颜色的应用：主色调海关蓝，辅助色淡蓝，强调色橙红与橙黄 二：辅助图形的应用：整体背景色上强调LOGO UI及ICON 品牌颜色的应用：主色调海关蓝，辅助色淡蓝，强调色橙红与橙黄 强调连接 日期选择 导航 图标 整体背景与LOGO 辅助图形的应用：整体背景色上强调LOGO 页面结构采用骨骼规范(8px定律)，实现二栏和三栏自由布局的应用效果。 细节设计：1.内容的显示与隐藏 2. 信息的提示 3.icon视觉区分类型。 当前区域切换内容 icon主要有两种视觉：跳转到其他系统的系统提示icon以及系统自带的工具应用类icon。 更多信息展开 未读数量提醒 主要特点： 一：品牌颜色的应用：主色调海关蓝，辅助色淡蓝，强调色橙红与橙黄 二：辅助图形的应用：整体背景色上强调LOGO 三：页面结构采用骨骼规范(8px定律)，实现二栏和三栏自由布局。细节设计：内容的显示与隐藏、信息的提示、icon视觉区分类型。 视觉设计总结： 交互设计原则 主次原则、直接原则、统一原则、少做原则、反馈原则 对称原则、习惯原则、就近原则、可控原则 交互设计原则 主次原则和直接原则： 对功能进行组织和分类：内容比较多，可放空间少，主要的内容先显示。面临好几个操作时，我们也要分清主次，分清哪