手机平台应用开发教学材料.pptVIP

* 亲密性 分类整理，得到一个清晰明了的结构。 页面留白设计 * * “亲密性”原则的根本目的 实现组织性。更容易阅读和记忆，使空白更美观。 * 实现方法 如何实现 眯起眼睛，统计眼睛停顿的次数，控制在不超过3-5个； 要点 不要仅仅因为有空白就把元素放在角落或者中央； 不要在元素之间留同样大小空白，除非属同一子集； 在有很近亲密性的元素间建立关系； 不属于一组的元素要分开。 ‘ * 对齐 前面主要体现差异性，对齐则体现统一性。 * 灵活的对齐 特别之处 * 表单对齐 * 表单对齐 * 实现方法 每个元素都能找到与之对齐的元素。 左对齐、右对齐、居中对齐、两端对齐 两端对齐：每行长度一致 可以试着有意识的去打破这个规则 要避免的问题 不要用混合对齐，就是用了右对齐就别用居中了。 居中对齐可能导致视线的跳跃性太大。 * 视锥细胞的“三原色” 445nm 接近蓝色 535nm 接近绿色 575nm 接近黄色 * 色觉抵消机制 七色板 色彩抵消，亮度不抵消。 颜色混合的原理 颜色是3组视信号的差异造成的。 红色 + 绿色 = 黄色 黄色 + 蓝色 = 白色 蓝色 + 红色 = 紫色 颜色对比现象 * 色相空间 色相，也称色调 ( Hue ) 颜色的首要属性，借以用名称来区别红、黄、绿、蓝等各种颜色。 自我测评：你能分辨出多少种不同的色调？ 人的眼睛可以 分辨出约180种不同色相的颜色。 色轮：圆形的色图 牛顿经典棱镜实验的一部分 红、橙、黄、绿、蓝、紫 等量混合出相间色，成十二基本色相。 * “三原色”(Primary Color) 小学时学过的基本原色： “红黄产生橘黄色，黄色和蓝色变成绿色，蓝色和红色成为紫色”。 事实上，红，黄，蓝只能混合出一个较小的色域。 非原色标准的原色集合 橙，绿，紫：彩色摄影法Autochrome（1903） C（Cyan，青），M（Magenta，品红） Y（Yellow，黄）。 我才能混合出 广的色域呢！ * “三原色”：加色与减色 * 三原色色轮 红 黄 蓝 间色 Secondary color Primary color 第三色 Tertiary color * 连续的色轮 * 色轮：加色 vs. 减色 RGB CMYK * 两色搭配是用色的基础 有了白色，红色更注目； 有了红色，白色更干净。 有了黑色，红色更热情； 有了红色，黑色更庄重。 无彩色：黑，白，灰 红色：燃烧，燥热，刺眼 白色：焦点 * 互补色 色轮上相对的颜色 红绿，蓝橙，黄紫 色彩之间强烈对比在高纯度的情况下，会引起色彩的颤动和不稳定感，正式设计中比较少见。 一种做主色，另一种做小范围强调色。 * 三色组 彼此等距的三种颜色 红、黄、蓝 紫、橙、绿 比较协调 但一定要选出一种色彩作为主色，另外两种作为辅助色。 * 分裂互补三色组 互补色两侧的颜色 对比依然非常强烈 不会像互补色搭配那样产生颤抖和不安的感觉。 对初学者来说，这是种非常好用的搭配。 * 类似色 彼此相邻的颜色 近似色搭配常常在自然中被找到，所以对眼睛来说，是最舒适的搭配方式。 颜色+灰色=亮度。 * 配色器 * 亮色和暗色 Brightness ( Value ) 亮色 向纯色增加白色 暗色 向纯色增加黑色 暗色 亮色 HSV模型:色调 饱和度 亮度 画家: 加白色改变颜色浓度 加黑色改变颜色深度 * 纯度和方形调色板 纯度 颜色鲜艳度、饱和度。 保持亮度相同时，颜色相对灰色的所占比例。 HSV模型 用户颜色模型，A. R. Smith在1978年创建。 Hue Saturation Value 方形调色板 横看亮度不变 竖看纯度不变 * 亮度界面 高亮度 雅致 刺激少 * 亮色和暗色：改进界面 色质 明暗度、深浅度或色调。 色质过于接近时 影响界面对比度。 加强色质差别 加强明暗对比 使用阴影 * 高纯度设计 强烈艳丽 对视觉刺激是迅速的，醒目的效果 不易于长时间的观看 * 界面色调理论 界面色调： 界面中色彩总的趋向。 主色调 主要色调，其他配色不能超过该主要色调的视觉面积。 辅色调 仅次与主色调的视觉面积，烘托、融合主色调。 点睛色 在小范围内点上强烈的颜色来突出主题效果，使界面更加鲜明生动。 * 动动脑 * 颜色心理学 暖色 红、黄 眼睛更敏感，点缀 RGB配色中用于给颜色“加热” 冷色 蓝 大块使用才有效果 配色中给颜色“降温” * 从图片中提取色调 * 动起来 myPantone 取色配色软件 GIMP/美图秀秀/mypaint 图片处理软件 实践作业： 上网找出10个你最喜欢的海报、PPT、网站，指出它们分别采用了怎样的配色设计。 * 视错觉 人们总会夸大水平线而缩短垂直线。 影响到显示页面的对称性。 人们经常把