当前时间:Saturday 2018年07月21日 欢迎访问 夜阑小雨 我的学习碎片档案,这里记录了我的学习内容和工作中经验,希望给您带去帮助。

当前位置: 首页 >> 产品经理 >> 正文

网页背景设计最佳做法

一.基本背景结构

名词:主背景
主背景是最为底层的背景,经常是图片、图案、材质或者其他图形元素。

名词:内容背景
结构中的另一层是内容背景。这是文本、图案以及其它基本数据或信息的背景。

方案1:内容与主背景分层;方案2:内容与主背景的图案或纹理直接结合
网页背景设计最佳做法 | Jandan.net网页背景设计最佳做法 | Jandan.net
方案3:内容与主体共用背景
网页背景设计最佳做法 | Jandan.net
—————————
二.包装/头部背景

1.提供流畅的分割;2.允许一些图案融入内容区域
网页背景设计最佳做法 | Jandan.net网页背景设计最佳做法 | Jandan.net

3.将图案拓展到整个布局中
网页背景设计最佳做法 | Jandan.net
—————————
三.整体背景

1.使用高亮或斜角来分割颜色;2.固定与浮动图形的混合
网页背景设计最佳做法 | Jandan.net网页背景设计最佳做法 | Jandan.net

3.使用低对比度的花样或材质;4.结合材质与图案
网页背景设计最佳做法 | Jandan.net网页背景设计最佳做法 | Jandan.net

5.增加维度;6.使用固定的图片与内容背景
网页背景设计最佳做法 | Jandan.net网页背景设计最佳做法 | Jandan.net
—————————
四.内容/包装背景技巧

1.简单的渐变;2.细微的材质
网页背景设计最佳做法 | Jandan.net网页背景设计最佳做法 | Jandan.net

3.包装与背景融合;4.风格化包装/模块的边框
网页背景设计最佳做法 | Jandan.net网页背景设计最佳做法 | Jandan.net

5.在层状设计中使用半透明内容背景
网页背景设计最佳做法 | Jandan.net

作者:夜阑小雨
原文链接:网页背景设计最佳做法
夜阑小雨版权所有,转载本网站文章时请保留此信息。

收藏和分享: 转贴到开心网 转贴到校内网 分享到 Twitter Delicious 分享到 Google Reader 分享到 百度收藏 分享到 QQ收藏

所在分类:产品经理

评论信息

0 条评论 发表评论

发布评论

您必须登录才能发表评论。

网站客户端下载