• 秋色临安

    日期:2007-12-06 | 分类: | Tags:只言片语

    爬了两天的山,腿已经不是自己的了。

    苍峰怪石,乱翠秋山,静山空鸟鸣,深涧清溪响,以不知世间何处,春秋几时。倒不如遁隐这山林深处,竹杖芒鞋,唱一声逍遥调,作几首道情诗,了此平生足矣。






















    ...
  • 19三三创意产业园补记

    日期:2007-11-27 | 分类: | Tags:只言片语

     上周的的事情了,加上整理照片现在才抽时间短短的写一下。 这个地方还是泡泡介绍的,是虹口区的新推出的创意产业园,据说是由当时远东最大的屠宰场改建的,里面的建筑结构严格按照屠宰流程而设计,很是有趣,原型的内部结构可以让你有如迷宫一样的转来转去。不过在官方的简介中刻意的隐瞒了这段历史,直接跳过到197几年改造成制药厂的介绍。

    我跟泡泡在里面的黑暗的地下室常常吓唬对方:“好多猪猪的灵魂在看着你哦,下面就是血池,都是动物血淋淋的下水”然后一阵毛骨悚然...
  • 五一,七天总结

    日期:2007-05-10 | 分类: | Tags:只言片语

    每天早晨在楼上的装修砸墙中惊醒,洗漱完毕埋锅造饭,饭后匆匆而出,穿五角场座133,在各大建材市场中寻寻觅觅,砍价付账,直至华灯初上,夜幕沉沉而归,周而复始如此七天。

  • 开始装修了

    日期:2007-04-28 | 分类: | Tags:

    终于开始,从我来上海就开始筹备的事情。历史上任何进步从来都是先破后立,装修也不例外。

    第一天先砸墙。在尘土飞扬中开始了装修的序幕。

    小的阳台当作书房,厨房很小冰箱只能借小阳台的一块来放置

    次卧的门改到了饭厅,这样空间的利用率会更大

    就是准备了很久但感觉还是很仓促,很多东西都没有订好。

  • 记一下记一下

    日期:2007-04-09 | 分类: | Tags:

    照片和事情都是几周前的了。最近到是很忙,想说两句的事情一直来不及写写。等到要敲键盘时,也就没了当时的冲动。公司的项目一直赶工中,也终于有了来公司一年后第一次加班的体验。 有几件有趣的事:家里的热水器坏了,房东给换了一个。工人安装的时候,发现在通往室外短短的烟道中竟然有个鸟巢,各种细小的树枝与泥土把整个烟道堵的死死的。幸亏我家厨房的窗户是24小时开着的,万一.......后果还真是不堪设想。不过现在的鸟儿是不是都带着防毒面具,热水器的出风口虽然暖和,但废气的洗礼中依然坚持住在那里,倒是有些不可思议。希望被捣坏了巢的鸟儿们不要怪我,也是为了你们的健康着想啊。 上上个星期,跟屁虫虫拖着我去月星家居看家具,一边感叹现在的家具很多不入眼,又一边感叹,入眼的家居实在是太贵。看中的一件沙发,打6折还需要一万六千元,看到这我有卖血的冲动。相比之下宜家还算是便宜的啊。很喜欢清水水泥的风格,在简洁中有些中式元素点缀其中。不过按照自己的意愿来装修似乎不太可能。很向往独身不受约束的日子。 月星家居就在莫干山路旁边,那里有个画廊聚集区。第一次来上海的时候,顺着苏州河畔暴走时就来过这里。当时工厂还在,生产依旧。画廊也只有几家,如今再来这里,每一间房子都被画廊所盘踞,而名字也换成M50创意产业园这个很拉风的名字。时间紧任务重,也是画廊太多了,只能走马观花的走上一圈,而且相机拍了几张就没电了。其中有个专卖外版书的书吧timetone8。地面是透明的树脂漆刷成的,里面用大小不同的塑料圆管组成成圈墙,形成3个岛屿似的区域里面放置着不同种类的书籍。虽然外版书价格不菲,但种类很多,打算以后没事常来一下。另外M50门口右边有一个奢侈品专卖店---宽庭。似乎深宅大院的样子,门口紧闭,不过你要进去门口的保安会通知里面的人吧门打开,让你进去。里面很宽阔,是一个大的厂房改造而分成两层。中间有宽宽的楼梯相连,因为宽敞而且东西不多。人在里面说话还能听见隐隐的回音。脚下的木地板有些年代了,才上去和普通地板脚感不同,松软的咯吱吱的。似乎是踩在老阁楼的地板上。听里面的人说,这些地板是从苏州拆迁的那些老房子中搜集来的。有时间M50还是要再来一次的。
  • Freefonts of the Month

    1. Geo Sans Light, by Manfred Klein

    Geo Sans Light Freefont

    2. Mank Sans, by Manfred Klein

    Mank Sans Freefont

    3. OT Versa Condensed, by Peter Verheul

    Ourtype offers a bonus font of the month. To download the font, click on the “About” item in the left sidebar of this site. Once the horizontal menu has appeared, click on the “Bonus font of the mont” section link in the menu.

    OT Versa Condensed

    4. Diavlo by Jos Buivenga.

    Diavlo is a free font that is a bit square and sharp. Great attention has been given to detail, spacing and kerning. It contains more than 300 glyphs and over 1.300 kerning pairs. Other weights may follow, but for now it’s only regular.

    Diavlo Freefont
    Diavlo Freefont
    Diavlo Freefont

    5. Tuffy, by Thatcher Ulrich

    Tuffy Freefont

    6. Greyscale Basic, by Greyscale [via Computerlove]

    Tuffy Freefont

    7. Kapitza Pop [decorative]

    A free version of Pop contains 8 graphic elements in 4 weights (Pop10, Pop20, Pop30, Pop40). When repeated, each Pop element creates a unique pattern which can be combined into an infinite variety of patterns. This font is not free to
    use commercially, please read the Licence Agreement.

    Pop

    8. Unibody [pixel font]

    Unibody is an optimized screen font family for Macromedia Flash MX and Adobe Photoshop. It’s designed for one point size only, 8 pts.

    Unibody Freefont

    Freely available fonts

    Any suggestions? Don’t hesistate to comment! We’ll appreciate it. And the community will appreciate it.

  • 来福士创意集市。

    日期:2007-03-26 | 分类: | Tags:

    日记好就没有更新,都荒芜许久,似乎到处长满了乱草蓬蒿07年过年的忙碌预兆着今年肯定不得清闲了,忙着探亲忙着装修最后要忙着结婚。看着日子便经常无来由的忐忑一番。上周亲爱的林艳同学告诉我,来福士门前的广场上会有创意集市,一早匆匆赶去。开始很失望,以为只有来福士门口一点,当准备上楼看衣服的时候才发现,原来都红火的集市,藏在中庭的过道里。有点欣喜若狂的奔逃过去。看到许多人围着一个个的摊贩我就很激动,看着印着各种各样的图案的东西,我就很想出手,可是我那个跟屁虫虫,不时地提醒要我捂好钱包的情况下,只花了15元收了几分海报,这让我接下来的一路愤愤不已。有些布偶不错,不过大部分为低成本的日记本便签T恤玩偶等,有点太雷同。还处于一个较低的层次。不过可惜的是没见到林艳同学,我们家的跟屁虫虫对这些小花头都不感兴趣,飞快地拉我转过一圈后就直奔宜家了。 星期天为跟屁虫虫的同事婚礼照相,溜溜的站了一天,看到繁琐的婚礼场面至今让我不寒而栗,如果让我一定这么经历一次,我宁可不结。打倒万恶的中国式结婚习俗! 照片是手机拍的
  • Web2.0的视觉设计

    日期:2006-12-14 | 分类: | Tags:

    出处:charlee的开发日记

     

    前一阵子维基百科的Web2.0条目包含了一节内容,专门描述Web 2.0的视觉元素,讲述了渐变色、绚丽的图标、反射效果、阴影以及大号字体等等。

    但是几天之后维基人投票决定撤掉“视觉元素”这一部分。推究其原因,可能是Web 2.0的特性不能通过一系列的视觉规则来精确地定义。如果 Web 2.0 被理解为一种内容生成和发布的途径,那就没必要将其禁锢在视觉效果的框框里。

    尽管如此,事实上大多数 Web 2.0 网站都有某种独特的艺术风格。也许维基人觉得这不属于Web 2.0的讨论范畴,但我却认为这十分必要。让我们开始 Web 2.0 的视觉之旅,看看所谓“Web 2.0风格”起着怎样的作用。

    请相信我是Web 2.0

    完美的 Web 2.0 依靠着访问者的力量。用户可以为Web服务制造内容,通过流行的点对点方式像“病毒”一样传播,并依照他们的意愿和喜好来提高内容的质量。

    但是要让访问者为Web应用程序付出时间和内容,首先需要让他们相信你。为获取人们的信任,绝大多数 Web 2.0 网站都通过绝妙的设计给我们带来了友好、亲切的印象。

    春风又绿江南岸

    明快的颜色得到了 Web 2.0 网站的青睐。大部分 Web 2.0 网站不约而同地采用了绿色,但是深蓝、橙色和粉红色也十分人气。浓重的主色调表明了幽默的态度,也有助于人们迅速注意到页面上的重要元素。

    Web 2.0 配色1 Web 2.0 配色2 Web 2.0 配色3 Web 2.0 配色4

    圆角革命

    新的CSS技术支持圆角,使得圆角风格再次风靡世界。友好的圆角风格奠定了许多 Web 2.0 网站的舒适、通俗的基调。

    Web 2.0 圆角1 Web 2.0 圆角2 Web 2.0 圆角3

    FontShop有一篇分析 Web 2.0 图标的精彩文章,表明了圆角字体已成为流行趋势。它为一个公司的视觉形象带来了十分现代的风格。

    Web 2.0 圆角文字1 Web 2.0 圆角文字3 Web 2.0 圆角文字2 Web 2.0 圆角文字4

    免费无处不在

    如果你已吸引访问者注册了你的应用程序,那么你应当毫不吝惜地送他们免费的账户。几乎所有的 Web 2.0 网站都将主要的经费奉献给了一条消息——“我们提供免费服务”。若这条信息出现在无处不在的星形标记中就更好了。

    Web 2.0 免费1 Web 2.0 免费4 Web 2.0 免费2 Web 2.0 免费3

    照片为大忌

    在 Web 2.0 网站上,你找不到任何照片——那是小公司模仿大企业的伎俩。简洁的图标和截图,当这些成为 Web 2.0 网站的形象时,它们就成了今天的规则。三维圆角按钮会让页面变得高贵优雅,不使用则显得古板僵硬。

    Web 2.0 图标3 Web 2.0 图标1 Web 2.0 图标4 Web 2.0 图标2

    简单就是美

    为提高用户体验,大部分 Web 2.0 应用程序都添加了技术层面或者组织层面,例如用 del.icio.us 管理链接,用 flickr 共享照片,或者用 Backpack 组织任务等,我们必须要熟悉这些新技术,并花些时间来管理我们的内容。好的Web 2.0程序应该十分轻快并易于上手,而巧妙的视觉设计和文字有助于减少入门障碍。

    巧妙地利用布局、颜色、输入和文本可以最大限度地减小访问者的负担。

    越大越好

    谈起 Web 2.0 当然是越大越好。这里指的是大号字体。大号文字省眼,与流利的书写配合使得信息更容易吸收。如今,网站的可访问性十分重要,因此有经验的网页设计师可以使用超大文字。

    Web 2.0 大号字体1 Web 2.0 大号字体2 Web 2.0 大号字体3 Web 2.0 大号字体4

    空白的活力

    Web 2.0 网站的布局可以做得很小。巧妙利用空白可以提高页面的易读性和易用性。空白可以分离出重要信息,使眼睛得到休息,并给人以冷静和有秩序的感觉。宽敞的文字布局也使得文字复制更容易。有些 Web 2.0 布局小得近乎无法忍受,但如果设计得好,紧凑的页面也会值得深深品味。

    Web 2.0 空白4 Web 2.0 空白1 Web 2.0 空白2

    好点子

    友好、风趣的书写可以让作者和访问者建立良好的关系。A List Apart使得FlickrPhotojojo脱颖而出,这是个许多Web 2.0网站都应该学习的案例。WebTango不仅仅是免费,它提倡的是“free of additives, cholesterol, ozone-depleting CFCs, and most importantly, free to use(无添加物,无胆固醇,无破坏臭氧层的氯氟烃,最重要的是,免费)”。Tioti不只是拥有标签和RSS,它拥有的是“tagging and RSS up the yazoo”。FFAQQLY的创立者David Liu不是一个不露面的虚拟任务,而是“你注册后的第一个朋友”。eSnips的工具条不只是可定制,它是“有一大串超酷用法的工具条”。想个好点子吧。

    意犹未尽

    Web 2.0 网站有很多视觉设计倾向,乍一看似乎并没有某种固定的模式,但无一不在追求注意力。“湿桌子”效果(charlee注:反射效果)、“星形”效果、“玻璃”按钮,造就了众多的 Web 2.0 的绮丽。

    Web 2.0 意犹未尽4 Web 2.0 意犹未尽5 Web 2.0 意犹未尽2 Web 2.0 意犹未尽1

    总结

    我的 Web 2.0 视觉设计之旅就到此结束了。也许“Web 2.0风格”会在一年后过时,但它一定会为延长网站寿命做出巨大的贡献。

    参考

    What is Web 2.0?
    The Logos of Web 2.0
    Current style in web design
    The Web 2.0 Awards