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

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


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

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

发现问题

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

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

就这一张图,没了。

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

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

威威作品

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

相关推荐

  • 价值重估的狗和鱼 一 有趣的哲学文章

    来源:经济观察报    李冬君 有人将庄子与古希腊哲人第欧根尼相比。两人同时,一个在东方,一个在西方,一个喜好在河边钓钓鱼,一个喜欢躺在街上像野狗那样晒晒太阳,在同一个天空下玩耍。   希腊是哲学的国度…

    交互设计 2014-09-21
  • 盘点 Smartisan OS 历代亮点, 罗永浩凭借用户体验翻身?

    #交互学堂#今天为大家盘点一下锤粉骄傲的资本,那些#Smartisan OS# 中具有启发性的系统层优化,从远到近从大到小,从 Smartisan OS v1.3 到 最新的 Smartisan OS 3.1,这算是一份锤子给智能手机操作系统的独特贡献…

    2016-11-01
  • 对话式交互设计

    关注一下,更多精彩等着你1. 轮流表达在对话中我们基于互相来回传递的微妙信号进行轮流表达。如果会话中缺少这种有效的轮流互换,我们就有可能难以保持信息的同步或无法跟上对方的节奏。2. 对话串联在自然语言中,对话的所有元素通常会被连贯地串联起来,包括上下文以及随时间演进的对话方式。这种串联帮助我们跟进会话过程。能够理解欣赏笑话幽默的人都知道,在交流中的每个回合都要注意上下文的关联性,并加强整体的交流。3. 潜在效率人们经常会用简略的口语交流...

    2018-03-21
  • 【译文】”移动优先”的设计理念已过时了吗

    【译者注】Mobile First(移动优先)大概是移动设计师听到最多的设计理念之一,2011年Luke Wroblewski大神提出它时,打破了原来“先完成web设计再移植移动设计”的常规方式,为移动设计注入了一针强心剂,一时各大企…

    2016-02-19
  • 沉沉的干货,必读平面设计技巧!

    在过去几年中,我们见证了软件和应用界面设计从3D及拟物化向扁平化和极简化的快速转变。尽管这一趋势现在已经无所不在,但我们不妨拿出一点时间来思考今天的结果是如何形成的,以及其对界面设计整体有着何种影响。另外,我还会和大家分享一些有关设计扁平化界面的小技巧和注意事项。

    2014-12-28
  • 如何在Sketch中快速创建调色板?

    今天我将会教你如何在Sketch中快色的创建调色板。这是个很棒的技巧,是年前我从Marc Edwards那里学到的。首先我们先创建三个正方形,它们是可以被三整除。在我们的例子中,我们将先创建一个240pt高和240pt宽的正方形。我们将重命名这些图层为红色、绿色和蓝色。让我们将红色图层的填充改为#FF6161,绿色图层为#4F953B和蓝色的图层为#0076FF。选中这3个图层,然后按“A”快捷键来选择画板工具。我们现在从右边的检查器上...

    2018-04-17
  • 3秒即灭,APP引导页如何闪亮

    大家原谅我健忘的大脑,一直想写App经验总结,却不知道从何说起,真是对不起群众,对不起组织,对不起俺的一个好肾。这也不能完全怪俺,小学的时候语文就没考过100分,害怕写的浅了不疼不痒,浪费看官们 陪女朋友的…

    2014-12-05
  • APPLE WATCH 中文手册:APPLE WatchKit Apps--界面导航

    本文翻译自Apple Watch Programming Guide:Interface Navigation,敬请勘误。 对于内容超过一屏的WatchKit app来说,您必须在设计时选择一个导航类型。您所选择的导航类型定义了如何在应用程序中展示和管理界面控…

    2015-06-15
  • 设计师要懂心理学の周边视觉还是中央视觉?

    人有两种视觉,中央视觉和周边视觉。中央视觉用来直视事物观察细节,而周边视觉则展现视野中的其他区域,也就是人眼能看到的周边区域。人可以用眼角的余光观察事物,这当然很有用,不过,堪萨斯州立大学最新研究表…

    2014-11-28
  • IxD交互设计工作中的关注重点

    一、IxD交互设计工作中的关注重点 1. 情景(Context) 皮特•杨•斯塔皮尔斯(Pieter Jan Stappers)认为情景指人与产品交互的环境。情景具体包括的内容取决于设计要解决的问题、设计目标和设计产出。 为什么要研究情…

    交互设计 2015-06-13