迅雷三国风云官网的设计

1.分析理解，定下整体风格调性。
产品经理给出需求，提供交互稿。
交互稿：

想到三国，脑里闪出一些关键词：战场，城池，青铜，粗犷，兵器，兽纹，历史，古久
金质风格首先就放弃掉，游戏站用金色太泛滥了，考虑过石材，木材，泼墨，，最后选定用青铜，感觉它更符合三国的主题，历史时间上也对得上号，古久粗犷的，有质感，纹饰很有艺术气息，颜色也很好。

2.资料整理，素材搜集。
开始搜集相关素材，有关三国游戏的，关于青铜的。素材的整理很关键，大多灵感都是通过素材激发进行延伸的。脑里这时已经可以想象页面的雏形了。
搜集的很多相关素材


3.结构搭建
1个网页需要有骨架，特别是对信息量较多的网页，不同风格和色调的设计元素在页面上排版是容易看起来松散，有个骨架以便区分主次，引导视觉，看起来也更有整体感。


4.色调搭配与风格化
整体色调的调整与风格化，这里运用的稍强的对比色，风格上的元素借鉴了很多青铜器上的纹饰。


5.内容排版，细节处理，
内容的排版主要根据交互稿进行。这里做的比较多的是对各模块应用元素的风格，色调，细节，进行协调处理。尽量弱化拼凑的痕迹。这里左侧的颜色应用做了主次对比，，需要突出的内容在元素颜色上与底色做了强的冷暖对比，由上至下的暖色元素做了1个渐变过程。使其各元素看起来不会突兀松散，也有助视觉的引导。

6.细节优化，整体风格的协调统一与细化，

7.以下是成品：



http://webgame.xunlei.com/sgfy/

[本日志由 DD 于 2009-09-29 06:52 PM 编辑]
文章来自: 本站原创
引用通告地址: http://www.5wwww.com/trackback.asp?tbID=350
Tags: