系统设计 之 UI信息架构和导航设计 范例：《剑侠情缘3》

storm1986

系统设计 之 [B]UI信息架构和导航设计[/B]

范例1：《剑侠情缘3》启动界面 http://hi.baidu.com/storm1986/bl ... e88db66d811919.html

范例2：《剑侠情缘3》登录界面 http://hi.baidu.com/storm1986/bl ... 3f48d863d986fc.html

范例3：《剑侠情缘3》登录模块子界面——大区和服务器选择http://hi.baidu.com/storm1986/bl ... f2a5f799250ab0.html

范例4：《剑侠情缘3》角色创建界面
http://hi.baidu.com/storm1986/bl ... 89a7f11b4cfffe.html

范例5：《剑侠情缘3》角色选择界面
http://hi.baidu.com/storm1986/bl ... 840b2a09f7ef89.html

明夕何夕

非常善意的问一句，楼主工作怎么样了，最近好像挺多公司招人的

storm1986

巡回面试中......

mirwhizz

说实话
你这文章我一点都看不下去，

本来还想看看[UI信息架构和导航，是游戏系统设计的3、4两步。]你怎么说，你干脆丢张图，和一堆说明文字。


不是思维图，也不是流程图，更不是关卡图，本来无非就是几个label和参数，我却要合着说明一个一个琢磨半天……
就算是个说明图你也搞出点素材来让别人一眼看个明白，
看来看去浪费不少脑筋，搞的跟考古似的，最后还是搞不清楚你搞这么一个东西的意图。

说是‘交互设计’，就凭你把我搞的这一肚子火的情绪，足以证明你的交互设计手段着实高明，不知道spy or tony设精是不是这个原因。

storm1986

SPY肯定能一下子就看懂，凡是做过UI设计的都明白。O(∩_∩)O~另外，原帖中更多有图片演示。

LS看不懂，是因为没看过UI设计的书吧。先看书，然后就能看懂了。
建议看两本书：《用户体验的要素》、《designing interfaces》。

netdragonx

不是很直观，想一下子明白还是有难度的。
有本书叫做《DON'T MAKE ME THINK》，不需要看，单是知道这个名字就够了，内容也不错就对了。
这个VISIO，美术看起来费劲，程序看起来也需要琢磨琢磨，不是一个良好的表达方式。
同意4楼的“搞个素材”最实际。

spy

看到标题以为能看到有用的案例分析。。。。。sigh，结果被骗进来了。抱歉即使你召唤我我也没看懂。
storm你什么时候才能脱出理论做点实际有用的分析啊。。。。那样对你入行找工作会更有益处。


第一，这和剑3的界面有什么关系？

第二，开发文档不是这么写的，你的上级汇报单位肯定会掀桌子。这文档应该只有你自己看得懂吧。。。

第三，如果文档是这样，没有人会看得懂如何配合的。“完成以上这些工作之后，可以让UI美工做出效果图。如果策划和美术都比较满意，那么则正式开始制作”？

第四，……都是理论，我没看到任何可分析的数据和需求


呃，我是不是说太多了。。。。

king163sdo

原来UI界面示意图还可以这样做.学习了.

不过真的没什么感觉啊! 不知道是给谁看的?

程序的话,只需要一个流程图就行了,
美术的话,明显直接上UI界面比较实惠.

哦,我承认那两本书我都买了,也都看了,前一本一般,后一本比较费力,用了两周多才通关.

spy

mirwhizz: Re:系统设计 之 信息架构和导航设计 范例1：《剑侠情缘3》启动界面

说是‘交互设计’，就凭你把我搞的这一肚子火的情绪，足以证明你的交互设计手段着实高明，不知道spy or tony设精是不是这个原因。.

另外，此贴受精不是我，应该是tony干的，为了保证精华区的纯洁，已消。

oqipo

同志，有些交互设计是可以直接走模型交流的
用快速原型软件吧
实在不行EXCEL也行啊
元素、大概位置、点击效果+实时交流
比这样的图实用多了