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

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


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

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

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

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

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

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

相关推荐

  • 12个关于用户体验的界面设计细节

    点击上方"工信商务培训学校"↑文章列举了一些界面设计中的案例细节,希望对产品设计工作有所帮助。UI设计工作中,设计师们往往不喜欢将界面设计得与原型图一致,总会刻意的去寻求存在感与原型做出差别,那么对于UI设计师来说,更应该懂得用户体验,成为办个用户体验设计师。以下列举了一些界面设计中的案例细节,希望对设计师们有所帮助。一.图标1.统一图标的样式图标在界面设计中还是占着较大的比重,它的存在有利于平衡界面,也让页面看起来更加的美观,也有一定...

    2018-04-06
  • 精髓干货!一组精挑细选的用户体验设计网站和书目

    精髓干货!一组精挑细选的用户体验设计网站和书目 学校可以为你传授很多知识,但是有些职业学校教不来,产品经理、用户体验设计师、交互设计师、程序员鼓励师这样的职业都在此列。这样的职业通常都有几个显著的特性…

    2015-11-14
  • 交互新人,请不要再犯这几个错误了!

    不知不觉,我已经正式在交互设计的路上越走越远,了解得越多,就觉得交互设计需要学习和掌握的知识越多;同时犯的错也会越多。然而犯错并不是一件坏事,怕的是犯过的错误不能够被积极地思考,我们不能及时把错误化作成长。根据目前我的一些浅薄经验,总结出了交互新人往往容易犯的一些错误,以及关于错误的一些思考。

    2017-05-22
  • 一个更适合产品迭代的卡片创意法

    本文是由58UXD的交互小组的工作总结文章,交互设计师常常需要进行迭代设计,为此,他们琢磨试验出一个更适合产品迭代的卡片创意法。收到消息通知→打开消息通知→查看消息→回复/其它操作接收(告知用户有消息需要了解)→阅读(了解更多消息详情)→反应行为

    2017-05-01
  • 未来交互:Facebook首次公开内部机器学习平台,启动AI帝国

      Facebook 现在在信息推荐、过滤攻击言论、推荐热门话题、搜索结果排名等等已经使用了大量人工智能和深度学习的技术。在Facebook上,还有许多试验能够从机器学习模型中获利,但是目前,对于很多没有深厚机器…

    2016-05-11
  • 设计不懂开发,严重脱节的设计是怎么影响开发的

    编者按 :Anders Lassen 是 Fuse 的创始人兼首席行政官。Fuse 是一款面向设计师和开发者的本地应用工具套装。 移动应用现在已经变得十分普及,以至于技术圈的大部分人都认为开发应用是一个简单直接的过程。然而,当…

    交互设计 2015-08-04
  • 百度金融用户体验中心负责人 曲佳:设计师求职七宗罪

    继上个周五 19:00 腾讯互娱游戏平台部设计总监陈维的第一节课《如何通关 UI 设计师的游戏副本》后,昨晚百度金融用户体验中心负责人曲佳联合团队的设计经理孔敏,给知群的用户们带来了「七大公司设计师面试官授课合集」的第二节课《设计师求职七宗罪》,在分享的最后环节,也给出了目前百度金融尚未对外大规模公开的招聘信息(最近有跳槽意向的设计师们抓紧时间上车)。曲佳:百度金融设计架构师,百度金融用户体验中心-百度 FDC ( Baidu Fina...

    2018-04-04
  • 摧残人类的交互

    特仑苏:积分系统 购买每箱牛奶都会有一张积分卡片,上面有一行验证码。如果你认为在官网输入验证码就能获取积分,那就想的太简单了。你要拿起手机,编辑短信“CZ+长长的16位数字的验证码”,发送到长长的16位数字的…

    2014-12-24
  • 用户场景化思维,在交互设计中的体现

    当不清楚我们要得到什么的时候,那就先从交互设计三要素开始。

    2017-05-16
  • 常见的App应用界面交互框架

    掌握常见的APP应用界面交互框架,了解他们各自的优缺点,使用时才能游刃有余。你还在等什么呢?赶快去学习吧。标签式、跳板式、列表式和旋转木马等在等着你。 1>标签式 优点: 1、当前位置入口清晰   2、轻松在…

    2014-11-19