欢迎访问 夜阑小雨 我的学习碎片档案,这里记录了我的学习内容和工作中经验,希望给您带去帮助。

网页背景设计最佳做法

产品经理 夜阑小雨 314℃ 0评论

一.基本背景结构

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

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

方案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

转载请注明:夜阑小雨 » 网页背景设计最佳做法

喜欢 (0)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址