立即注册 登录
汉山 返回首页

admin的个人空间 http://s541722682.onlinehome.us/?1 [收藏] [复制] [分享] [RSS]

日志

扩大页面宽度探(一) --- 主导航页面

热度 2已有 704 次阅读2014-11-13 23:12 |系统分类:技术支持 | 宽屏 请点击显示宽屏,再点击恢复窄屏 | 动漫全图 如只见部分动漫,请点击显示全图,再点击恢复窄图

因为动漫图片的尺寸大于博客页面而引发的网页宽度增加,不仅影响了博客,而且波及整个网站网页,考量又不仅仅是技术,涉及到方方面面,比如美学。

第一,主导航页面

什么是主导航?这个就是:

通过这个主导航,可以引导网友到特定的功能页面,如:门户,动态,微博,博客,相册,。。。,帮助等。主导航页面,有宽屏和窄屏之分,可以从后台调整。宽屏就是与目前的电脑屏幕宽度等同,窄屏就是传统的电脑屏幕宽度。显然,现在绝大多数人都在用宽屏电脑,我们从一开始也有这种考虑,用宽页面。但为什么没用?因为如果调整到宽屏,上面的导航页面大多数都会变为宽屏,但是门户和排行榜等不是。这样当用户来回转换页面时,宽窄相间,来回变换,用户经验就不好,觉得很闹心。所以我们没有采用。纵观N岸N地,连贝壳,美中这样的大网站都没有采用,可见都有同样的考虑。唯一采用的是夜夜城,看下图,的确有一个来回转换的纷扰问题。


夜夜城门户


夜夜城微博


还有一个例外是珍珠湾,他们也采用宽屏,但是各个导航页面一致,都是宽屏,包括门户,显然他们除了用diccuz厂家的默认功能,还做了一些加工(估计也申请了专利),所以一开始我们也没有在这些细节上考虑。


那么现在,因为要考虑增加博客页面的宽度,从技术上,自然也考虑到主导航页面的增宽问题。所谓副产品,我们先把主导航增宽了,技术上很简单,又是一行代码。因为在网友中出现反对的声音(我猜是不习惯引起的,守旧啊!),现在我们来分析一下得失。

1,信息量极大地增加了。先看看门户,显然,信息量增加了33%,原来是竖条是三个单位的面积,现在是四个单位。我们还没有做进一步的相应调整,如果做,那么或者是同样的信息量,网友可以节省1/4到1/3的时间上下滚动网页寻找,或者可以用同样的滚动,可以看到多出33%的信息量。

微博和博客(列表)更是明显,微博大概同样信息量滚动的长度比原来减少1/3到一半,为什么?因为整个页面增加的这33%宽度,对于微博本身来说,几乎是增加了其长度的50%。加上我们的微博图片设计(尺寸小,且一行多幅),我们的信息承载量相当大,看一下下图:

汉山网微博


我们一页可以放18幅图片,这才是半个承载量不到。我们的微博,一行能打入12张图片,也就是这样四行一页的页面可以承载48幅图片。看看珍珠湾的(下图),一页才能承载两张图片,信息量是我们的1/9(2/18),或者是我们承载量的1/25(2/48)。况且,图片右边(包括左边)如此大的空地,也很不入目,在美学上没有什么可取之处。


珍珠湾的微博


再来看看相册。原来一行只能放四幅照片,现在可以放七幅,容量增加近一倍。所以,我们有足够的理由说,导航页面增宽是很好的,必要的,有益的。


汉山网相册


2. 主导航页面增宽的主要问题:

那么有没有问题呢?问题主要在论坛,群组,帮助等后面的几个页面,比如下图是论坛的一部分,中间显得很空旷。虽然这是缺点,但是考虑到这些地方网友很少涉足,相比之下就不是大问题了。况且,

汉山网论坛

浏览了一下N岸N地,发现真正开发论坛的还不是太多。贝壳是龙头老大,论坛非常丰富且不说,珍珠湾论坛做的比较好,发现他们的论坛网页不是默认网页,是经过自主开发过的。那么可以设想,也许以后我们需要的时候,人多了,文章多了,我们也会开发,不会让这个网页这样空旷下去。

1

鲜花

真棒

玩闹

同情

看看

困惑

震惊

bad

刚表态过的朋友 (1 人)

发表评论 评论 (3 个评论)

回复 霜天红叶 2014-11-14 07:46
   博客宽度也宽了,做的动漫画面视觉效果挺不错的!
回复 admin 2014-11-14 09:32
霜天红叶:    博客宽度也宽了,做的动漫画面视觉效果挺不错的!
呵呵,谢谢。不过博客还没有动,宽度没变,是下一步的考虑。估计你的动漫右边还是有一个边被隐藏起来了。我周末解决这个问题。
回复 霜天红叶 2014-11-17 00:17
admin: 呵呵,谢谢。不过博客还没有动,宽度没变,是下一步的考虑。估计你的动漫右边还是有一个边被隐藏起来了。我周末解决这个问题。 ...
  

facelist doodle 涂鸦板

您需要登录后才可以评论 登录 | 立即注册

Archiver|手机版|小黑屋|汉山网    

GMT-5, 2023-1-29 06:42 , Processed in 0.057960 second(s), 20 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

返回顶部