迅雷三国风云官网的设计
作者:DD 日期:2008-11-23
1.分析理解,定下整体风格调性。
产品经理给出需求,提供交互稿。
交互稿:

想到三国,脑里闪出一些关键词:战场,城池,青铜,粗犷,兵器,兽纹,历史,古久
金质风格首先就放弃掉,游戏站用金色太泛滥了,考虑过石材,木材,泼墨,,最后选定用青铜,感觉它更符合三国的主题,历史时间上也对得上号,古久粗犷的,有质感,纹饰很有艺术气息,颜色也很好。
2.资料整理,素材搜集。
开始搜集相关素材,有关三国游戏的,关于青铜的。素材的整理很关键,大多灵感都是通过素材激发进行延伸的。脑里这时已经可以想象页面的雏形了。
搜集的很多相关素材

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

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

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

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

7.以下是成品:

http://webgame.xunlei.com/sgfy/
产品经理给出需求,提供交互稿。
交互稿:

想到三国,脑里闪出一些关键词:战场,城池,青铜,粗犷,兵器,兽纹,历史,古久
金质风格首先就放弃掉,游戏站用金色太泛滥了,考虑过石材,木材,泼墨,,最后选定用青铜,感觉它更符合三国的主题,历史时间上也对得上号,古久粗犷的,有质感,纹饰很有艺术气息,颜色也很好。
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:
文章来自: 本站原创
Tags: 评论: 3 | 引用: 5 | 查看次数: 1489
| 返回顶部
- 1
DD辛苦啦~~完全受用~很漂亮~恩恩 很受用哒。前辈。。如果每次都有这样的过程就好了。。。期盼。。。^_^
加油~~辛苦啦
加油~~辛苦啦
学习了。谢谢
- 1
发表评论




订阅
上一篇
下一篇

链接: http://www.uwwww.com
摘要: 杭州搬家