转自:http://ued.taobao.com/blog/2008/11/05/grid_system_research_4/ 前三篇文章中,明确了栅格系统的设计细节和适用范围。这一篇将集中讨论960栅格系统的技术实现。 Blueprint的实现 Blueprint是一个完整的CSS框架,栅格系统是它的一部分功能。我们来看demo页面:
转自:http://ued.taobao.com/blog/2008/10/28/grid_system_research_3/ 研究(2)中讨论了栅格系统的基础知识。这一篇将集中探讨栅格系统的粒度问题。(注:如非特别指明,栅格系统均指24列960栅格系统) 淘宝的首页(截图)目前尚未严格遵守栅格系统,如果重构的话,宽度方向可以考虑采用下面的栅格布局(只考虑页面主体部分,忽略高度的比例): (图1)
转自:http://ued.taobao.com/blog/2008/10/22/grid_system_research_2/ 首先澄清一个应用场景问题。研究(1)中指出,对于结构复杂的网站,不少设计师们喜欢采用960固定宽度布局。但要注意的是,960并不是万能钥匙,大部分网站没有也不需要栅格系统。Amazon采用的是宽度自适应布局,最大限度的呈现信息。Google更是简简单单,主题部分就一个列表。eBay的页面非常简洁,商品页面宽度自适应,信息自然流畅,噪音少,购物很踏实。类似的站点还有很多,对于这些站 … 了解更多
转自:http://ued.taobao.com/blog/2008/10/22/grid_system_research_1/ 研究网页栅格系统前,来看一组数据: 网站 首页页面宽度 px Yahoo! 950 淘宝 950 MySpace 960 新浪 950 网易 960 Live Search 958 搜狐 950 优酷 960 AOL 960
新主题的风格类似 Need for Speed Carbon 的界面,其实我也喜欢 Need for Speed Carbon 这个游戏和它的界面。 这个主题不打算出英文版了,预计是2栏的主题。目前进度是刚开始 Code。不过我感觉这个主题要抛弃 IE6 了。
一直都很喜欢 Adium DMG包的界面。现在还不知道这种安装包是怎样做出来的。呵呵。 总觉得这只鸭子怪可怜的……
图标是具有明确指代含义的计算机图形 桌面图标是软件标识,界面中的图标是功能标识。 广义:具有指代意义的图形 符号,具有高度浓缩并快捷传达信息、便于记忆的特性。应用范围很广,软硬件网页社交场所公共场合无所不在,例如:男女厕所标志、各种交通 标志。 狭义:计算机软件方面的应用,包括:程序标识、数据标识、命令选择、模式信号或切换开关、状态指示。 文件类型主要为.ico、.icl。
