网志更换样式

作者: 阮一峰

日期: 2007年8月 6日

腾讯课堂 NEXT 学院

天,我为这个Blog换上了新的样式,也就是大家现在眼前看到的这个。(订阅RSS的朋友请访问原文。)大家觉得,同以前的样子相比,哪个更好一些?

新样式是我自己写的,主要做了两点改动:1)字体变大了;2)去掉了背景图案。这样做的目的,是为了更加突出内容本身。可惜我缺乏美术细胞,这个样式显得有点粗糙,很多细节问题无法解决。

所以,我变得不太确定了。

欢迎大家提出修改建议或批评,如果反响不好,那么这个Blog就再改回原来的样子。

最后顺便说一句,这其实是我的Blog用过的第三个样子。第一个现在还能看到,有兴趣"考古"的朋友不妨去看看

(完)

UPDATE(2007年8月7日 12:00 中午)

修改过样式了,页面置中,再也不会出现右边的大块空白了。

现在是不是感觉好一点?

UPDATE (2007年8月7日 14:30 下午)

调整了色块颜色。

UPDATE (2007年8月7日 23:00 晚上)

好像大多数网友都认为以前的样式更好,但是我还是不死心。因为我对那个样式中的一些地方很不满。

下面,我将两个样式的对比贴出来,请大家点击查看,继续发表意见。

旧的样式:

bg2007080702.jpg

新的样式:

bg2007080701.jpg

UPDATE (2007年8月8日 20:15 晚上)

重新调整了配色方案,摒弃了黑白配色,现在变得柔和多了。

优达学城

uni-app

留言(44条)

以前的好,有点呆板

以前的好..现在的色调和模块比较突兀

我也觉得是以前的好


出差10天回来,今天上班第一件事是来这里,直觉:还是老版界面好。

看到右边空白了一块,页面没有布满整个屏幕

最早那个粉色的好
1400*1050 firefox
最大化右边一半都是空白
换回1024的话就只有右边三分之一空白

我觉得这个色彩比较沉着,版面清晰,不错么!

以前好。
这个留白太多,时间久了刺眼。
稍微用色调铺底,符合人的视觉就可以了。并且,右边太空了,不利于内容展示。可以做成两个显示页面,随时调节。

以前的好,现在这个看了太难受了..

引用asiapan的发言:
看到右边空白了一块,页面没有布满整个屏幕

我原先的想法是照顾800*600分辨率的访问者,所以页面宽度只有800像素,因此右边会出现大块空白。

现在调整过了,应该好一点了。

引用Fishee的发言:
1400*1050 firefox最大化右边一半都是空白换回1024的话就只有右边三分之一空白

有很多朋友使用1400的分辨率嘛?……大家的显示器都多大啊?!

看来我应该事先调查一下大家的分辨率使用情况。

引用三毛的发言:
以前的好,现在这个看了太难受了..

这个样式真的这么难受吗?……难道我的审美和大家差别这么大?!

自从第一次看了你的日志,现在已经习惯每天都来浏览。
我已经看腻了旧的版本。
我喜欢这个,比较有新鲜感。
如果可以经常换就好了。

色块的对比确实比较突兀,如果可能,再试试其它的?

不过客随主便,当然以你的感觉为准了。审美这东西,又没有标准,再说众口难调。

这网志做得很好,很多文档、资料、书籍这样分类很方便,您也很坦然地同大家分享你的成长和心情。浏览了很久,还介绍给了几位朋友。
现在这个颜色略沉了些,不一定是审美观的问题,不知是否与您当下的心情有关,希望你能开心些。
很喜欢您做的提要和重点,虽然有时会想也许自己读同本书或那篇文章不一定会把某句某段视为最受触动的,但觉得很真实,而且很想读读这本书或原文,很有趣!

能不能把 相关内容 这几个框框去掉,字体改小一点???

我看这这么久,就觉得这几个东西太影响阅读了。

您的网志好就好在内容和逻辑上,现在的字大了比以前的好看多了。
大家个人的评价有时仅仅代表了本人某时段的审美周期,有时总希望变化,求异,有时不怎么关注,首先您本人感觉怎样,我觉得这个更重要。您的想法和文章更倾向于专业性,页面设置的太花哨恐怕于您自己也接受不了。专业的版面设计和色彩搭配要结合栏目。您如果需要参考网页设计有很多,但我们每个人的看法都不同,技术层面的知识大部分浏览的人都未必能切合实际地讲出来或帮您参考。每个阶段人的心情不一样,喜欢的色彩搭配也不同。
我来浏览您的网志,更多时候的心情好像是阅读老友的笔记,一位师长、师兄介绍一本好书一部电影、读您的心情无意中想起自己的某种状态,很轻松,很真实。如果您为了版面设计的事困扰要找个专业人士帮您参考了,我们的文字评价很空泛,缺少技术执行角度可落实的意义。

很干净的页面。这两年来,一直都看你的网站,但都没有看你的blog,感谢你的辛勤劳作,为我带来方便和喜悦:)

引用Ruan YiFeng的发言:

这个样式真的这么难受吗?……难道我的审美和大家差别这么大?!

我的审美也很普通,大概是习惯了之前的样式吧.一下子感觉变化很大..
就我个人感觉而言,还是喜欢先前的样式.:)

你应该坚持一个月,一个月后再问问大家的感受

引用ppip的发言:
能不能把 相关内容 这几个框框去掉,字体改小一点??? 我看这这么久,就觉得这几个东西太影响阅读了。
引用炎灼的发言:
现在这个颜色略沉了些,
引用forget的发言:
色块的对比确实比较突兀,如果可能,再试试其它的?

谢谢你们啊,这个建议很重要,现在果然感觉好多了!

引用杰明街的私家裁缝的发言:
你应该坚持一个月,一个月后再问问大家的感受
我现在已经根据大家的意见修改了很多地方了,感觉现在的样子比昨天强多了!
引用三毛的发言:
我的审美也很普通,大概是习惯了之前的样式吧.一下子感觉变化很大..就我个人感觉而言,还是喜欢先前的样式.:)

能说说现在这个样式中,你最不满意的是什么吗?这样有利于我改进。

以前的好,现在的看上去有点突兀。。。难道是看习惯的原因?

引用阿三的发言:
以前好。这个留白太多,时间久了刺眼。稍微用色调铺底,符合人的视觉就可以了。并且,右边太空了,不利于内容展示。可以做成两个显示页面,随时调节。
引用Ruan YiFeng的发言:

能说说现在这个样式中,你最不满意的是什么吗?这样有利于我改进。

阿三的说出了我的感觉.就是这样.
前一个样式让人感觉很舒适,没有任何不舒服感..看起来很整洁.
现在的首页抬头是黑色的,有点沉闷,然后就是大段的白,真的,感觉不舒服..

感觉跟原来差不多

太刺眼了。。你什么时候该回去啊。。

我也喜欢原来的!!!这个看得我视力下降。。。

以前的好些:)

这个版本更简洁,当然,你过去的版本也不花哨

来这里看的都是看重你文章内容的朋友,你有的时时间观察大家的反映

因为内容,我不会因为你的版式离开关注你,哪怕你花哨的跟个色情网站一样呢!!

倒不是黑色沉闷 而是黑白对比太刺眼
自己也曾用过黑白主题 觉得简洁还挺酷 但是长了发现眼睛受不了 还影响心情
不过无所谓啦 一般都用Greader看内容 这里是你的地盘当然听你自己的

严谨有余,留白太多,不利于网上阅读。

青、赤、黄、白、黑等五色,在中国古代还有特殊的意昧:

青色----永远平和

赤色----幸福、喜

黄色----力、富、皇帝

白色----悲哀、平和、雅洁

黑色----破坏、沉稳

人们对颜色所表现出来的习尚,已经不是一种简单的颜色欣赏,而是一种寓含着某种人类情感的凭托物,反映了一个民族的信仰观念。
引自商铺色彩

我觉得新版好,起码看起来比以前的更专业、大气。

有人觉得刺眼可能是因为字体放大后问字显得太黑,与白背景对比太强。可以考虑把body text的黑色稍微调淡一点儿或把某些标题、副标题的黑色调淡一些,避免所有文字都是纯黑,这样就会显得柔和一些,而且会显得有些变化。

我自己的博客也是自己写软件、自己设计的。与你共勉!

引用比目鱼的发言:
有人觉得刺眼可能是因为字体放大后问字显得太黑,与白背景对比太强。可以考虑把body text的黑色稍微调淡一点儿或把某些标题、副标题的黑色调淡一些,避免所有文字都是纯黑,这样就会显得柔和一些,而且会显得有些变化。
引用taro-c的发言:
倒不是黑色沉闷 而是黑白对比太刺眼自己也曾用过黑白主题 觉得简洁还挺酷 但是长了发现眼睛受不了

太感谢了!你们启发了我!

引用三毛的发言:
现在的首页抬头是黑色的,有点沉闷,然后就是大段的白,真的,感觉不舒服..

现在应该好一点了吧?……

背景更换颜色插件(保护视力色)

http://www.zxx8.com/dy/dywt/200705/11180_2.html

还没有深入研究,不过关于底色对光的反射率,反射性强伤害视力是真的,我导师蹭做过这个调研

引用炎灼的发言:
背景更换颜色插件(保护视力色)

多谢,已经记下来了,下面几个颜色是保护视力色:

'银河白','#FFFFFF'
'杏仁黄','#FAF9DE'
'秋叶褐','#FFF2E2'
'胭脂红','#FDE6E0'
'青草绿','#E3EDCD'
'海天蓝','#DCE2F1'
'葛巾紫','#E9EBFE'
'极光灰','#EAEAEF'

原来两边的蓝色,感觉很轻灵,还是加点蓝色吧!而现在的浅黄色底色确实比较护眼:)

现在的问题:在颜色上将正文区和回复区区分开来,否则文章的结尾就找不到了……

文字看起来有点floating啊,给文字区域加一个gradient的边框吧。

类似于在底下再加一个container,或者别的什么,放一张高斯模糊后的黑色图层,这样区域周围就会显出一个灰色渐变的边框,相当于框住区域,而不显得游离在背景之上了~

或者在背景上方,设一个跟文字区域宽度类似的白色块,这样也可以把这一区域highlight出来。

不过还没仔细看代码,不知道改起来会不会难度太大。

引用ashbury的发言:
原来两边的蓝色,感觉很轻灵,还是加点蓝色吧!
引用ppip的发言:
现在的问题:在颜色上将正文区和回复区区分开来,否则文章的结尾就找不到了……

我将附属模块的标题栏改成蓝色了,感觉怎么样?

引用Sophy Yang的发言:
文字看起来有点floating啊,给文字区域加一个gradient的边框吧。

我不敢肯定完全看懂了你的意思,但是这样会不会太复杂了?我希望能够保持现在的整体效果。

橘黄、浅黄、草绿、灰蓝、灰白、纯黑。。。感觉这个新版本上的颜色太多了一点,聚在一起有点杂。建议站长寻找更和谐的配色方案。:-)

引用lis的发言:
橘黄、浅黄、草绿、灰蓝、灰白、纯黑。。。感觉这个新版本上的颜色太多了一点,聚在一起有点杂。建议站长寻找更和谐的配色方案。:-)

对,我也觉得颜色太多了,而且有点杂。但是不知道怎么改,真的一点感觉也没有……

新版面好,清晰,大气。整体方向不错。局部需要调整。除正文部分的内容最好不要特别突出。背景颜色和字体颜色适当调整。总之简洁最好

引用zhiying的发言:
局部需要调整。除正文部分的内容最好不要特别突出。背景颜色和字体颜色适当调整。总之简洁最好

我也觉得需要调整,可以不知道怎么做,现在的配色都是自己瞎配的,一点不是胸有成竹……

這個畫面不錯,很容易閱讀。

而且,內容為王嘛,界面不重要的,打開快,沒廣告,已經很不錯啦。

不過,我建議,冬天就用這個,看著暖和。夏天就換成淺藍色,看著涼快,呵呵。。

結構就不用變化了

我要发表看法

«-必填

«-必填,不公开

«-我信任你,不会填写广告链接