Xu Design


Posts Tagged ‘Designs’

12月 3rd, 2008

NFS:Carbon 主题上线测试

7 Comments, Themes, by Xu.hel, 96 views.

总算把这个主题基本搞定了。这个主题的元素都取自游戏《极品飞车10:卡本峡谷》 原计划是全部使用PNG图片,无赖的是 IE6 下的 PNG 透明问题实在是难以解决。IE6 下只有用 GIF图片代替了。

11月 28th, 2008

网页栅格系统研究(4):技术实现

1 Comment, UI Design, by Xu.hel, 151 views.

转自:http://ued.taobao.com/blog/2008/11/05/grid_system_research_4/ 前三篇文章中,明确了栅格系统的设计细节和适用范围。这一篇将集中讨论960栅格系统的技术实现。 Blueprint的实现 Blueprint是一个完整的CSS框架,栅格系统是它的一部分功能。我们来看demo页面:

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月 19th, 2008

NFS WPTheme

5 Comments, UI Design, by Xu.hel, 101 views.

新主题的风格类似 Need for Speed Carbon 的界面,其实我也喜欢 Need for Speed Carbon 这个游戏和它的界面。 这个主题不打算出英文版了,预计是2栏的主题。目前进度是刚开始 Code。不过我感觉这个主题要抛弃 IE6 了。

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月 26th, 2008

WP Theme:ii Tango

77 Comments, WordPress, by Xu.hel, 2,862 views.

这个主题用的是 Tango! 图标的配色,貌似这个 Tango! 系列的图标已经被定为 Linux 的推广图标了。从 Tango! 图标的出现开始就受到了很多人的追捧和欢迎,出现了 一股 Tango! 风。 或多或少感觉有点遗憾的是 WordPress 上没有 Tango! 的出现,现在有了。