企业版新浪微博微博自定义模板设计指引.pdf

“企业微博助理” 背景设计、设定案例演示分享 ——企业微博背景自定义功能演示 1 2 如何给新浪微博企业版量身定制漂亮的个性背景？ 我们为“企业微博助理”设计了一套比较可爱的背景，同时也对于一些关于新浪微博企业版设 定背景的问题做一些介绍。供大家参考。 建议背景设计设置问题，请设计人员参不制作效果会更好。 首先，介绍一下如何更换背景，以及此次自定义背景功能升级的相关信息。 依次点击“管理后台”→ “展示设置”→ “皮肤设置” 依次点击“使用背景图” → “浏览”→ “设置背景图”→ “保存”完成 此次升级的重点“设置背景图”选项。“锁定”“平铺”“对齐方式”丌同组合设置会产生丌 同效果。 详细操作参考：/s/blog_672349b30100ujw7.html A 1600PX*900PX B 该图为 “锁定”+“丌平铺”+“居中”形式。 这个时候背景图“A” 是固定在IE指定大小范围中的内容区“B”跟随鼠标滚动。 也就是内容区会跟随鼠标滚动而背景是丌动的。 A 1600PX*900PX B 该图为“丌锁定”+“平铺”+“居中”形式。 这个时候背景图“A” 和内容区“B” 跟随鼠标滚动。 最终达成效果是背景和内容区跟随鼠标滚轮操作同时滚动。 上图是为“企业微博助理”设计的背景图。（为了让大家更直观的理解，特意设计内容区为空 白。在丌透明背景的前提下内容区完全遮挡空白处，在半透明状态下如果背景过于繁乱，可能 会影响用户浏览内容区域信息。） 该背景尺寸为1600PX*900PX （PX 即像素，就是pixel的缩写） 1600PX宽度设计背景。会兼容大于1280分辨率显示器用户。在丌影响1280用户的前提下为更 多大于该尺寸用户的视觉做更好的服务。 新浪微博企业版背景尺寸设定固定宽度1600 ，大于这个尺寸的背景会自动缩放到等于这个尺寸 范围显示。高度建议大于900 ，但是丌建议过分大，会影响用户打开响应速度。 整个背景采取了1600*900的尺寸设计。一下是设计参考尺寸： 31PX为顶部黑色导航区域。 40PX为内容区不顶导航空隙。 1280*900PX为主流显示器显示内容区域。 1000PX为新浪微博企业版内容区域。 1280*900PX为主流显示器浏览器可视范围。 所以建议设计背景时，一定参考该尺寸设定内容，大于该区域（暗色部分放置内容）会影响主 流显示器用户。 1000PX为内容区该区域。再设计背景时应适当考虑此处设计内容将被内容区信息完全遮挡，戒 者半透明右边栏丌完全展示。 40PX为内容区不顶导航之间的间隙。该区域可适当利用。建议丌设置拥挤内容。 设计背景大于主流显示器尺寸， 设计背景等于主流显示器尺寸 ， 设计背景等于主流显示器尺寸 ， 显示器大小大于1280情况下显示 大尺寸显示器用户显示背景会空 主流显示器丌会受到大背景尺寸 背景任然连贯。 白。 的影响。 视觉体验好很多。 影响视觉。 但是设计背景信息区域如果大于 1280 ，会影响主流分辨率显示器 用户。 显示器分辨率问题答疑： 因为目前主流显示器分辨率宽度≤1280。但是还有一部分用户在使用更大尺寸显示器。（如 1440*900PX、1680*1050PX等。19寸-22寸显