热 门: 什么是花 生壳?    百度为什么不收录网站首页?    申请免费空间    网站如何备案    什么是音乐小偷?    什么是SEO,如何网站优化?     大量精美网页特效    设为首页 | 加入收藏
首页 | 站长免费中心 | 新手上路 | 网站运营 | 网页制作 | 图片设计 | 动画设计 | 网页编程 | 网页特效 | 本站专题 | 虚拟主机 | 域名注册 | 网站建设 | 程序下载
       免费空间资源 | 新闻咨询 | 免费域名 | 免费网盘 | 网站推广 | 网站策划 | 建站经验 | 网站优化 | 网页代码 | 源码下载 | 音乐小偷 | 网络赚钱 | 论坛交流
网站建设
网站建设
虚拟主机
虚拟主机
域名注册
域名注册
711网络首页
站长工具
站长工具
网站源码
网站源码
站长论坛
站长论坛

企业网站建设
.com .com.cn .cn .net .net.cn
.cc .org .org.cn .tv
本站搜索:
温馨提示: 如果没找到您需要的内容, 欢迎在此搜索.
绵阳网站建设

 711网络 网站运营建站经验

宽屏如何设计网页 参看大公司是如何做的

来源: chinaz    日期:2009-4-11

     
 

    智能建站已经成为企业网站建设的主要方式,建立个性化企业网站是企业品牌形象的体现;具有强大灵活的网站功能、HTML生成、搜索引擎优化,现有简体、繁体、英文、日文等多国语言可选用。赶快申请,立即拥有个性化企业网站...

 
 

白鸦等同学,作为设计师,都在研究,到底多宽的屏幕适合于阅读。研究来研究去,他们认为,设计页面的人,首先应该考虑到,很多同学眼珠子没这么宽,必须限定为650-800宽度。也就是说,太宽了,就费眼睛,阅读速度也慢了,易用性就降低了(当然,这也是很多老外研究的结论,白鸦他们只是作为传道者,给大家传道而已)。还有,白鸦同学也说了,有1680或1920宽度的显示器,在看网页时,最好不要全屏,这样简直是自己折磨自己。

说起来都挺好听的,自然也是很有科学道理。但,到底网页要不要搞得限定宽度,让人在宽屏时,阅读只看到左侧一半的宽度,扭着脖子看左侧信息,而忽略甚至费劲地再看右侧的信息?最近的safari浏览器最受人诟病的就是上面的 tab的close button的设计。隔得太宽,每次都要费劲用鼠标点击那小叉叉,简直是对人的折磨。

我也知道,更短的连续文字更适合于一目十行,但实际上,纯文字阅读并非网页设计首先要考虑的问题。到底设计多宽屏幕,实际上是需要更多考虑的问题。现在的浏览器多数都支持无级缩放,在用大屏幕的时候,可以继续考虑满屏设计,只需要用浏览器的缩放,基本就能解决问题。放大两倍后,650的像素所占位置大概是1300,离屏幕远一些,看起来也没多费劲。设计师的首要目标,一是可能要考虑前几年适合不同浏览器自动调节CSS的做法,另一个是要培养用户使用无级缩放的习惯。

02年yahoo改版的时候,就在考虑800和未来的主流1024之间如何平衡的问题。考虑到浏览器字体缩放的技术,满屏也不是那么令人可憎。相反,不要过多地考虑留空白,满屏后,起码可以让阅读者更加自如地控制字体大小,阅读的舒适度,交回给用户。

否则,以设计师为主导的设计方法,免不了又要进入新浪弹出窗口的悖论:新浪的习惯是弹出新窗口,结果新上网的用户习惯了弹出新窗口。结果,不用弹出新窗口的,似乎就不符合标准。既然大家都喜欢弹出新窗口,_blank的应用就无处不在。浏览器的tab的功能也成为衡量一个浏览器是否已用的标准。鼠标中键点击也成为标准。相反浏览器的标准后退按钮和后退操作,反而慢慢失去了作用。

回到问题上来,到底要设计多宽的网页?我的认为是:全屏是最佳选择。要努力的是浏览器的适应能力,要改变的是用户的浏览习惯。

对于屏幕宽度的例子,以下几个企业各自的选择很有代表性

http://www.amazon.com/ 满屏的习惯代表,字体的无级缩放,使其更易读,oracle基本也是宽屏到底。

http://www.microsoft.com/ 结合满屏和固定宽度的做法的代表。首页固定宽度,防止页面结构错乱,内部阅读页,满屏。导航和相关链接,置于屏幕的左上和右上位置。类似的有ebay的做法,直到最终页面,前面都是用表格来固定宽度,防止页面错乱,最后产品页则全屏。google最早偏向于全屏处理文字的展示,但最近却也靠近折中做法,页面搜索结果也限定宽度,其他地方全屏。但搜索结果页搜索结果区域的固定宽度,是为了防止cache和类似网页以及comment等几个功能不要和要点击的搜索结果拉得太开,不得已的设计。gmail和reader等,依然是全屏设计。

http://www.ibm.com/ 固定宽度的典型代表,在1024已经成主流的1年时间里,IBM固定是800像素设计首页。后来逐步改到适合1024屏幕的宽度。而且特别喜欢用表格区分。

sun,apple,和ibm基本也类似,都跟nngroup的jakob nielsen脱不了干系。但nielesn的很多的理论,也用于microsoft等折中的企业身上。可以去useit.com和nngroup.com看他们到底怎么做。没有一个固定的说法。

作为内容为主的阅读型网站,我最喜欢nytimes和msnbc的设计。但有一些设计理论可能会觉得这两个网站稍显花哨。

精品网站程序下载(草根站长最爱)
QQ2013,QQ2012临时会话插件(全国首发)
711旅游网站管理系统V2013(无功能限制)
711幻灯片管理系统(全国首发) 各类网站程序下载
711企业网站管理系统V2013个人版(无功能限制)
711免费在线客服系统个人版 V2.0
电影小偷采集程序V2013免费下载
点此查看


更多的宽屏如何设计网页 参看大公司是如何做的请到论坛查看: http://BBS.TC711.COM



【 双击滚屏 】 【 评论 】 【 收藏 】 【 打印 】 【 关闭 】 来源: chinaz    日期:2009-4-11   

发 表 评 论
查看评论

  您的大名:
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款
认证编码: 刷新验证码
点评内容: 字数0
  精品推荐  
  本月推荐  
· 企业程序V2013精品版
· 企业程序V2013营销旗舰版
· 购物商城系统V2013
· 旅游程序V2013
· 鲜花网站系统V2013
· 珍爱鲜花配送管理系统V2013免费下载
· 绵阳餐饮网2010免费下载
· 旅游网站管理系统V4.0
· 旅游网站管理系统V12.0免费版
· 学校网站管理系统
· 政府网站管理系统
· 律师事务所网站管理系统
· 仿阿里巴巴B2B门V2009
· 婚纱摄影网站管理系统2013
· 人才网管理系统V2009
· 企业程序中日英繁四语版
· 人才网管理系统V2009
· 公文传输系统(适合于政府机构)
· 711企业网站管理程序V2009超强完美版 
· 711酒店网站管理系统V2008 
· 711网站QQ在线咨询插件2013(兼容火狐)
·711企业网站程序免费版(无功能限制)
·711企业网站系统V2008.4多风格三语
·711网络在线图文下单与产 品输出系统
·711酒店网站管理系统V2008
·绵阳商铺信息网站管理系统
·711旅游旅行社网站管理系统V2007.10
·企业搭建网站的好处
·711二手网站网站管理程序
·711网络企业网站管理 系统韩国风格
·711企业网站管理系统(中英繁三语)
·711房产中介网站管理系统2008
·711分类网站管理程序(html版)
·711公文传输系统V2007.6正式发布
  友情赞助  

·快速设计网页必备的28款工具和生...
·网站上的广告与网站设计的关系
·[分享]网络创业的定位与切入点
·成功的网站其实很简单的就这样做...
·良好用户体验的网站主页 必备的1...
·以亲身体会讲述 43条网站设计中常...
·GOOGLE收录减少怎么办?
·个人网站赚钱必须要坚持
·搜索引擎最新免费登录入口大全
·一个个人站长些的网站宣传方法
·免费网站推广区
·百度"反垃圾网站"的若干问答
·宣传网站利器——你都搞了吗?
·网页应该怎样设计,才能被百度有...
·提高网站的Google PR值的私家绝招...
·让网站迅速被各大搜索引擎收录!...


本站所有资源均来自互联网,如有侵犯您的版权或其他问题,请通知管理员,我们会在最短的时间回复您
Copyright © 2005-2015 Tc711.Com All Rights Reserved 版权所有·711网络   蜀ICP备05021915号
110网监备案 信息产业备案 不良信息举报  点击这里给我发消息
//