存档

2008年4月 的存档

xiaoxiao新婚大喜~

2008年4月29日 Knight 没有评论

[lol]"云柯得露开双蕊 天骨凝香结百年 静夜月圆",这是xiaoxiao的qq签名.

xiaoxiao的博客头部,很有感觉

分类: 生活 标签:

生日

2008年4月28日 Knight 1 条评论

先是吃、喝,然后去唱歌。凌晨回到家,我就去了趟卫生间,出来一看,生日蛋糕的蜡烛都点起来了!

这帮鸟人也没提醒我要许愿,直接就把蜡烛吹了,吃了。

你看我们搬新家了,沙发看起来很安逸吧~宜家的!你看连标签都还没来得及撕掉!晚上点上那个落地台灯,倒上一杯酒,手里再捧个书,往那沙发上一坐,享受。。。到时候看看再养个狗,一手捧书,另一只手就时不时时伸出来摸摸狗头什么的…

这土狗一看就知道是个吃货

分类: 生活 标签:

又老了一岁

2008年4月26日 Knight 1 条评论

昨晚12点一过,收到短信,打开一看-生日快乐

哎呦,原来我又老了一岁了,这段时间忙的焦头烂额,几乎快忘记了,只知道生日大概是这几天。

生日,我们呱呱落地的那天,是母亲的受难日,所以一直都不认为有什么应该庆祝的。父母不单赋予了我们生命,还要负责我们的吃喝拉撒,成长,一切都要他们来操心。不管我们多大,父母总是为我们永远操着心。

所以,要说一声:妈妈,辛苦了。

都说生日要许愿望,我就许两个吧,第一个是希望家人身体健康;第二个希望自己能有所成就。

加油加油~[birthday]

分类: 生活 标签:

怎样才能设计简洁、漂亮的网页

2008年4月26日 Knight 没有评论

【译者的话】虽然你一心想设计简洁的作品,但更多的时候却是苍天弄人:客户往往给你很多的信息要求加在设计上。信息众多并不能成为做不好设计的借口。在本文中,我们将深入发掘迈阿密大学艺术科学学院的网页设计,看看我们能够从中学到什么宝贵的经验。

迈阿密大学的艺术科学学院网页通过细节的精心处理给人一种赏心悦目的视觉效果。

最好的设计往往就是最简单的设计:一个中心思想,一幅图片,少量的文字,开放的空间。这种风格的设计清晰、漂亮,让人印象深刻。
但真实的生活并不经常是如此的简单,更多的是杂事缠身。在设计一个项目时,往往需要将很多不同的信息同时放上去,一个都不能少,就象现在很多的网站一样,信息密集,显得非常拥挤复杂。

在本文中,我们将介绍迈阿密大学的艺术科学学院网站的版面,它之所以吸引我们的注意,是因为该网站虽然有很多信息,但却给我们留下美好的印象。该网站通过两个途径实现这种效果:一,它尽可能地减少各种元素,只保留最重要的部分(其实仍然是“简单的设计”思想在起作用),二,就是在处理各种细节时都经过精心处理。这种设计手法在技术上其实一点不难,让我们进去看看:

主页虽然多达二十多个链接,但整体却显得温和,协调一致。

结构:

网站的页面尺寸并没有走极端,不会太长,大多数页面上的内容不需要拖动就可以轻易浏览,是一种方便人们阅读的屏幕尺寸。每个页面由三个区域构成,每一个区域负责不同的信息,最上方及最下方的区域内容是固定的,改变的只是中间区域的内容。

不同的颜色定义了不同的区域:白色区域是中心舞台,这个区域通过上方颜色较深的页眉与下方较浅的页脚而得到确定。固定内容的区域包含了各种最基本的元素:标志,链接,搜索等诸如此类的内容。中间白色区域的内容则是变化的,主要展示不同的事件信息、新闻简讯等内容。从下方示意图可以看出,这个页面结构相当紧凑,可以有效组织各种内容,比起那种需要拖动滚动条的页面更容易阅读。紧凑,是其中的关键。

页眉:

此外由两个色带构成:绿色及棕色。这两种颜色构成了一个简单坚实的页眉并统领着这个网站。标志及链接文字则反转成白色字体。为了柔和视觉效果,左方还使用了象是阳光照射所呈现的一个非常微弱的渐变面。

页眉右方远处有四个固定的链接,文字的颜色显得相当低调,但由于处于页眉的区域内,没有人会忽视它的存在。

主链接:

第一级链接处于页眉的标色色带区域内。链接的字体、颜色及阴影与上方的标志呼应,使两者之间产生视觉上的联系。

绿色及棕色当然是两种不同的颜色,但如果你将这两种颜色变成灰度显示,你可以发现他们的相同之处,其灰度色值是基本一样的,这个隐藏的共同点使两者在视觉上既有区别,又有联系。

下图中,字母的间距比较宽松,与普通的字母间距相比,呈现一种轻松气息,也传达了一种从容及尊严。在屏幕显示时,字母间距较大也更容易阅读。

次级链接:

当浏览者深入这个网站时,字体字母及颜色在细节上的变化都在暗示读者这是另外的一些信息。但字体及尺寸仍然与主链接相同。

中心舞台:

在页眉与页脚之间的白色区域是我们的中心区域,也是这个网站的视觉焦点所在。在每一个页面中的文章,都显得相当简短,而且象印刷的书本那样的文字排版,行距非常大,采用衬线字体,整个页面显得清爽而不窒息。其书本气息让人能够舒适阅读。

页脚:

有效设计的页脚是可以发挥很大的作用的。不要将页脚想象成一条多出来的“尾巴”,而应该将它看作是一个支撑点,支撑着上述所有内容的一个区域。页脚区域中放置的也是一些固定不变的内容,如链接、联系信息及标志等。

在设计中,层次感是非常重要的。上图左,如果将页眉与页脚设计成相同的份量,给人的感觉就象奥利奥夹心曲奇饼,它分散了读者的注意力,弱化了版面的力量感。相反,三个区域呈现层次感使到每个区域都能够正确承担起自己的任务。在脑海中一定要记住的是,读者的眼睛永远会集中在中心区域内,所以这里要放置最重要的信息。周围所放置是支持性的内容。

字体:

这个网页中,正文的字体全部采用Georgia字体,可以说是一种在屏幕上显示的最佳衬线字体,当样,Georgia作为印刷字体同样表现良好。中国设计者在使用英文字体时更多会采用默认的Times字体。

让我们看看Georgia字体与Times字体的区别,从这种区别中,也可以知道为什么在屏幕上显示时,Georgia字体会赢了这一回合。

字母的间距与字母形状一样重要, Georgia字体用于正文时,整体显得平滑、重复及具有节奏感。

试比较以下两者的观看感觉。

综上所述,Georgia字体是一种在线观看时表现突出的字体。Times字体当初设计时还没有迎来电子时代,所以它主要是用于印刷。而Georgia字体则是专门为屏幕观看而设计的字体,就算在低分辨率的情况下,仍然表现出众。在上图中,当Times字体在屏幕显示时,总给人一种起伏及断续的感觉。但就算用于印刷,Times字体其细小的衬线及弧线仍然给人一种过于锋利及不连贯的感觉。

阿密大学艺术科学学院网址:http://www.as.miami.edu

本文所用颜色如下:

本文由logosky.net设计师陈汉聪编译,转载请注明出处

分类: 工作 标签:

分享ffffound漂亮的图片

2008年4月22日 Knight 没有评论

偶然发现了这个网站,http://ffffound.com,f多了一点,里面的图片多到不行。有闲的人就幸福了,可以看上一整天。
随便找了几张来给大家分享一下

分类: 工作 标签:

更新些老照片

2008年4月20日 Knight 4 条评论

周末浣熊登陆广东,雨下得极大,周末哪儿也去不了,在家窝了两天。
闲着没事又认真想了一些比较深入的东西,包括自我,成熟,什么才是精彩的生活等等,这些东西想归想,要表达出来还挺不好表达的,嘿嘿。
周五晚上在香蜜湖见到了传说的臭鱼,,和想象中的挺不一样的,想当随和的一个人啊,原来大腕也是可以很随和的,还认识了seven,哈哈。川福林的火锅味道很不错,很香,味道也好,谢谢邓劲的招待 :) 聚会了两次都没拍到照片,挺可惜的,下次一定弄个合影。
希望自己的生活能尽快到正轨上来,把自己的目标一个一个的实现。
另外,JJ正式入职了淘宝前端,6key也找到了一个不错的公司,祝贺你们,继续加油!

分类: 生活 标签:

缺陷与满足-[林晓的视觉寓言]

2008年4月17日 Knight 1 条评论

做完这个作品,已是凌晨,窗外东四环马路上早已车来车往,这是一个沸腾的城市,就如我此刻的心情,激动得无法平静下来。
这个视觉寓言改编自Shel Silverstein的杰出著作《The Missing Piece》,原著的主旨有如“人的一生就是一个圆,起点就是终点”。
以下全部平面视觉均为林晓原创,转载请注明出处,叩谢!
看完了,也许你也能感悟到一点什么

分类: 工作 标签:

gimsbo鞋店海报

2008年4月15日 Knight 2 条评论

算是素材拼凑的吧,呵呵
很多现成的素材确实能节省了很多时间,虽然出来的稿子没什么特色

分类: 工作 标签:

强大的Adobe Photoshop Express

2008年4月14日 Knight 没有评论

Photoshop Express 开始注册了。注册后,能获得2G的图片空间。试用了一下,相当强大
也许将来根本就不需要什么桌面软件了,几乎所有的东西都可以在线完成。

https://www.photoshop.com/express/

有兴趣的体验一把
截图:

分类: 工作 标签:

CSS Naked Day !

2008年4月9日 Knight 没有评论

Welcome to the third year of CSS Naked Day!. The first year turned out great, and the second year even better. Now Naked Day '08 is going to push the numbers even further on April 9th

传说中的CSS裸奔节

了解网站可用性的人应该都知道,可用性其中重要的一个概念就是网站的兼容性最大化,在一些不理想的运行环境下依然能够在不影响网站的功能下正常浏览和使用你的网站。

这样是不是显得CSS特别重要呢?csser的节日么?哈哈!

哈哈,本站也裸一下!

————————分割线————————–
下面是来自淘宝UED的

你是不是已经等不及去看了淘宝的首页,没裸?当然,中国人很含蓄的,怎么能像老外一样一下子就裸了呢?除了裸,我们还讲究祼体的交互艺术:
请在首页搜索框中输入:“cssnakedday”,然后选择“成人用品/……/情趣内衣”类目,点击“搜索”。
Yeah!裸了,裸了,裸得一干二净啦!!CSS裸体节有史以来Alexa排名最高的网站裸啦!
身材好不好?有大有小,有粗有细,凹凸有致吧^_^

分类: 工作 标签: