1.Web桌面化
www.yahoo.com
mail.yahoo.com
www.live.com
正方:看起来很爽，值得细细欣赏
反方:花销太大
尽可能地接近于桌面上绚丽的图形，这是最优雅的风格。结果呢，这种风格看起来很棒，但是需要极大的工作量，而且很耗 网络资源。总之，桌面风格以其四面的角度、富于表现力的图形、阴影和对桌面应用的模拟而独树一帜。
桌面元素的特征举例:
块级(block):屏幕上一个区域通常伴随着边 框、头部、底部(border、header、footer)，来连接了逻辑上类似的元素，诸如:链接、文本、记分卡(注:我想到了digg那个分数栏)、文章预览。块 级通常伴随着看似随意的阴影(optional shadow)。
迷你块: 通常他们是小图片和精细文本的组合。
按钮:这种设计元素伴随着一定角度、风格化的边框、看似随意的阴影。按钮可能是玻璃风格，并且有一些从下方投射的灯光产生的阴影，当鼠标移上去还会有视觉反馈效果。
标签(Tabs):它们也使用了角度、风格化的边框、看似随意的阴影。也有鼠标悬浮的反馈。
2.水银橙风格
www.mozilla.com/firefox
www.digg.com
www.silverorange.com
正方:可用性好、轻量级的、简单的
反方:时尚、追随者众、稍稍昂贵
看起来稍显简约，在风格化和轻量级间追求平衡，水银橙较之视觉丰富的界面更集中体现了可用性。它不像桌面风格那样试图给浏览者留下深刻印象，而是提供了优秀的可用性体验。应运而生的silverorange.com就是专门水银橙风格的设计者。
水银橙风格的特征举例:
顶部菜单:通常它是深色的，文字颜色为浅色，在背景上，突出的角度颜色富于变化，并形成强烈对比。
引导线 :更有立体感，引导线和顶部菜单背景色形成对比，文字颜色为灰色。
文本分割线:更有立体感，分隔线看起来很适度。
3.苹果风格
www.apple.com
正方: 高雅、有品质、华贵
反方:太有特色，花销太大
这种以玻璃标签和按钮作为主要特征的设计，对小字体不太适合，但幸运的是，假如你通常不使用小字体，这种风格也是可以接受的。工作量大，因为你需要做很多设计。有特点，你需要通过设计来保持独特性，所以使用苹果设计web，几乎不可能。
苹果风格的特征举例:
苹果菜单:苹果的菜单集中体现了苹果风格，每一处都有同样的风格: 玻璃按钮、立体感、圆角……
4.微软风格
www.microsoft.com
www.msn.com
www.rsdn.ru
正方:功能性强、简约、开发成本低
反方:你是一个MS盟友
最主要的一件事，比如微软风格网站左栏的浮动菜单导航清楚，但太土了。简约、清楚但普通。就像是工程师为工程师创建的。
微软风格的特征举例:
微软菜单: 微软风格的主菜单是灰色的、功能性强、简约的。占据左边栏的仅仅是边框、鼠标悬浮效果、浮动子菜单……
微软风格与众不同之处在于header处的立体感，当你从左向右扫视，直到右上角搜索框的地方就会发现这一特征。
所有的块级(block)都是以清楚的灰线条分割的，我想，这是由于视点的可用性考虑。人们在微软上有太广泛的选择了，但有一点是清楚的:微软的设计风格是简约、功能性强、可用性好的。
相比苹果风格，它不够华贵。但运行起来还不错。
5.杂志风格
www.style.com
www.drive.ru
评论加载中…
 |