网页设计 » 视觉设计 » 视觉设计期刊《ideas》No.2

视觉设计期刊《ideas》No.2

发表于: 视觉设计. 评论
Sponsor

《ideas》是腾讯互动娱乐系统设计团队TGideas针对各类游戏的视觉包装设计所输出的适用性研究期刊,希望与大家分享相关经验,以及游戏类课题的交流。
查看《ideas》所有期刊。
本期作者:Ggao、Zaneye

1. 少些质感,多些版式

By Ggao

你是否有过,为越来越同质化的标题渐变,质感而苦恼吗?设计是否就是每天叠素材?随着越来越多平面韩国网页的出现,我们或许可以变个思路,少些质感,特效。多些设计感。

01.对于设计师

01-1 You can’t design without type

You can’t design without type. 这是我很喜欢的一句话,设计应该设计什么?当没有光效质感,原画素材的时候。你怎么能快速么处理你的页面,让你的页面看起来还不错。

来一些文字的穿插组合,就可以。

如图:

01-2. 网页设计与平面设计没有不可逾越的鸿沟

上面的几个例子,可能你感觉过于平面。日常商业应用里可能不适合,但他们的精髓是一样的,优点是能被分析与复制的。我们来看些这类风格的活动页面。主要讲究的也是平面的点线面组合。

主要表现在文字大小的组合,粗细的对比,与整体页面划分的形式感上。

02.对于产品

只是设计师的个人小情结?强调版式与设计感能为我们的产品带来些什么?

在充斥着金黄的大字渐变,火焰爆炸效果,红黄色背景的国内大环境下,这样强调页面版式与布局能带来些什么?

02-1 让你的产品看上去更专业,国际化

我们对于所有产品的形容词总是大气,上流。但真正做到这一点的并不多,特别是当二者同时出现的时候,你能更明显的看出那个更专业,哪个更山寨。

如图:2-1 与 图2-2

02-2 更明确的主体,与可控的视觉焦点

同样是以上两个例子。图2-1有明确的视觉中心,几乎每个玩家打开网页后,都会被长条广告吸引。相比之下图2-2就是一盘散沙,广告位再多,也不知道重点。

02-3 相比质感流能有更稳定的品质保证与更少的修改成本

版式在页面多数以块来体现,没有很多效果,修改文字后,页面效果也不会受其影响,修改时间也很快。质感流,素材流就需要重新制作,花费时间长。对于紧急修改,时间的不到保证的情况下,质量也很难得到保证。

当然每个产品定位可能不一样,不存在绝对的好与坏。我们给出的更多是面对中高端,稳定且快速的一种视觉包装解决方案。

2. 专题的氛围是必须的

By Zaneye

曾几何时,自己苦思冥想自认为集艺术与创意于一体的作品出炉了,却被需求方一口否绝!其实很大的原因是因为我们的设计思路跟需求方的想法方向上是不 一致的,没有表达出他们想要的意境,也就是所谓的活动气氛,人家要喜庆你搞个很有艺术感的大灰调,要么就是页面过于平淡,人家一再要求你放大标题字,放大 人物,其实那是因为页面缺乏视觉冲击力,少了点气势,少了点氛围。有时可能你觉得自己做得非常不错,自我很欣赏,但做设计并不能像放屁,自己觉得很爽,却 熏倒周围一大片。我们不能只做自己喜欢的设计,商业设计也不只是纯艺术!

> 对于需求方一再强调的活动气氛,设计师应该如何去营造呢?

1、有个明确的活动标题!

沟通是必须的,了解并明确需求方的意图!确定主题方向,首先你得有个让玩家一眼就看得明白的大大的主题,千万别干把主题文字做得很小的事!可能你觉得那样看起来比较美观,但玩家看的挺揪心。

如上图所示,标题的凸显是一个活动专题页面的点睛之笔,一个有气势的标题能衬起整个专题的气氛,主标题一般都简短精辟,概括了整个活动的专题商业诉 求。副标题一般是起解释说明的作用,描述该活动的利益点。所以在视觉处理上标题是要重点刻画的,将其拆分做一些形状、色彩、大小、字体、质感、排版的变化 和突破是必不可少的。玩家善于扫描,且勤于扫描,却不勤于思考,且对小于24号的文字都是视而不见的。所以一定要让大标题吸引注玩家,让玩家感兴趣,才会 去看那些小于24号的文字。

2、选用合适的素材及元素,点缀活动气氛

节日要有节日的元素,比赛要有比赛的元素。圆形和其它几何图形比较,具有圆滑的特点,让人感觉轻松、愉悦,合理的运用会提高页面的层次,让焦点更加突出,增强视觉感的同时也能够营造活跃的氛围。但记得要使用加减法,不能乱堆一通,点到为止即可。

上面图1只是用了冠军杯作为主要元素去营造一种比赛气氛,素材并不新颖,但出来的效果却令人相当震撼。图2的素材是非常给力,所以营造的那种周年庆的气氛也十分犀利。玩家可能不用看文字就能明白这两个页面是干嘛的。毕竟图形比文字能更快速更有效的传达信息。

3、用合理的色调营造意境,设计有灵魂的作品

通俗点地说就是该喜庆的得喜庆,该火爆的还是得火爆,但这火候是掌在设计师手中的,当需求方给了个很山寨很暴力的页面给你参考时,你得明白,这是他 想要的气氛,但不一定是他想要的画面,我们是设计师,不是美工,美工与设计师的区别其实跟裁缝与服装设计师的区别是一样一样的,这个你懂的。

何谓有灵魂的作品,请看下面几个作品:

非常简单的素材,却营造出了扣人心弦的气氛,就像画面里有个故事,有个影像,让玩家如同身临其境,陷入其中,完全抓住了玩家的眼球。其实这些作品无 非是找到适合的元素,辅以合理统一的色调,运用眩光/实体/手绘/虚幻空间/平面构成等表现手法给玩家设计一个完美的陷阱,套住他们的心。

> 营造专题活动气氛并不只是”火/爆/热”

这种过火过爆过热的专题活动,不仅会让玩家感到不适,还会使游戏的品牌形象受损。

下面我们看一组对比:

通过对比,左边的专题页面总让人感觉少了些什么。那便是气势和气氛。

也许有点气氛却总让人想起街边小广告,简陋,设计缺少一些思考,缺少一些灵魂,像是拼图式的设计。气氛并不是你堆一堆东西上去就叫有气氛的,抛开可 用性、易用性、识别性、安全性等不管,单是美观上就有些欠佳。游戏专题/线上活动可以说是游戏品牌推广最常见的手段,如何去了解并掌握用户心理,继而设计 出紧扣玩家心弦的专题,即是我们一直在追求的。

本文来自TGideas,原文地址:查看

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }