四、交互元素
页面的交互做得好,用户体验佳也是考量一个优秀页面的标准之一。那么对于游戏专题页面而言,我们对于页面中重要的按钮、切换标签或者其他交互元素进行一些细节性的修饰,不仅可以使页面的整体元素风格看起来更加统一,也会提高页面的交互性。
这个页面的四个按钮,在形式上都区别于传统的按钮。这里之前在设计的时候设计师倒是试过做成传统按钮的形式,可是感觉上总是氛围不足,而且直白地放一个按钮也感觉比较突兀。后来经过进一步的处理,直接通过岩石的效果来做成按钮,调成与页面调性相匹配的颜色与质感,再结合不同按钮的重要性调整大小,拉开空间感,不仅看起来与整个页面风格统一,而且相比传统按钮,用户更有点击的欲望。
这个例子与上一个比较类似,这里选取类似于翅膀质感的水晶来作为按钮。与人物一前一后,拉开了空间,而且风格上也是与页面非常搭配,点击欲较强。
不知道如果大家不看我画的框能不能够发现上面这个转盘的微小细节处?
好了,不卖关子了。这个转盘的较好的细节处理的地方就在于奖品的名称那里,通常我们在处理这类圆形路径上写字的情况,都是直接画个圆形的路径,完了之后在路径上直接打字,再去调整文字之间的间距,这样呢势必会造成一个问题——会有至多一半的名称是倒着的。这样呢会给浏览者在阅读的时候造成一定的障碍,这里设计师正式考虑到了这一微小的细节,所以通过一定的方法使所有的名称相对于水平线而言都是偏正方向的,这样用户在阅读名称的时候就会很容易识别。
这个方法稍后优设会有教程发布,同学们留意下哟。
这张图的切割与按钮的形状搭配的非常巧妙,利用对画面的一个左右切割,打造出了对战的感觉,而且利用冷暖调进行区分,而下方的“我要报名”按钮与切割出相呼应做成了三角形的形状,在下面的三个按钮整体呈梯形状紧随其后,这一块按钮元素与主图结合的非常好。试想如果把这些按钮换成传统的方形按钮,效果还会有这么好么?
(举报)