本文是刘韧老师关于网站页面的均衡规划与选择的思考,希望对大家有所帮助。
1.尺寸 a)800*600能照顾到所有网友的电脑,但相当是张“小报”。
b)1024*768渐成主流。1024*768能比800*600多出一栏的信息。
c)正文页采用自适应设计,能在正文页做更多相关内容。首页也可以尝试自适应的设计。自适应设计的核心是要留出宽度伸缩自如的栏。
d)在1024*76模式下,页面的长度不易超过10屏。
e)随着电脑升级换代,分辨率提高,电脑屏幕能够提供的面积越来越大,这是一种难得的资源,要充分利用。“小报”改“大报”要增加一倍的纸张成本,网站改“宽版”,不增加任何成本。
2.字体字号 a)目录页用小字号,为的是放更多的标题。
b)正文页用大字号。为的是让读者读得舒坦。
c)慎用不容易看清楚的楷体。楷体的作用等于图片,主要起美化版面的作用。
d)多用对搜索引擎友好的标粗,来表示重点。
3.颜色 a)同一个页面的颜色不要超过4种。眼花缭乱,容易产生视觉疲劳。
b)颜色对比不要反差太大。网页版面不是美术作品,要避免形式对内容的喧宾夺主。
c)文字+底色能够起到很好的突出作用,在视觉变化上相当于图片的作用。
4.静态化 a)访问量大的页都应该静态化,以便减少服务器压力,增强网站稳定性。访问不到的网页是最差的网页。
b)动态化和静态化在一个页面中结合使用,能同时得到轻负荷和即时交互性的好处。
c)哪些页面的哪些地方需要静态化要在一开始就考虑,访问量大了之后,再高考虑,就迟了,由动态化转为静态化,会有很多历史问题。
5.分栏 a)首页选4栏?还是3栏?
b)正文页多用2栏。
c)“纵向逻辑”是指将相近的内容从上至下排列,而不是从左向右排列。如果读者对这方面内容感兴趣,他会从上至下,逐行阅读。这样可充分力利用首屏,让首页增多从上至下阅读的可能。
d)避免一栏太强,一栏太弱。通过图片、套红等手段进行调控。平均使用读者主意力。使读者不敢放过左中右任何一栏。
6.图片 a)一图胜千言。十分必要时才用。因为图片的编辑成本和带宽成本都比较文字高很多。
b)在目录页的图,小点,再小点,多用特写;小分辨率,能看就行。在正文页的图,保证清晰,美观。正文页有的是版面。
c)正文页在5屏之内,尽量不要分页。让读者一次读完。
7.导航条与网站地图 a)导航条是网站的门牌号码,不能随意更改。否则,读者会迷路,找不到他原来看的内容。
b)导航条上的分类名的前后次序要兼顾重点和读者阅读逻辑,即归类摆放。
c)导航条最多三行。最好二行。太多行显重。
d)导航的更多,就是网站地图。网站地图的摘要版可以放在网站底部,成为底部导航。网站的底部导航,很有必要。其好处是:一、可放多行;二、可形成网站底部的阅读重点。将读者从首屏带到最后一屏,期间会增加很多点击。
e)主导航和频道导航:主导航每页都有,频道导航只在本频道页面出现。
8.首页更新成本 a)首页设计不能只考虑美观、协调,要考虑24小时更新一遍之要求。更新是网站的生命,一定要最大限度地降低首页更新成本。
b)交叉自动同步更新的设计,可有效降低各种首页更新成本,给读者内容丰富即时的感觉。
c)更新即时的首页是网站的资源,因为是资源,更多的标题会拥上这个首页。如此,正循环,这个首页也就火了。更新不即时的首页是网站的鸡肋,会越来越寂寞,最终会被荒废。
d)每个首页的设计成至少要有一个读者点击进去的理由。即时更新比独家内容成本低。
分享到:
相关推荐
GUI Design Studio是一款图形用户界面设计工具,您能用它在不需要编写任何代码或脚本的情况下快速地创建演示原型。使用标准元素绘制个人化的屏幕、窗口以及控件;将它们整合以展示操作工作流然后运行模拟程序测试您...
第三、色彩和谐、重点突出:在网页设计中,根据和谐、均衡和重点突出的原则,将不同的色彩进行组合、搭配来构成美观的页面. 第四、界面清爽:要吸引访问者长时间的停留在的网站,千万不能让用户第一眼就感觉...
热情,计算机与信息工程系电子商务教研室定于2011年5月16日至2011年6月20日举办网 页设计大赛,并将优秀作品推荐参加第四届广西高校计算机应用(网页设计)大赛。 二、参赛对象 参赛人员必须是我校高校在校学生...
网软志成分类信息网站系统淡红色分类信息网站模板,人机交互数据输入界面十分干净清爽,我们坚信这是一流的设计思想。所有信息内容在线完成编辑,就象WORD一样简单、可视而又功能完善,几乎能完成你想要的所有效果。...
网软志成分类信息网站系统淡红色分类信息网站模板,人机交互数据输入界面十分干净清爽,我们坚信这是一流的设计思想。所有信息内容在线完成编辑,就象WORD一样简单、可视而又功能完善,几乎能完成你想要的所有效果。...
网软志成分类信息网站系统淡红色分类信息网站模板,人机交互数据输入界面十分干净清爽,我们坚信这是一流的设计思想。所有信息内容在线完成编辑,就象WORD一样简单、可视而又功能完善,几乎能完成你想要的所有效果。...
网软旅游网站的界面设计遵循国际最新W3C网页设计标准,在开发时期,我们经过IE6、IE7、火狐、Opera等主流浏览器上进行测试,都能够保证您网站浏览的流畅、完整,网软旅游网站页面设计遵循标准情况下尽量的减少了各个...
应用于商业网站、传媒网站、政府网站、企业门户网站以及专门信息网站与个人站点,规范网站后台信息流程、统一数据存储格式、减少网站维护的投入、加强信息披露的权限管理等方面的能力与效率,并且为降低网站建设与...
与DotNet数据对象结合的自定义数据对象设计 (二) 数据集合与DataTable 与DotNet数据对象结合的自定义数据对象设计 (一) 数据对象与DataRow ASP.NET中大结果集的分页[翻译] .net 2.0 访问Oracle --与Sql Server的...
7.25 声音音效均衡器、重低音与音场控制 7.26 在自定义的SurfaceView上绘制动画 第8章 当Android与Internet接轨 8.1 HTTP GET/POST传递参数 8.2 在程序里浏览网页 8.3 嵌入HTML标记的程序 8.4 设计前往打开网页功能 ...
7.25 声音音效均衡器、重低音与音场控制 7.26 在自定义的SurfaceView上绘制动画 第8章 当Android与Internet接轨 8.1 HTTP GET/POST传递参数 8.2 在程序里浏览网页 8.3 嵌入HTML标记的程序 8.4 设计前往打开网页功能 ...
7.25 声音音效均衡器、重低音与音场控制 7.26 在自定义的SurfaceView上绘制动画 第8章 当Android与Internet接轨 8.1 HTTP GET/POST传递参数 8.2 在程序里浏览网页 8.3 嵌入HTML标记的程序 8.4 设计前往打开网页功能 ...
应用于商业网站、传媒网站、政府网站、企业门户网站以及专门信息网站与个人站点,规范网站后台信息流程、统一数据存储格式、减少网站维护的投入、加强信息披露的权限管理等方面的能力与效率,并且为降低网站建设与...
7.25 声音音效均衡器、重低音与音场控制 7.26 在自定义的SurfaceView上绘制动画 第8章 当Android与Internet接轨 8.1 HTTP GET/POST传递参数 8.2 在程序里浏览网页 8.3 嵌入HTML标记的程序 8.4 设计前往打开网页功能 ...
7.25 声音音效均衡器、重低音与音场控制 498 7.26 在自定义的surfaceview上绘制动画 504 第8章 当android与internet接轨 509 8.1 http get/post传递参数 510 8.2 在程序里浏览网页 513 8.3 嵌入html...
7.25 声音音效均衡器、重低音与音场控制 7.26 在自定义的SurfaceView上绘制动画 第8章 当Android与Internet接轨 8.1 HTTP GET/POST传递参数 8.2 在程序里浏览网页 8.3 嵌入HTML标记的程序 8.4 ...
代码生成、网页静态化、基于JQuery的Web2.0页面开发、AJAX、SEO、网站调优、采集器、RSS/XML、网站防黑(防XSS攻击、防注入漏洞攻击、防CC攻击、防挂马、防盗链、敏感词过滤、广告帖智能过滤)、IIS管理与调优、流量...
如题,非常好的界面设计实例,自绘控件的实现。 Mufan MP3播放的实现。 MYICQ 0.8 alpha1 (仿腾讯QQ整套聊天系统) 老版qq系统的实现。 MyIE3.0浏览器源代码 如题。完整的代码,重载控件实现,非常适合初学者。 ...
如题,非常好的界面设计实例,自绘控件的实现。 Mufan MP3播放的实现。 MYICQ 0.8 alpha1 (仿腾讯QQ整套聊天系统) 老版qq系统的实现。 MyIE3.0浏览器源代码 如题。完整的代码,重载控件实现,非常适合初学者。 ...