游戏开发论坛

 找回密码
 立即注册
搜索
查看: 4286|回复: 10

[讨论] 求教下网页游戏的UI设计的入门问题

[复制链接]

13

主题

405

帖子

1034

积分

金牌会员

Rank: 6Rank: 6

积分
1034
发表于 2011-10-26 20:37:00 | 显示全部楼层 |阅读模式
最近在接手设计一款页游的UI主界面布局设计

想请教下关于页游UI设计中,空间大小预算的问题
我们的定位是:一般笔记本在浏览器不开启全屏显示的情况下可以正常游戏

个人经验是,笔记本的分辨率在1366*720居多,台式机大分辨率不可考证,小分辨率1024*768和1280*768是主流
按理应是以1024*720的分辨率设计
宽度上需求大致是没有问题,现在比较纠结这么窄小的高度

各浏览器框框杠杠的占用空间各不相同
我自己亲自测试的结果是(可能有误差)
IE6.0高度的可用区域是512像素
360浏览器是530像素
火狐是560像素

对于512的高度很纠结
比较中意560

不知道如何取舍,一般前辈们怎么取舍的?
如果有经验短消息个可否?

1万

主题

1万

帖子

2万

积分

管理员

中级会员

Rank: 9Rank: 9Rank: 9

积分
20527
发表于 2011-10-26 21:59:00 | 显示全部楼层

Re:求教下网页游戏的UI设计的入门问题

选一个认为最多的受众的分辨率。

74

主题

1046

帖子

1429

积分

金牌会员

Rank: 6Rank: 6

积分
1429
QQ
发表于 2011-10-26 22:18:00 | 显示全部楼层

Re:求教下网页游戏的UI设计的入门问题

提个另向思维考虑意见:目前很多游戏UI控件都可根本浏览器窗口大小自动判断X、Y轴坐标位置。可以自动滑行调整。缩放X\Y轴坐标也有一定范围。设定浏览器框架小于一定范围游戏UI就不会再自动缩进。
实践参考:《龙战》

35

主题

2849

帖子

3120

积分

论坛元老

Rank: 8Rank: 8

积分
3120
发表于 2011-10-26 22:41:00 | 显示全部楼层

Re:求教下网页游戏的UI设计的入门问题

龙战做的很差,楼上就不要拿来举例了,很容易误导别人。。。

实际上,你想说的,就是“自适应”吧。这个矢量图可不小。。。-。-

你还不如看傲剑采用全屏模式。

74

主题

1046

帖子

1429

积分

金牌会员

Rank: 6Rank: 6

积分
1429
QQ
发表于 2011-10-26 22:45:00 | 显示全部楼层

Re: Re:求教下网页游戏的UI设计的入门问题

王者归来!: Re:求教下网页游戏的UI设计的入门问题

龙战做的很差,楼上就不要拿来举例了,很容易误导别人。。。

实际上,你想说的,就是“自适应”吧。这个矢量图可不小。。。-。-

你还不如看傲剑采用全屏模式。

嗯,就差不多那意思。一款游戏再怎么说总会有一些优点的

2

主题

691

帖子

776

积分

高级会员

Rank: 4

积分
776
发表于 2011-10-27 17:04:00 | 显示全部楼层

Re:求教下网页游戏的UI设计的入门问题

自适应也有问题。比如某些界面,不同显示器,弹出框的位置不同,有的玩家会觉得不方便。
另外战场大小的布局也是个问题。
总的说来是有些麻烦的。

建议1000*600吧,我们用过,觉得还可以。而且现在主流显示器应该是19宽吧?

35

主题

2849

帖子

3120

积分

论坛元老

Rank: 8Rank: 8

积分
3120
发表于 2011-10-27 17:28:00 | 显示全部楼层

Re:求教下网页游戏的UI设计的入门问题

1000*600 +1

我也是采用这个尺寸的。。。

13

主题

405

帖子

1034

积分

金牌会员

Rank: 6Rank: 6

积分
1034
 楼主| 发表于 2011-10-27 21:38:00 | 显示全部楼层

Re:求教下网页游戏的UI设计的入门问题

003不好意思。。我们暂不支持那样的形式。。虽然为了保证拉伸的精度图可能很大,不过效果也会比较好吧

感谢楼上2位的分享
两位前辈应该都是以1024*768为基准来规划的吧
我去了解了下笔记本屏幕的所有最佳分辨率,确实没发现1280*720
比较常见的最佳分辨率有
  12.1寸 1280*800

  13.3寸 1024*600或1280*800

  14.1寸 1366*768

  15.4寸 1280*800或1440*900

  15.6寸 1600*900

  17.3寸 1600*900或1920X1200


因此,暂时也准备采用1000*600
明天再去和大家探讨下

35

主题

2849

帖子

3120

积分

论坛元老

Rank: 8Rank: 8

积分
3120
发表于 2011-10-28 10:45:00 | 显示全部楼层

Re: Re:求教下网页游戏的UI设计的入门问题

弹你小雀雀: Re:求教下网页游戏的UI设计的入门问题

003不好意思。。我们暂不支持那样的形式。。虽然为了保证拉伸的精度图可能很大,不过效果也会比较好吧

感...



我是坚决反对的。。。目前不太适合,虽然我自己做过一款,而且很成功,但是那是国外市场的,国内就是自寻死路。

矢量图占用资源过大, 客服端根本撑不住,而且考虑很多人是在公司上网,为上班族公司里那种烂电脑考虑下吧

003在蜗牛呆过,蜗牛的老板就是美术出身,所以他的思维就是“美术好=精品”,实际上蜗牛这几年产品都是如此,但最后的结果,就是这些外表看似华丽其实内部空虚的玩意,最后硬是被那些画面粗制滥造的产品打的体无完肤。

希望其他人引以为鉴。

74

主题

1046

帖子

1429

积分

金牌会员

Rank: 6Rank: 6

积分
1429
QQ
发表于 2011-10-28 11:19:00 | 显示全部楼层

Re: Re: Re:求教下网页游戏的UI设计的入门问题

王者归来!: Re: Re:求教下网页游戏的UI设计的入门问题




我是坚决反对的。。。目前不太适合,虽然我自己做过一款,而且很成功,但是那是国外市场的,国内就是...

我打包票,我不是画面控, 我还没至于被洗脑的地步 [em21]
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

作品发布|文章投稿|广告合作|关于本站|游戏开发论坛 ( 闽ICP备17032699号-3 )

GMT+8, 2025-7-1 01:57

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表