Xu Design


Posts Tagged ‘Web’

11月 28th, 2008

网页栅格系统研究(3):粒度问题

No Comments, UI Design, by Xu.hel, 89 views.

转自:http://ued.taobao.com/blog/2008/10/28/grid_system_research_3/ 研究(2)中讨论了栅格系统的基础知识。这一篇将集中探讨栅格系统的粒度问题。(注:如非特别指明,栅格系统均指24列960栅格系统) 淘宝的首页(截图)目前尚未严格遵守栅格系统,如果重构的话,宽度方向可以考虑采用下面的栅格布局(只考虑页面主体部分,忽略高度的比例): (图1)

11月 28th, 2008

网页栅格系统研究(2):蛋糕的切法

No Comments, UI Design, by Xu.hel, 92 views.

转自:http://ued.taobao.com/blog/2008/10/22/grid_system_research_2/ 首先澄清一个应用场景问题。研究(1)中指出,对于结构复杂的网站,不少设计师们喜欢采用960固定宽度布局。但要注意的是,960并不是万能钥匙,大部分网站没有也不需要栅格系统。Amazon采用的是宽度自适应布局,最大限度的呈现信息。Google更是简简单单,主题部分就一个列表。eBay的页面非常简洁,商品页面宽度自适应,信息自然流畅,噪音少,购物很踏实。类似的站点还有很多,对于这些站点来说,宽度自适应布局更受青睐。

11月 18th, 2008

Reset CSS

No Comments, Librarys, by Xu.hel, 95 views.

CSS Reset 或 Reset CSS,CSS重置,CSS重设,CSS复位,默认CSS… 怎么叫都可以。 每个浏览器会对HTML标记有自己默认的CSS样式定义,为了达到高度和谐的统一,先通过Reset CSS把所有的元素样式都定义为统一标准了,再去基于自定义的这个标准书写接下来的CSS。 我以前碰过一些朋友老是问布局在IE下错乱的非常诡异,有的时 候可能就是没进行Reset CSS,而浏览器写了一些你没看到的代码,就乱七八糟了。 具体的方法就去老帕那里看看吧,呵呵。

09月 23rd, 2008

WordPress 开发者资源

4 Comments, WordPress, by Xu.hel, 245 views.

最近在老帕那发现了一些他整理的 WordPress 的东西,这里放出来做个收集用了。 这个系列教程主要面向WordPress主题设计者和开发人员,包括一些平常博客可能很少用到的高级应用技巧。 WP开发者资源-1: WordPress主题制作参考手册和高级技巧 WP开发者资源-2.1: WordPress主题制作基础教程

09月 18th, 2008

栅格:从混乱到秩序

No Comments, Librarys, by Xu.hel, 71 views.

栅格设计系统(又称网格设计系统、标准尺寸系统、程序版面设计、瑞士平面设计风格、国际主义平面设计风格),是一种平面设计的方法与风格。运用固定的格子设计版面布局,其风格工整简洁,在二战后大受欢迎,已成为今日出版物设计的主流风格之一。 栅格就是你对页面版式的规划 你日常所见的许多页面都有栅格存在。你可能注意不到,但它确实存在,并且支撑着设计内容,建立整体的架构,引导着页面的元素。

09月 11th, 2008

DA上发现的2个WP主题

3 Comments, WordPress, by Xu.hel, 96 views.

这两款都出自同一位设计师之手: deniartru,下面是它们的预览图,其中 Devart 是一款使用 deviantart 设计元素的主题,相信很多人会非常喜欢, 而 Librio 则是有 mac 风格的设计. Librio

08月 26th, 2008

Apple 10大产品创新时刻

2 Comments, Librarys, by Xu.hel, 103 views.

在回顾苹果32年来创新活动的基础上,《新闻周刊》评选出了该公司10大产品创新时刻和相应产品,以下为其简介: 1、1978年 苹果针对个人电脑推出了消费者能够承受其价格的软驱,当年出产的Apple II个人电脑便配备了这款产品。 2、1983年 苹果推出了Apple Lisa电脑,其名称来自乔布斯爱女丽萨·妮可(Lisa Nicole)。值得注意的是,Apple Lisa是全球首款使用了图形用户界面的消费者电脑。当时微软推出的MS-DOS操作系统仍在使用命令行等操作方式。Apple Lisa所安装操作系统已具备大量当今网民所熟悉的功能:窗口、文件系统、复制和粘贴、图标、文件夹和鼠标等待。而微软推出其首款鼠标的时间为1987 年。

06月 14th, 2008

给中国学生的第七封信——21世纪最需要的7种人才

No Comments, Librarys, by Xu.hel, 65 views.

引言 曾三次获得“普利策奖”的托马斯•弗里德曼(Thomas Friedman)新近推出了一本名为《世界是平坦的:二十一世纪简史》的书。中国在这本书中占有相当大的分量,其中几页还特别提到了我和微软亚洲研究院 的传奇。该书出版才几周就一跃成为了排行榜上的第一名。在书中,弗里德曼高度评价了中国人的天分和毅力。他还认为:“经过科技革命和世界性的合作,历史的 潮流已将世界各地间的隔阂消除殆尽,如果你不努力赶上时代的潮流,你终将会被历史所遗弃。” 我决定回到中国时,曾经与托马斯•弗里德曼有过一次深入的交谈。我提出:我非常赞赏他的“平坦的世界”的看 法,其实,“平坦的世界”需要的是同样的人才,无论你在美国、中国、印度。我同意他提出美国青年需要进步,才能不被时代遗弃。但是,我提出他的书里面谈到 的问题似乎把中国与印度的教育过于完美化了。我认为中国的教育和青年也需要同样的激励与进步,才能成为21世纪顶天立地的人才。同时,他也同意他可能为了 唤醒美国青年与教育家,特别强调和加深了问题的严重性。 因此,我写给中国学生的第七封信的内容主要就是围绕“21世纪最需要的是什么样的人才”展开的。我们正身处 一个“平坦的世界”——在21世纪里,世界任何一个地方需要的最优秀的人才都应该具备国际化、现代化的特点;21世纪里成功的跨国企业需要的也正是来自世 界各地,虽然文化背景不同,但在个人素质和满足时代要求方面同样出色的人才群体。因此,这封信不仅仅是写给中国青年的,也同样是写给世界青年的,是写给任 何一个希望在21世纪里获得成功的人才的。 人才的标准从来都不是一成不变的。在东方的战国时代和西方的骑士时代里,最受器重的是力敌万夫的勇士和巧舌 善辩的谋臣;在中国的科举时代里,靠着“死记硬背”和“八股文章”而金榜题名的书生最容易出人头地;在西方工业革命风起云涌的日子里,善于用机器的力量改 变世界的发明家以及那些精通专业、埋头苦干的工程师成了所有人才中的佼佼者;即便是在刚刚过去的20世纪中,大多数企业对人才的要求还停留在专注、勤奋、 诚实、服从等个体层面…… 但时光荏苒,21世纪已经悄然来到了我们的身边。在今天这个机遇稍纵即逝,环境瞬息万变的世界里,更多的人 拥有了选择和决策的权利,更多的人需要在不断学习和不断创新中完善自己,也有更多的人拥有了足够自己施展才能和抱负的空间……大多数人的工作不再是重复的 机械劳动,也不再是单打独斗式的发明与创造。人们需要更多的独立思考、自主决策,人们也需要更加紧密地与他人沟通、合作。…