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

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


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

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

发现问题

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

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

就这一张图,没了。

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

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

威威作品

这个作品得了站酷的编辑推荐——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

相关推荐

  • Axure官方教程中文版第6课:条件、值及变量-木卫艾欧网原译

    https://www.iamue.com/wp-content/uploads/video/Axure.com-learn(6).MP4 新建文件 1、添加一张图片和按钮 2、添加条件保证文本框不为空 3、文本框的变量值 4、添加打开“Page1”的动作 5、添加文本字段为空的第二个…

    2015-01-26
  • IxD-IxDSchool百科

    IxD Interaction design  交互设计 很多人在问:IxD是什么意思?,IxD中文意思是交互设计 国外一般称之UX或IaD,国内一般称为交互/交互设计 标签:IxD是什么意思  

    交互设计 2015-01-05
  • 一“平”到底

    随着 IOS8 的更新,以及更多 APPLE 产品的出现,扁平化设计已经成为了 UI 类设计的大方向。抛开扁平大战拟物的观点,让我们看看扁平设计之路应该如何越走越远。正好因为这个风格的流行,花瓣上也积累了非常多设计师朋友们的 素材 ,来看看他们都收藏了哪些精致好素材吧。

    2015-01-04
  • 设计技能|四个临摹阶段,你到哪个了?

    临摹的阶段有很多种,而且每个阶段都有不同的侧重点,要注意对一些细节的思考。

    2017-04-29
  • 40个创意单页面网站设计

    Web设计灵感总是帮助我们走在新趋势, 设计结构、颜色和总体设计过程。有很多灵感的网站列出的主题就是我想要这一个是不同的。所以在这个今天的帖子我收集了40个创意单页面网站设计欣赏,为你找设计的灵感。

    2017-06-03
  • 交互设计的3大要素:用户、目标、行为

    交互的三要素:用户、目标、行为 讲个故事,小鹏是个销售员,下午出去拜访客户,完事后发现已经六点多了,非常饿,小鹏想回家自己做饭吃,但是实在是太饿了,回家又要做好久的地铁,还不如就在附近找家小饭馆吃了呢…

    2016-05-08
  • 深度解析新版9.0支付宝与微信之争

    这里有个h5大家可以看一看历来他们之间相互“学习”和“致敬”。 http://create.maka.im/k/SR5OVAKY 很多文章在说支付宝和微信在进行下一场直播的撕逼大战,其实在阿西看来这不过是一场用户使用场景之争。 这一次,支付…

    2015-07-10
  • 实例剖析尼尔森十大交互设计原则在设计中的用法

    Jakob Nielsen(雅各布·尼尔森)的十大交互设计原则。它们被称为“启发式”,因为它们是广泛的经验法则,而不是特定的可用性指导原则。因此,我们不能把它上升为一种标准,而是应该当做一种经验来学习,然后跟现实中的设计结合来使用。本文作者(熊猫小生)通过一些具体的实例来跟大家深度解析尼尔森十大交互设计原则在设计中的用法~一、雅各布·尼尔森(Jakob Nielsen)简介雅各布·尼尔森(Ja...

    2018-01-30
  • 3分钟带你掌握11个最常用的交互控件

    本文作者将来总结一下各个控件的特点,方便各位更好的理解这些控件。(更具体的说明请参考:iOS和Android规范解析——警告框(Alerts)对比)(更具体的说明请参考:iOS和Android规范解析——简易菜单、简易对话框和弹出框 )(更具体的说明请参考: iOS和Android规范解析——简易菜单、简易对话框和弹出框 )
    (更具体的说明请参考: iOS和Android规范解析——底部浮层(上))
    (更具体的说明请参考: iOS和Android规范解析——底部浮层(下))(更具体的说明请参考: iOS和Android规范解析——确认弹框、全屏弹框和模态视图)

    2017-04-30
  • 从Smartisan OS 3.1的产品设计谈:交互设计的核心是什么?

    老罗的Smartisan M1发布了,同时推出了Smartisan OS 3.1,作为友商的产品经理,对于手机和系统不做评价。不过Smartisan OS 3.1的几个功能设计还是给我留下了很深的印象,也借助分析Smartisan OS 3.1的几个产品设计…

    交互设计 2016-10-24