PDF《中国视频网站版式特色研究》

8 ?2019.6 iResearch Inc. www.iresearch.com.cn 网站版式设计规范 来源:艾瑞咨询研究院自主研究绘制. 画板尺寸 需要尽可能配适用户屏 幕分辨率 图片规范 常用4(宽):3 (高)、16(宽):9 (高)、1:1等比例 文字规范 文字大小不小于 12px,文字渲染与系 统和浏览器有关 表单 通过 CSS 给系统设计 的表单增加样式,包括 颜色、大小、内外 边距 适配Retina屏幕 图片的选取需要更大地 清晰度 栅格 栅格的大小取决于内容 排版的疏密程度要求 按钮图标 风格随流行变迁,设计 时要同时设计好鼠标悬 停、按下状态 网站版式基本设计规范 网站设计并无具体平台限定的风格,也没有必须要设计的系统级导航栏和工具栏.所以网站设计相对灵活,最后会呈现出 多种版式风格.但在具体设计时,依然有些基本设计规范,并且这些规范基本适用于所有类型的网站.

9 ?2019.6 iResearch Inc. www.iresearch.com.cn 视频网站版式设计原则 视频网站版式设计需要遵循三个原则和技巧 来源:艾瑞咨询研究院自主研究绘制. 直观性 易读性 美观性 所谓直观,指的是在打开的瞬 间,用户能够明白这些内容和 画面想要传达什么信息.这是 视觉心理的问题,版式需要舒 朗而明确,脉络清晰.视频网 站实现直观性的技巧通常是图 文互补,许多视频都有封面, 并附有视频亮点文字描述. 视觉引导,让整个排版布局有 一个相对清晰的阅读顺序和视 觉线索,用户不会因为模棱两 可的排版而选择错误的阅读顺 序.视线流能够让用户下意 识、按照顺序来获取信息,更 加容易理解其中的内容. 为了实现美观性,需要考虑设 计风格、配色和页面构成等要 素.通常最能够引人注意的不 是文字,而是视觉效果,而视 频网站由于图片和视频为主 导,所以在视觉效果上更容易 抓到访问者的眼球.美观性需 要留意两个层面的技巧,一是 留白的使用,二是结合色彩心 理学. 视频网站版式设计的原则和技巧

10 ?2019.6 iResearch Inc. www.iresearch.com.cn 视频网站版式设计需考虑的因素 来源:艾瑞咨询研究院自主研究绘制. 要符合人的视觉习惯 比如暗色播放背景不容易干扰用户观 看、视频播放器必须足够大 要保证有效的传达信息 网站的元素设计上更能体现个性,文 案的设计与视频内容契合,并能吸引 用户点击观看 突出主要信息 网站主推和独家内容的要更容易被访问 者看到,导航等工具能起到好的指引作 用 保持视觉引导的流畅感 图文、视频的布局符合人们的浏览习 惯,瀑布式、分栏式等分类区割让访 问者更容易找到想看的内容 视频网站版式设计考虑因素 视频网站版式设计作为一种特殊的版面,既有文字,又有图片和视频,内容繁多、复杂,设计时必须要根据内容的需要, 将图片、视频和文字按照一定的次序进行合理的编排和布局,使他们组成一个有机有序的整体,充分考虑应用场........