wepoker的界面走的是极简实用路线, 牌桌、手牌、操作按钮集中在屏幕下半区,上半区留给对手信息与社区聊天。之前参与过几轮扑克类应用的界面迭代, 下面聊几个我观察到的设计细节, 这些细节都是我从实际使用中梳理出来的。
wepoker界面布局怎么设计
牌桌区域是采用横向比例来设置的, 手牌是默认放在底部的中央位置的, 在左侧和右侧分别是加注按钮和弃牌按钮的, 这两个按钮之间的间距是特意拉大的, 目的是为了为了避免出现误触的情况的, 社区模块是默认被折叠在右边的边栏里面的, 这样做是不会抢占主视觉的重点的。
整体配色方案要控制在三种颜色以内, 具体来说是用深灰色作为底色, 搭配白色的文字, 并且用橙色的按钮来做高亮处理, 要把对比度调整到符合无障碍标准的那一种水平, 这样一来, 戴着那副眼镜的老玩家也能把筹码上面的数字看得清清楚楚, 完全不需要再凑近了去看那个屏幕。
wepoker界面操作技巧
新手玩家在操作过程中, 最容易遇到卡壳现象的情况, 就是在于他们对于“按钮的具体按压方式”并不清楚。
实际上, 这个操作流程非常简单: 当轮到玩家进行行动的时候, 在屏幕底部的区域会亮起一个被称为行动条的提示标识, 该行动条上的选项从左至右依次排列, 分别为过牌、跟注、加注以及弃牌这四个步骤, 其中每一个选项都采取了图标加文字的双重标注方式, 这种做法使得用户完全不用再费力地去记忆任何口诀, 只要用眼睛粗略地扫描一眼界面, 就能立刻理解其中的含义并且知道该如何操作。
在练习模式的设置当中, 人们可以反复观看每一手牌的重播录像。界面的左上角部分存在一个看起来像小时钟的图标元素。当你点击这个图标之后, 系统就会支持逐帧回放对手进行下注时的节奏表现情况。这种直观程度可以说是远远超过了那些纯文字形式的教学教程的内容。
花十分钟的时间, 在wepoker里面去跑一局练习对局, 这个效果的用处, 比去看十篇文章都要来得管用。等到把界面和交互的逻辑都给跑通了之后, 然后再去看策略还有技巧方面的那些内容, 就不会搞迷糊了。