网页设计的色彩与尺寸规范.pdf

关于网页设计的色彩和尺寸 Something about web design 赵琰 2016 网页设计的颜色 网页设计的配色 常用的网页设计配色： 1. 同色系 2. 邻近色 3. 类似色 4. 中差色 5. 对比色 网页设计的配色 1. 同色系 观点：颜色差分割页面层次 和模块，并代表不同 功能任务属性。 网页设计的配色 视觉优先级3: 色彩 规律： 高饱和 低饱和 18% 网页设计的配色 2. 邻近色 观点：基于品牌色的邻近色运用，灵活运用到各类控件中。 网页设计的配色 3. 类似色 观点：基于品牌色的类似色运用，有主次地用到页面各类控件和主体内容中。 网页设计的配色 4. 中差色 观点：利用色彩对比突出按钮任务优先级， 增加页面气氛。 网页设计的配色 5. 对比色 网页设计的配色 5. 对比色 观点： 三色对比中西瓜红作为强调色限定在小面积展现非常关键，面积大小直接影响画面平衡感。 网页设计的配色 5. 对比色 观点：色彩色相对比、色彩 面积对比，只要保持 一定的比例关系，页 面也能整整有序。 网页设计的配色 配色小结： 设计配色时，我们可以摒弃一些传统的默认样式，了解设计背后的需求目的，思考色彩对页面场景表现、 情感传达等作用，从而有依据、有条理、有方法地构建色彩搭配方案。 网页设计的尺寸 网页设计的尺寸 尺寸注意项： 1.  宽度： 使用1280px占用户80%（视频和游戏用户更高）；1024px占16%，1024px以下占4% 有效内容区域要在1005px以里，包括1005px 2. 首屏概念：1005X600px 3. 纵向/横向的模块间距 4. 正文字号：12px 14px 标题：14px 大标题：20-24px之间 设计落地 落地设计 定位 理念 功能 由外⽽内的设计思路 百度视频页面汇总 首页，频道页，详情页，人物页 谢谢观看 ！ 该文档的版权为百度UE讲堂所有，如需转载请注明出处。