亚运会官方网站设计历程

亚运官网改版背景       2008奥运结束之际,2010亚运官方网站随即上线。网易作为广州亚运会互联网网站以及内容独家赞助商,理所当然地,在公司内部为2010亚运会专门成立了亚运内容频道以及亚运设计小组。 至今官网上线已有一年多的时间,随着亚运会的VI愈加完善,需要展示给观众的内容愈加增多,原有网站的功能已经无法满足当前网友的需 求。因此亚运会组委会以及网易亚运频道决定在亚运倒计时一周年之际对亚运官网进行一次全新改版。本次的改版致力于在设计风格、亚运VI系统、交互功能及用 户体验方面做出优化。

3D模型文件格式 集结号~

3ds, max(3DMAX)       3ds是3DsMax的最早版本格式(Autodesk公司),也是比较通用的格式,几乎所 有的3D软件都可以使用;现在好像已经被废弃了,取而代之的是他们的max格式(3dsmax专用格式),max文件可以包含动画,被其他软件或游戏引擎 (Uinty3D)直接支持。在openGL下导入3ds模型很方便,如果不愿自己写导入文件,就去找lib3ds吧,它是专门读取3ds模型的标准类 库. 6KT(RokDeBone)      六角大王是日本知名3D绘图软件,得到日本98年优良产品MVP特别奖,也是广为纸模型设计者所喜爱的3D建模软件,它的亲切界面让许多以往不曾接 触过3D软件的人打破艰深难近的印象,虽然并没有数十万元的3D CG软件那样功能强大,不过对纸模型设计者来说,实在是绰绰有余。

css世界里的定位器-Float

float 是css 的定位属性。在传统的印刷布局中,文本可以按照需要围绕图片。一般把这种方式称为“文本环绕”。在网页设计中,应用了CSS的float属性的页面元素就像在印刷布局里面的被文字包围的图片一样。浮动的元素仍然是网页流的一部分。这与使用绝对 定位的页面元素相比是一个明显的不同。绝对定位的页面元素被从网页流里面移除了,就像印刷布局里面的文本框被设置为无视页面环绕一样。绝对定位的元素不会 影响其它元素,其它元素也不会影响它,无论它是否和其它元素挨着。 像这样在一个元素上用CSS设置浮动: #sidebar { float: right; } float属性有4个可用的值:Left 和Right 分别浮动元素到各自的方向,None (默认的) 使元素不浮动,Inherit 将会从父级元素获取float值。 Float的用处 除了简单的在图片周围包围文字,浮动可用于创建全部网页布局。

We all know and love jQuery for its flexibility and many uses. But some of the most impressive jQuery applications are those that involve images. It really can allow you to do some useful stuff and even add a “wow” factor to your project. So here we’ve rounded up 10 jQuery plugins to help you […]

(转)18个UI原稿图(包括twitter手稿)

不管你是不是设计一个网页的UI或是iphone的app,用一个框架图来开始时一个很好的主意。下面是18个伟大的UI的原稿。好好看看吧。(下面的英文都是名词,翻了反而不好) NationWide / NASCAR

让设计安全着陆(转)

经过众多Web2.0优秀应用的熏陶,互联网用户变得越来越挑剔,对易用性的要求越来越高。传统意义上的“美工”已经不能胜任用户体验设计的工作。产品遇到设计问题时的状况通常是,工程师花了很大力气做出来的各种强大功能是用户不需要的,而用户的一些简单的核心需求却得不到满足。为了突破产品设计的瓶颈,有的公司请来了用户体验设计师,建立了自己的用户体验设计团队,有的公司直接将产品的设计外包给专业的用户体验设计团队。很快产品都有了好的设计,但是事情好像没有那么简单。

那些相见恨晚的JavaScript 技巧

JavaScript 的成功让人津津乐道,为 Web 网页编写 JavaScript 代码已经是所有 Web 设计师的基本功,这门有趣的语言蕴藏着许多不为人熟知的东西,即使多年的 JavaScript 程序员,也未能完全吃透。本文从7个方面讲述 JavaScript 中那些你不很熟知但非常实用的技巧。 简略语句 JavaScript 可以使用简略语句快速创建对象和数组,比如下面的代码: var car = new Object(); car.colour = 'red'; car.wheels = 4; car.hubcaps = 'spinning'; car.age = 4; 可以使用简略语句如下: var car = { colour:'red', wheels:4, hubcaps:'spinning', age:4 } 对象 car 就此创建,不过需要特别注意,结束花括号前一定不要加 “;” 否则在 IE 会遇到很大麻烦。 创建数组的传统方法是: var moviesThatNeedBetterWriters = new Array( […]

一个困扰偶的IE6、IE8兼容问题

这两天一直被一个ie6、ie8的兼容问题困扰,有段样式在ie8中显示正常,如图: 但在ie6下却显示成这样:

2分钟DIY php168导航栏

刚刚做了个PHP168的导航栏,总结一下

具体步骤如下(以修改php168官方风格的导航条为例):

1.打开CSS Tab Designer v2.0,选定一种菜单样式,如样式Sliding Doors

再生成HTML,得到一个HTML文件和5个图片文件(如下图)

2.用记事本打开生成的HTML文件,复制

中间的所有内容(包括这对标签)。

3.打开模板head.htm文件(官方模板的head.htm在template\default路径下),把刚才复制的CSS内容粘贴在标签上方。

4.用如下代码

我们知道Dreamweaver在表格制作方面做得非常出色,但是在某些时候还是必须结合css才能达到一些特定效果,下面我们先把有关表格边框的css语法整理出来,然后另外介绍怎样用css美化表格的边框。

有关表格边框的css语法

具体内容包括:上边框宽度、右边框宽度、下边框宽度、左边框宽度、边框宽度、边框颜色、边框样式、上边框、下边框、左边框、右边框、边框、宽度、高度、有关标签等。