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

前几天看见我的第一个铁粉——佳佳在站酷网站上传了她的首发作品,虽然对于首发作品来说还算不错,但我是还是为她着急,为啥呢?因为缺乏包装的技巧!所以,我单独写一篇自己的感受和建议。


前几天看见我的第一个铁粉——佳佳在站酷网站上传了她的首发作品,虽然对于首发作品来说还算不错,但我是还是为她着急,为啥呢?因为缺乏包装的技巧!所以,我单独写一篇自己的感受和建议。

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

发现问题

我们来看看她上传的作品:

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

就这一张图,没了。

为了作对比,我们再来看看另外一个作品:

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

威威作品

这个作品得了站酷的编辑推荐——2把火。

上面两个作品风格不同,没什么可比性,但在包装上就有的比了,就单看最后的展示页面,佳佳有四个主形象,却只展示了一个页面,而威威只有一个主形象,最后却展示多张页面,看起来很完整。

像站酷和UI中国这样的平台很看重作品的展示包装,最好展示一套作品,而不是单一的画面。

有些人会说:我要把心思放在作品本身上,不想在包装上面浪费时间。其实你错了,最后的包装是非常考验功底的,不是随随便便就能做好的,如果既能把作品做好,又能把包装做好,何乐而不为呢?

解决问题

既然发现了问题,咱得给点解决方案吧。

我们就拿佳佳的作品来举例,看看在不改主形象的前提下,是否可以在包装展示上优化一番。

我的优化建议有以下几点(并不全面,仅供参考):

  1. 做个像样的头图
  2. 内容太少没关系,想办法加
  3. 加点展示模板吧

1. 做个像样的头图

如果你想让别人觉得作品整体,那就最好加个头图,震慑一下别人,因为第一印象很重要,例如下面这些behance上的优秀作品:

示例1:

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

示例2:

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

示例3:

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

所以,咱们也给佳佳来个头图,简单排了一下,结果如下:

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

当然一个头图是远远不够的,我们还得继续往下走,去展示内容!

2. 内容太少没关系,想办法加

可能你会问,我就简单的做了几个插画icon,没有那么多内容啊,怎么办呢?

我们回想一下文章最开始那个手雷,人家就一个形象,为什么看着内容那么多呢,其实办法多着呢!

例如展示局部细节:

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

甚至电脑软件里面的图也可以截一张出来,显得专业:

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

方法还有很多种。

我们回到佳佳的作品上,可以加什么展示内容呢?

比如说加个颜色:

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

再比如单独展示一下icon形象:

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

这些都是丰富展示内容的方法,自己可以再多想想!

3. 加点展示模板

我经常提醒别人,包装作品的时候千万不要全都是平铺,加点展示模板累不死人的,加了模板可以增强视觉层次,丰富包装内容,如下图:

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

所以,我们根据以上三点改进后,得到效果如下:

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

后面重复的内容我就不展示了。

更多的包装展示方法还得靠大家去思考,思路我就提供到这里,剩下就靠你了,加油!

最后再对佳佳这个作品细节上说点小建议:

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

  1. 卡片的投影有些脏,可以优化;
  2. 整个页面“点式”排版有些乱,这种排版很不好驾驭,比如右下角的better是否可以缩小一些,因为稍微有点抢眼了。

好了,今天就这样,科科!

#专栏作家#

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

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

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

(0)
CatherineCatherine
上一篇 2017-04-30 06:02
下一篇 2017-04-30 08:04

相关推荐

  • 定义方向策略 – 有理有据做设计

    独立项目中,交互设计师的工作可以分成四个核心环节:定义方向策略、确定解决方案、有理有据的进行设计输出、上线效果跟踪。本期要和大家分享的是:方向策略。 方向策略阶段需要明确了解本次设计原因及产品目标,进…

    2016-12-08
  • 通知:本站为了更好为广大的交互师服务, 现在更名为www.iamue.com

    通知:本站为了更好为广大的交互师服务, 现在更名为www.iamue.com 中文站名:我是UE 同时我们也启用了woshiue.com 广大交互师可加入交互设计学堂群参与交互原型设计讨论 群号:156360020 加群暗号:iamue  

    交互设计 2015-03-18
  • 产品经理、交互设计、UI设计师工作内容到底是什么?

    |沙龙精选自公众号交互笔记后台经常会有人留言问我一些问题,有的我回复了,有的没有回复,不是我故意无视,而是因为探讨那些问题需要需要些时间,而我当时正好比较忙,等闲下来的时候,这些留言已经被后台定期清空…

    2017-08-02
  • 扫盲贴|UI动效设计原来都是这些软件做的

    随着技术的不断发展动效越来越多的被应用于实际的项目中。手机、网页等等媒介都在大范围应用,那么问题就来了,为什动效越来越吃香?它有哪些优势呢?

    2017-05-10
  • 三种方法,使用鲜艳的配色来制作WEB/APP界面

    无论是Web还是APP,鲜艳的配色已开始逐渐具有人气。为了将人们的注意力集中于要素之上,让设计能给用户带来深刻的印象,就让我们来使用鲜艳的配色吧。

    2017-05-09
  • iOS 9 人机界面指南(五):图标与图形设计

    文章索引译者注:本章是iOS Human Interface Guideline的最后一章,文末附上全文PDF下载地址。译文如有任何疏漏之处,或任何意见或建议,请不吝指出,翻译组感谢大家长久以来的关注和支持!

    2017-05-26
  • 设计师升级篇|动感特效轻松get

    新手设计师相较于资深设计师,后者技能更丰富且全动感特效轻松get 面,很多人想要进阶资深却苦于培养新技能,笔者在经手不少视频动效项目后,对于技能进阶颇有心得。

    2017-05-07
  • 让视觉设计变得高效+有说服力的4个步骤

    确定情感关键词 -> 情绪版 -> 脑爆概念设计 -> 用户验证

    2017-05-26
  • 增强现实正在提升用户体验

    当苹果的CEO Tim Cook在一次季度财报电话会议上,向分析师说出“增强现实将会改变一切”这句话时,人们都感到了一丝震惊。而现在看来,库克对增强现实(AR)的评价似乎并没有过分夸大。事实上,增强现实技术正在为各种应用创造出一个全新的范例。毕竟,我们已经很快地从在电脑键盘上打字,“进化”到了用智能手机打字或滑动屏幕,又或者是用语音来告诉Alexa或Siri来帮我们做什么事。现在AR把我们带到了全息计算时代。Animoji、Pokémo...

    2018-03-28
  • 以服务设计视角推动设计赋能

    作者:阿里UED 周静&谢辉敏小编说:未来的设计都应该归纳服务设计的范畴,包括用户体验设计、交互设计等,比如新零售设计就是一套完整的服务设计体现,不要等服务设计成熟了再去设计,谁先先学习,谁就抢占了先机~~为未来充点电!本文较长,读完需要点耐心~~近两年随着UED团队的探索,沉淀出了业务协同、设计增值、设计驱动三个层次的价值模型,深入剖析了设计师价值实现的不同阶段与方式。同时越来越多的设计师也逐渐意识到了只有在协同业务的全流程中利用体验...

    2018-02-13