【ideas】少些质感,多些版式

用户头像
深圳/UI设计师/15年前/83122浏览
【ideas】少些质感,多些版式

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

本期作者 

 

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

 

本期作者: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 相比质感流能有更稳定的品质保证与更少的修改成本

 

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

 

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

 

------------------------------------------------------------备 注------------------------------------------------------------

文中出现的国内同行作品,属文章作者为说明观点所用,妄测亦是市场、项目等同仁“合力”出品,应非原作者设计品质的体现,若有冒犯,诚望见谅。

11
举报
|
826
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
卡通风格网页页面3D渲染
三位美女围着网页看信息矢量插画
互联网,互联网插画,商务,数据,项目,合作,网页插画,插画,大数据,智能,商业,网页,网页设计,插画设计,互联,未来,沟通,渐变,蓝色插画,商铺,覆盖,管理,项目管理,效率,提升,高效,关系,拓展,
卡通风格网页页面3D渲染
男生坐在网页面前办公矢量插画
一个人拿着优惠券准备支付购物电商矢量插画
户外旅行飞机情侣假日出行
浏览电脑网页的元素
网页背景
B19【星空诗意&网页幽灵按钮】公司产品服务简介汇报
一个男生和两个女生站在网页前面打招呼矢量
男生和女生站在网页面前矢量扁平插画
卡通女孩与网页表格3D渲染
三个青年站在网页周边矢量插画
三个青年正在装修网页矢量插画
互联网,互联网插画,商务,数据,项目,合作,精准,投放,网页插画,插画,大数据,智能,商业,网页,网页设计,插画设计,互联,未来,交流,沟通,渐变
卡通风格网页页面3D渲染
3D风格时尚电子商务设计元素
卡通风格网页页面3D渲染
四个人物分别在上网贴纸合集
网页电商背景矢量插画
网页图标
卡通风格网页页面3D渲染
新年快乐送福网页矢量图banner
女生坐在网页面前办公矢量插画
你可能喜欢
相关收藏夹
教程
教程
教程
教程
大家都在看
登录注册