

上图是一个非常棒的引导案例,设计师在处理的时候通过素材的拼凑叠加,做出右侧齿轮机关的导航形式;在交互上通过浏览者操控锤子去敲击磬(Qing),增加了页面的趣味性;而且在场景的打造上,圈1中的近景与圈2所处的远景拉开层次,近大远小,近清晰远模糊,画面的纵深感比较强。我们再看一下下面这个例子,看看它的引导是怎么做的。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设
这是一个内容比较多的页面,这里设计师把每个大部分的内容用色块进行区分。倘若只是单纯的用色块来分割每一块的内容,那分割处会显得比较生硬,而且容易给人造成内容脱离的感觉,不具有整体性。这里设计师巧妙地运用铁链+镰刀的尖头构成一件武器,从而将页面的各个版块贯穿起来,这里链条不仅起到引导作用,而且还能拉开页面的层次,这是个非常棒的处理。
此外,大家注意看每两个色块的交接处还有一个向下提示的图标,这个图标不仅提示浏览者下方还有内容,而且像纽扣一样把两个版块连在一起。这两处细节大家也可以尝试着运用到内容较多且分为几大版块的页面中去。

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




通过以上这些例子想必大家对所谓的飞舞的碎碎应该有一个比较熟悉的了解了吧。有没有发现确实好多页面都有用到这些东西呢?那我们是不是也应该给自己的页面也加上呢?那么问题来了,到哪去找这些碎碎呢?答案,日常收集吧孩纸。平时看到一些类似的素材就搜集起来,以备不时之需,这些元素有的只是通过一个原始素材,然后经过放大缩小、高斯模糊、动感模糊、水平垂直翻转就可以得到,可见建立一个属于自己的素材库是多么的重要。
广州网站建设,广州网站设计,广州网站制作,网站建设,网站设计,广州网站建设公司,广州网站设计公司,品牌网站建设
集大成实例
这是一个很劲爆的校园活动UE,结合《幻想神域》二次元动漫的游戏风格以及活动主题“走进校园玩家冲”的概念,我们在页面的设计过程中尽量把页面的氛围做的活泼欢快一些,另外结合校园的主题我们联想一些与之相关的事物例如书本纸张等。那结合这些考虑的因素,于是乎出来的以下的作品,大家来一起找找页面中我提到的那些细节吧。
文章最开始提到页面细节的时候也许大家还在想是一些也许只有牛人才会注意到的地方,那现在大家怎么看呢?其实这些细节大家都是可以做到的,只是有些时候可能想不到,那现在既然提到了,以后是不是可以尝试给自己的页面加上这些细节呢?而且我们通过浏览别人的作品,发现那些好的细节之处也可以自己去试试,那样不断的去实践,最后才能转化为自己的东西,自己的水平也才能够提高。



