专栏名称: 交互设计学堂
系统学习交互知识,就找老D。干货分享、在线培训、行知书院三大版块帮你提升自己。 最新资讯-全是干货还有老D点评,每天推送; 交互培训-在线课程帮助小伙伴进入交互行业,只要3个月; 行知书院-老D帮小伙伴们解读经典设计书籍,都是“硬”知识。
目录
相关文章推荐
新微设计  ·  南通大剧院:山水五重奏 ·  3 天前  
ZaomeDesign  ·  为什么女厕永远在排队? ·  4 天前  
字体设计  ·  想不想拥有这么一款数字动效时钟? ·  4 天前  
ZaomeDesign  ·  开创水塔建筑新形态 ·  6 天前  
51好读  ›  专栏  ›  交互设计学堂

上传作品,咱得包装一下!

交互设计学堂  · 公众号  · 设计  · 2017-05-23 20:36

正文

♝点击上方“交互设计学堂”关注我们,送电子书


发现问题

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

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

就这一张图,没了。

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

这个作品得了编辑推荐。

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

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

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

解决问题

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

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

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

1.做个像样的头图

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

3.加点展示模板吧


1.做个像样的头图

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

示例1:

示例2:

示例3:

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

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

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

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

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

例如展示局部细节:

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

方法还有很多种。

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

比如说加个颜色:

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

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

3.加点展示模板

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

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

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

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

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

1.卡片的投影有些脏,可以优化。

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

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

转载自:公众号 菜心设计铺

欢迎投稿:[email protected]


加老D私人微信18605817040,和老D一起学交互,老D会在朋友圈多发干货文章哦。新手小伙伴可以问老D3个专业问题哦。


交互设计学堂已经开设了新的栏目-行知书院,旨在帮助小伙伴们来高效的学习现在市面上优秀的用户体验书籍比如《交互设计精髓》等等,同时结合老D的工作经验来帮助你们从不同的高度和角度来解读书中的内容。每天一课,积少成多。已有134位小伙伴加入。详细了解行知书院