升级篇|上传作品,咱要包装一下

上期简单地介绍了几点包装的技巧,这期再分享一波,接着上期,再深入的讨论一下关于包装的技巧。


上期简单地介绍了几点包装的技巧,这期再分享一波,接着上期,再深入的讨论一下关于包装的技巧。

升级篇|上传作品,咱要包装一下

我们包装的目标就是:吸引眼球!

我个人觉得要想吸引眼球就要注意以下两点——层级与细节。

接下来的时间,我们就来了解一下层级与细节具体是什么!

1 层级

1.1 颜色层级

很多作品包装背景颜色都是有深有浅,为什么?

其实就是打造一种颜色层级,刺激视觉感官,看下图:

升级篇|上传作品,咱要包装一下

左侧黑白相间的版本要比右侧纯黑色层级更丰富,在展示作品的时候,就会给人一种视觉冲击力。

来看真实的作品排版包装,如下图:

升级篇|上传作品,咱要包装一下

behance优秀作品

当然,颜色层级不一定非要用深浅,色相的对比也可以,如下图:

升级篇|上传作品,咱要包装一下

behance优秀作品

但是色相比较难控制,对新人来说最好的方法就是主色和白色相间使用,不易出错。

1.2 内容层级

我们每做完一个作品包装,可以审查一遍,看看整体一共可以分为几层,如果只有两层,那就重新做吧。

我们来看看优秀的包装如何让层级丰富。

比如使用一些模型,并让界面局部与模型分离:

升级篇|上传作品,咱要包装一下

behance优秀作品

再比如让背景多几个层次:

升级篇|上传作品,咱要包装一下

behance优秀作品

再比如像拍照一样,让景深变长,在前景增加修饰物,如下图:

升级篇|上传作品,咱要包装一下

behance优秀作品

1.3 方向层级

方向层级意思就是展示的内容不要都放在同一个方向,要有变化,左右一定要混合使用,不然看着就会死气沉沉的。

比如下面这张图:

升级篇|上传作品,咱要包装一下

右侧的排版是不是要比左侧灵活很多?

我帮你答了:是的!

那我们再看看优秀的案例:

升级篇|上传作品,咱要包装一下

behance优秀作品

主形象的方向顺序是右-左-右,看起来变化很丰富。

2 细节

细节体现专业,这句话大家应该都听过,但是也许很多人并不知道这个细节到底是什么,能举几个例子吗?

接下来我们就来举几个活生生的例子。

1.1 加点小修饰

升级篇|上传作品,咱要包装一下

behance优秀作品

整个展示界面加了很多点、线、面的元素,使整体看起来很丰富,但是上期说过了,这种方式不好驾驭,一定要谨慎使用。

1.2 质感上的细节

图片素材的质感,手机模型的质感等等都是提高美观的细节,如下图:

升级篇|上传作品,咱要包装一下

绝命图师作品

手机模型上加一层屏幕的反光,显得质感倍增,再加上图片的质量很高,所以最后的视觉效果非常棒。

1.3 适当加点投影

投影是一个非常出效果的方法,但很容易用脏,一定要多练:

升级篇|上传作品,咱要包装一下

behance优秀作品

1.4 适当的“破”

当一个东西规规矩矩的放在一个容器中时,你看不出他的美,但如果你能适当的将其释放出去一部分,也许能够得到不一样的收获,例如下图:

升级篇|上传作品,咱要包装一下

绝命图师作品

如果蜘蛛侠没有“走出屏幕”,冲击力就不会那么强了。

再比如下图:

升级篇|上传作品,咱要包装一下

绝命图师作品

黑白背景色本来没有什么关联,作者用一些元素适当将其打破,增加了一些活力。

这些就是“破”的力量!

其实细节无处不在,多去看那些优秀的作品包装,你会发现很多很多的细节,这里就不举那么多例子了。

总结

以上就是我个人对于层级和细节的理解,目前就只整理了这些,大家如果有什么好的方法欢迎与我交流。

当我们没有什么思路的时候,就多去看看大神们的作品,看看他们是怎么包装展示的,总结出自己的差在哪里,针对每一个点去进行优化。

当然也不要太过依赖于最后的包装,因为作品本身才是灵魂所在,还是要先把作品做好,再去思考包装,千万不要因为懂了点包装,就把事情搞的本末倒置哦!

相关阅读

案例分析|上传作品时,设计师也要包装一下

#专栏作家#

菜心,微信公众号:菜心设计铺,人人都是产品经理专栏作家,前华为ITUX用户体验设计师(主视觉),3年工作经验,参与华为Welink、3MS、连长社区等多个项目的用户体验设计工作。欢迎大家互相交流关注。

本文原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/21831/

(0)
CatherineCatherine
上一篇 2017-04-29 16:36
下一篇 2017-04-29 18:35

相关推荐

  • 互联网产品经理要看哪些经典书籍?需要准备什么?

    入行产品经理所需的准备目前,互联网产品经理的社区很多,里面有海量的信息,如何修炼成为一名优秀的产品经理的经验也是林林种种,笔者也阅读不少,获益不少。今天,笔者并不是谈如 何成为一名优秀的产品经理,成为优秀的产品经理只是第二步,入行才是第一步。笔者作为一个做了一段时间产品的人。谈谈入行产品经理所需做的准备。前提:做产品,关键是要发现用户的需求点,发现用户的痛处~~关注互联网动态和产品动态:1 每天阅读新浪科技或者其他门户网站最新的互联网资...

    2018-03-14
  • 交互设计师的60日计划第十五天

    今天晚上去上了想上已久的舞蹈课,超级超级开心。说要学舞说了这么久,总是不能兑现。今年的另一个要实现的事情,就是每周坚持学舞蹈吧。 20150813 产品经理的自己提的方案也可能并不是他想要的 很久以前师父和老大…

    交互专题 2015-08-20
  • 你真的了解交互设计吗?

    回顾2017年,我们发现交互设计受到越来越多学生的青睐,这个新型专业在国内的认知度与外国并不完全同步。为了给更多学生带来交互信息的普及,设想决定带大家预测一下在2018年,信息体验设计会如何发展、还有哪些值得我们关注的趋势。更简单的导航方式导航体验是2017年的热点话题之一。为了设计出顺畅的用户体验,导航扮演的角色至关重要。线性导航Linear Navigation为了简化导航体验,很多app和网站致力于创造线性的导航体验(即分布式),...

    2018-03-19
  • UED 招聘,多个职位给你更多选择!

    14载,我们初心不变,依然要做行业最有力的的发声者。从一张纸到一串电波,媒介在变,我们的眼光始终如一大家都在说AI是未来,然而在这里,我们依然需要你无可代替的头脑。WE ARE HIRING这次招聘我们为什么要做这次公开招聘?信息爆炸,百家争鸣,越是瞬息万变,媒体的价值愈发凸显。我们不会随便说满意,而是希望在诸多嘈杂的背景声中,发出属于新时代建筑媒体人独到的观点,让关于建筑的解读,走进公众的视野;我们希望以全新的面貌去呈现UED对于中国...

    2018-03-05
  • 探讨移动电子商务网站中的图文滚动切换设计

    很多人都会和我说,网站中的滚动切换设计一般都是弊多利少,尽量不要使用。但是,本文会告诉你并非所有情况都是如此。 我写这篇文章就是希望我们能够更多理解网站中的滚动切换设计,不要听信传闻。我将用我们的调查数…

    2015-04-03
  • 【软件安装】Axure RP 7.0软件图文安装教程

    1、会员覆盖工作、学习、生活娱乐,并不断更新更多有价值的精品软件2、安装中有任何问题请咨询小白资料网私人微信:xbzw88888888【特别推荐】加小白官方微信:xbzw88888888,就可免费领取:快速入门自学视频课程Axure RP 7.0软件图文安装教程软件介绍:Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的...

    2018-03-13
  • 塾乐教育-进阶提高设计思路的秘籍在这里!

    一直以来,我们始终想让知识变的更实用这5年,课程前后完善了几十个方案这篇文章,请认真阅读也许,会改变你的一生01为什么学设计一定要参加系统课程学习?01- 电商设计行业升级更新太快,如果不即时学习最新的知识。单靠自己平时工作的经验是无法满足中高端市场的需求的!通过学习,让你远远超过你的同行技术水平!02- 虽然互联网上免费知识层出不穷,但绝大部分都是挂羊头卖狗肉性质的不系统招生引流课程。给你一点甜头,再收取你高额培训费用!03- 一个人...

    2018-03-03
  • 02.案例:用户体验与结婚教练 | 打造产品思维30讲

    02.案例:用户体验与结婚教练来自时间前哨00:0017:10用产品经理的视角来看人今天我想讲一个结婚教练的故事。她是我的一个朋友,现在做的工作就是指导30多岁下定决心要结婚的女生,如何能够在一年半之内搞定结婚。她的方法已经帮助了30多个30多岁的女生完成了结婚。这个结婚教练以前是干什么的呢?她以前是一个互联网公司的产品经理。她的这一套结婚的体系内容挺多的,这堂课我想把她最重要的一个环节拿出来分享。这个环节就是如何观察和判断一个人。因为...

    2018-02-14
  • APP框架之提示框架

    某日和iOS开发聊天,说到iOS规范里没有安卓中的Toast形式的提示。我有点惊讶,仔细回忆iOS的交互规范,似乎是有。后来找来书确认了下,竟然是没有。遂把这个框架整理了下,在文中同时也强调下Android的交互规范的差…

    2016-09-29
  • 2016年最值得关注的16个网页设计趋势

    设计趋势每年都在改变,出于各种原因,有的设计趋势在演进中逐渐消失,有的则在大家的熟练运用过程中渐入佳境,甚至逐步褪变成为主流。作为一个专注于网和平面设计的设计机构,我们对于所有相关的技术和设计趋势都…

    2015-12-23