新风格 nidoo 上线

Mar 27th, 2008 EE & WP Works WORKING

  拖拖拉拉磨蹭了一个月,终于可以把新风格亮出来了~XD

  新风格名为Nidoo,没什么特别重大的含义,就是把相关的一些意义拼成个比较好听的发音,就是这样:nidoo。

  这一次新风格的宗旨就是跟上一次尽量反差大些,原来用亮色,这次用暗色;原来用冷色调,这次用暖色调;原来为了效率把图片尽量减到最少,这次是美观第一效率第二(再也不吝啬对图片的使用了);上次是苗条的导航栏,这次是又粗又宽的效果。

~~ 分隔线 ~~

  以下是一些设计方面的想法,对网页设计无甚兴趣的可以直接跳转到最后发表评论或者扫一眼新版About页面

  1、根据 Google Analytics 的统计数据,在Blog上使用800×600分辨率的用户比例已经下降到3%左右,其他全都是1024及以上的,所以 nidoo 也不再局限于780px的宽度,设计宽度1024及以上,实际内容宽度800px。此外,为了进一步适应大屏幕,默认字体也加大了1个像素,包括评论部分。

  2、页面使用了Table布局——从布局角度来说纯粹是多余的,Table作为布局有一点好处就是在IE下加载的时候可以一部分一部分地显示,而不用等整个页面都载入完毕才显示。用Table,只是为了增强一点IE的用户体验。

  3、以前的设计思路是,页面附属元素(包括导航、页脚等)文字使用PX设置大小,正文内容使用PT设置大小,这样是为了正文能够满足缩放,同时尽可能小地影响页面布局。不过现在各家浏览器的缩放功能基本上已经都已经进化到了全页面缩放的水平,用像素控制也不影响缩放。从精确的角度上来讲,我更偏爱px而非pt——毕竟网页的最主要用途还是在计算机屏幕上显示。

  4、都说IE8多么标准,但我觉得它没多少改进。改的只是增加功能,增加对CSS的支持,而对于以前IE就特立独行的盒模型、伪类等问题,基本还保持了IE的一贯作风,还是得要用Hack来给IE全系列浏览器开小灶。此外,在IE8 Beta1下面布局正常的页面,到了IE6下面也都OK,可见IE8仍然是非常固执的坚持自己的路线,只不过在此基础上增加了更多对标准的支持而已——从好的方面么,可以这么说:针对IE8设计的网页向下兼容。

  5、其实按我的计划,风格还不算100%完成,存档部分的“Timeline”页面还没有做,搜索也尚未开放。还有个早先就规划好的栏目,也要等下一步添加。所以说,新风格Nidoo——好戏还没完~

历史上的今天 | Today In History
Mar 27, 2008 -  尤嘉明亮
Mar 27, 2007 -  AMIO.CN 首页重构

15 Responses to “新风格 nidoo 上线”

  1. 小草 says:

    眼睛受不了了,我撤退!

  2. 猫猫 says:

    重口味很容易失守

  3. amor mio says:

    想要让所有人都满意,很难
    尤其是当他们知道自己也可以影响最终设计,而不只是观看和接受的时候,
    各种意见想法就会冒出来,
    有一些是很好的反馈,另一些则没什么参考价值,甚至完全是业余角度的主观臆测。

  4. amai says:

    从设计的角度上来讲,这样的风格未尝不是很惊艳滴,但是从阅读和健康来看……咳咳,这方面我就不在行了~不过确实眼睛疼,这是切肤之感~
    主要觉得背景和字一起“打眼”的做法真是太疯狂了,反正我不敢试,呵呵,BG写评论时的底色还不错~
    BWT,我的备案还在审理期…汗,其实我的基本上折腾好了,剩下不过一点调试的事儿,但是最近一直忙得没时间做最后的调整。还有就是,我对IE6太失望了,哎,正在考虑是不是干脆放弃之,懒得再为它改来改去了…

  5. amor mio says:

    我做风格,也是天天看……没有觉得太累,可能是看习惯了?

  6. amor mio says:

    恩,做了点微调,
    正文字体亮度提高、字符间距增加0.01em;
    首页标题减淡处理(首页的正文内容不大容易分辨,应该是标题太过突出的反衬效果吧);首页最近评论背景颜色去掉,进一步把注意力让给正文内容。

    第一次设计暗色背景,看来经验还是不充足,慢慢改进中~~算是公测了,哈哈

  7. 猫猫 says:

    JR,字和背景都应该更淡些

  8. amor mio says:

    怎么个淡法?更黑一点?还是饱和度更低一些?

  9. 猫猫 says:

    字偏绿,背景暗或者饱和低或者淡

  10. 木遥 says:

    为什么我想起了大红灯笼高高挂。。。。。

  11. LeXeR says:

    太红了我日,改成黑底红字的吧

  12. 寒星 says:

    居然是暗红色!年都过去N久了,应该换成别的颜色!看着晕!

  13. amor mio says:

    关于这个颜色,有说喜气,有说血腥,两个都很准确,但是感情色彩实在是相去甚远。然后,木遥想到红灯笼,Rover 想到了白酒的外包装盒,ZZ说我恐怖片看多了……

    参考一下其他同类的暗调设计,都是普遍认为设计优秀的站点,
    比较比较,我的风格还属于整体较温和的一类:

    http://www.noedesign.com/
    http://www.bdthreads.com/
    http://benford.co.nz/
    http://www.sofasurfer.eu/
    http://www.feedicons.com/
    http://www.rsbmedia.com/ – 这个也是红色的,另一系红色,而且横向设计
    http://www.joystik.co.uk/
    http://www.tewhanake.maori.nz/

    国内很多流行的blog服务商也提供有暗色调的风格可选,大家估计也见得不少,我就不列举了

  14. DeadFire says:

    网站就是要时不时的变化变化。可以表明网站一直在努力的做着的呢。

    我觉得ee默认的那个挺好的,哈。

  15. 铁血制造 says:

    咋不见下载,共享下。。。

Leave a Reply