浅谈设计中应该少些质感多些版式

2016-02-16 03:03 6 1 收藏

今天图老师小编要跟大家分享浅谈设计中应该少些质感多些版式,精心挑选的过程简单易学,喜欢的朋友一起来学习吧!

【 tulaoshi.com - PS 】

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

浅谈设计中应该少些质感多些版式,PS教程,图老师教程网

本期作者:Ggao、Zaneye

1. 少些质感,多些版式

By Ggao

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

01.对于设计师

01-1 You can’t design without type

浅谈设计中应该少些质感多些版式,PS教程,图老师教程网

You can’t design without type.

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

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

如图:

浅谈设计中应该少些质感多些版式,PS教程,图老师教程网

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

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

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

浅谈设计中应该少些质感多些版式,PS教程,图老师教程网

浅谈设计中应该少些质感多些版式,PS教程,图老师教程网

浅谈设计中应该少些质感多些版式,PS教程,图老师教程网

02.对于产品

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

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

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

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

如图:2-1 与 图2-2

浅谈设计中应该少些质感多些版式,PS教程,图老师教程网

浅谈设计中应该少些质感多些版式,PS教程,图老师教程网

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

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

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

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

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

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

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

来源:https://www.tulaoshi.com/n/20160216/1567251.html

延伸阅读
作为未来网页设计的热点趋势之一的滚动视差在近年来被越来越多网站所采用,特殊新颖的展示模式也让许多用户眼前一亮。网络上也如雨后春笋一般出现了很多像《30个让人兴奋的视差滚动网站》、《60个视差滚动网站赏析》等一系列的视差滚动的文章,不过赏析的居多,真正指导设计师如何去设计,如何去实现的实用型文章却很少。于是萌发了自己写一篇...
标签: 设计
版式设计中的 3B 原则
一篇可以让你会心一笑的好文。今天腾讯的同学总结了那些细节里特别打动人的产品设计,创作者的独特创意与巧妙匠心都大放异彩,这篇文章中提到的细节都会让人心头一亮,你会禁不止惊叹:这才是真正的好设计呐。 原研哉在他的《设计中的设计》中有介绍过这样一个案例:日本机场原来是用一个圆圈和一个方块表示出入的区别,形式简单并且好用,但...
标签: PS PS基础
效果1 效果2。 1.新建一张画布,大小自定义。 2.为了衬托文字需要添加一个暗色调的渐变背景色 3.随便打上你想要的文字,颜色随意,因为马上要为它添加一个颜色渐变 4.重点在这里,为文字添加渐变叠加图层样式,渐变颜色浅灰到白色,颜色一定要浅才能有轻盈的效果。 5.为文字图层添加投影图层样式,数值如图,不透明度...

经验教程

836

收藏

13
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部