包装印刷包装中心网页艺术设计.pptVIP

页面尺寸：800宽度的页面主要是为了照顾800*600分辨率的浏览器， 但在1024分辨率下略显小气。1024宽度的页面显得大气饱满，但在800 分辨率下影响内容表现不全。 3． 资料分析 3.2 版式分析 3.2.1 框架 第三十一页，共六十七页。 框架数：单框架简洁，多数网站也是单框架；多框架略显零乱，不过 在一些特殊形式上使用会有更好的效果。 3.2.1 框架 3． 资料分析 3.2 版式分析 第三十二页，共六十七页。 首页内容量指的是一个页面所显示的信息多少。大型网站页面过长 是一个大问题，将首页内容量控制在一定范围使信息结构清晰是非常 重要的。 蓝色理想，视觉中国便是页面过长的例子,而同是知名设计网站的设计 在线就没有这个毛病。 3.2.2 首页内容量 3． 资料分析 3.2 版式分析 第三十三页，共六十七页。 一般网页为纵向，前面的内容较为重要。内容结合栏目归类，便于浏 览者快速查阅资料。 横向浏览较为特殊，一般用的很少，不太符合大众的浏览习惯。但有 些网站大胆应用此排版方式，突破传统的排版规律，视觉上与众不同， 给人一种耳目一新的视觉观赏性，达到了创新的目的。 3.2.3 视觉方向 3． 资料分析 3.2 版式分析 第三十四页，共六十七页。 经常是一个形式简单的导航条和版权、联系等信息。 3.2.4 底部结构 3． 资料分析 3.2 版式分析 第三十五页，共六十七页。 大学网站和门户网站为了适合各方面人群浏览，一般用800宽度页面；设计 类网站用1024宽度的较多。网站越大，内容量自然越多，页面过长是一个很大的 问题，大多门户网站和大型的设计网站都会出现这个毛病。 视觉方向的创新在 很正式的网站中不会出现，毕竟人们是为了浏览信息的而不是为了探索新形式。 设计公司的头部、主体和底部结构往往与众不同，也是为了页面的新颖性以吸引 浏览者。科研网站注重学术性，版式很严谨，结构简洁便于信息的浏览。 作为设计中心的网站，主要针对的浏览者是与设计有关的人，他们大多使用 1024分辨率的显示器，所以设计方案首选1024的页面宽度。框架数的选择因各方 案异。首页内容量不宜多，控制在两个全屏内。视觉方向主要还是用纵向，也鼓 励设计者提出创新方案。设计中心网站具有很强的设计性质，头部、主体、底部 结构创新的重要性不可忽视。 3.2.5 版式分析小结 3． 资料分析 3.2 版式分析 第三十六页，共六十七页。 3． 资料分析 3.1．色彩分析 3.3.1 导航栏位置 3.3.2 导航设计 3.3.3 导航内容 3.3.4 小结 3.3 导航分析 第三十七页，共六十七页。 网页的导航栏位置定下来后，其网页的框架也就有了明确的方向 网页顶部横条 中分式横条 居左式和居右式 网页底部横条 3． 资料分析 3.1．色彩分析 3.3.1 导航栏位置 3.1．色彩分析 3.3 导航栏分析 3.1．色彩分析 3.3 导航分析 第三十八页，共六十七页。 网页顶部横条 一般为大型网站的用法，信息量较大（如：蓝色理想） 3． 资料分析 3.1．色彩分析 3.3.1 导航栏位置 3.1．色彩分析 3.3 导航栏分析 3.1．色彩分析 3.3 导航分析 第三十九页，共六十七页。 中分式横条 （处于 banner之下） 居右：导航的左侧一般放置网站的形象如标志（超视觉网），有的甚至留空，引起浏览者的视觉偏向。 居中：均衡两端对齐，靠中对齐。 居左：右侧留空（如妙想互联视觉设计论坛）网站搜索部分网站的登录。 3． 资料分析 3.1．色彩分析 3.3.1 导航栏位置 3.1．色彩分析 3.3 导航栏分析 3.1．色彩分析 3.3 导航分析 第四十页，共六十七页。 居左式和居右式 右边：国内公司网站和国外网站常用靠右边，比较新颖 。 左边：便于查找 3． 资料分析 3.1．色彩分析 3.3.1 导航栏位置 3.1．色彩分析 3.3 导航栏分析 3.1．色彩分析 3.3 导航分析 第四十一页，共六十七页。 网页底部横条 网页大于一屏时，底部横条导航可以方便地使浏览者到达不同的页面 加入网站的次要链接，丰富网站内容。 3． 资料分析 3.1．色彩分析 3.3.1 导航栏位置 3.1．色彩分析 3.3 导航栏分析 3.1．色彩分析 3.3 导航分析 第四十二页，共六十七页。 其他 3． 资料分析 3.1．色彩分析 3.3.1 导航栏位置 中间：处在网页中间的导航栏比较少（集美大学） 此类打破常规，用得比较灵活，多般用于个人主页或引导页面上。 3.1．色彩分析 3