Q版页面在网页设计中非常广泛，产品推广、B2C、游戏网站中大家可以经常看到，可爱、幽默、搞怪……在众多种类的web页面设计中，Q版是很小众的一部分，但好的Q版设计却给人不一样的贴心感受，装萌装嫩有木有？！想要抓人眼球莫过于在视觉上下足功夫，下面的长篇大论是小女纸从头图、背景、内容等方面为大家扯淡一下游戏类网页设计，大家在辛苦劳作之余来轻松一刻吧~

如何在设计形式上做出 “Q版”好创意？
> 头图
在上下结构的页面中，头图占据了页面的半壁江山，slogan是传播页面信息的重要指示，做好头图等于优秀页面的一半。好的方法？？
slogan字形上做处理，与背景相结合，用形式感抓人眼球

如果slogan效果不容易处理，可简化文字形式，添加与主题相关的场景素材做衬托增加气氛；

将slogan置于特别的设计形式中，整个头图为一抽象整体。

> 背景
背景是页面空间感、氛围的烘托物；简单的背景衬托优质的内容版块设计，巧妙的环境设计让人置身其中。
自制带底纹渐变或纯色的背景，对于内容较多或在内容版块上做了特殊设计效果的页面背景需简化；

没有明确的条条框框分割，简约的背景也可以为繁多的内容做好清晰有效的区域划分辅助物；

根据页面宣传主题，设计成一个完整的场景，所有细小内容都有条不紊的布局在场景中，很多微小的细节都能提升页面的整体设计水平

游戏场景，捻之而来，根据页面主题制作相应场景，如果没有特殊要求，利用随手易得的游戏截图做场景效果也是非常好的。

> 内容版式
做好了头图和背景，在内容版块中文字和图片的版式细节也是至关重要的。
特殊布局对不同系列的图片展示效果会比较合适，对同一系列的图片展示做些外在的创意设计会更好；

标题的引导也可以做到有趣的统一哦~

以上这些是自己在工作中的个人感悟，做好Q版页面还有很多值得注意的地方，比如字体、颜色、变形、趣味性等等，每个人对页面设计的理解都不一样才产生出了众多灵感和优秀创意。对设计师而言，优秀的审美和用户体验不仅是我们的视觉追求，也是为用户负责。

原文链接：浅谈Q版页面的版式设计

更多UI博客精选