UI设计方面的思考

今天看到一个网站，里面的菜单栏感觉不错，特此进行了一点记录：

http://xr.haohaowan.com/

下面特点归纳：

板块面积大：大气大方信息分散心情舒适不紧张不繁杂。

透明菜单，包含的信息量更大(不太影响主题背景图的可视化)，界面晶莹透亮。

顶部方角 + 底部圆角，有抽屉感觉，并且底部圆滑，平易近人。

悬浮选项底图滑动效果，有过渡感

纵向透明层叠加，醒目而且高雅

选中文字标题区域有底部高光效果，图形不规则，有扩散性

中间的标识突出重点

层数越高，优先级就越高

层0：背景大图，1680 x 540，云层不规则边缘，圆角内框宽度：980px，内框(透明)边缘宽度：4px

层1：底图RGB(0,0,0)的图片，透明度150/255，60%左右，[阴影+左圆角贴图] [    repeat-x    ] [右圆角贴图+阴影]，中间部分可以进行添加和删除栏位，底部具有渐变效果色调急速变深

层2：(悬浮列光)，

层3：青字深绿色圆角背景底图(切换具有动画效果)，动画会调整透明度

层4：(选项)青字，onMouseOver会变成绿字

层5：(标题按钮)：[官网首页] [新闻公告] ... onMouseOver事件层1下滑，下滑速度由快变慢

层6：(标题)白字，onMouseOver会变成青字

层7：青色遮罩光

层8：logo标识(水平居中，垂直偏上)