本港台开奖现场直播 j2开奖直播报码现场
当前位置: 新闻频道 > IT新闻 >

码报:四步解说,搞定吸引人的移动端详情页设计

时间:2017-07-30 05:44来源:118论坛 作者:118开奖 点击:
四步解说,搞定吸引人的移动端详情页设计 2017-07-29 14:33 来源:人人都是产品经理 设计 原标题:四步解说,搞定吸引人的移动端详情页设计 本文依然是关于详情页设计,涉及到了排版

四步解说搞定吸引人的移动详情设计

2017-07-29 14:33 来源:人人都是产品经理 设计

原标题:四步解说搞定吸引人的移动详情页设计

本文依然是关于详情页设计,涉及到了排版/构图/色彩/氛围点缀/字体等多个方面。以下是我总结了可以让你的详情页脱颖而出的四个系列的套路,兴许对你们有用!enjoy~

码报:四步解说,搞定吸引人的移动端详情页设计

一、头图一定要吸引人

那么,怎样才能吸引人呢?我给大家总结了一些关键词:

关键字:大

头图得有一个占比比较大的作为主体,无论是产品/模特还是文字,可以第一眼就抓住人眼球。

码报:四步解说,搞定吸引人的移动端详情页设计

(模特作为主体)

码报:四步解说,搞定吸引人的移动端详情页设计

(产品作为主体)

码报:四步解说,搞定吸引人的移动端详情页设计

(文字作为主体)

码报:四步解说,搞定吸引人的移动端详情页设计

码报:四步解说,搞定吸引人的移动端详情页设计

(当然也可以局部放大)

关键字:破

如果你不想画面太过于保守和单调,可以尝试打破它,比如将规矩图形异化,或者让产品放在界限以外。

码报:四步解说,搞定吸引人的移动端详情页设计

(这是我年初做的一款茶叶详情页,当时的包装无论是颜色还是样式都是比较普通的,作为设计师的我能做的是尽量让它更具创意一点,于是就打破了它。)

关键字:美

能用美女或帅哥的地方千万别浪费了,因为当用户在浏览这些页面的时候,会感觉是有一位美女或帅哥在对你解说或者让用户觉得自己也能成为美女或帅哥一样,使人身心愉悦,比单纯放产品图更能打动人(前提是你确实用的是吸引人的美女或帅哥,所以审美真的很重要啊~)

码报:四步解说,搞定吸引人的移动端详情页设计

如果可能的话,尽量用品质好一点的产品图或背景素材,使画面显得更加美观(当然了,这个还是需要审美能力……)

码报:四步解说,搞定吸引人的移动端详情页设计

关键字:飘

有时在画面里添加一些飘动的元素,可以增加画面的层次感和热闹氛围。

码报:四步解说,搞定吸引人的移动端详情页设计

关键词:脑洞

这个脑洞,可以是技术方面的也可以创意想法方面的,技术方面的比如合成/手绘/C4D与构图的运用,创意想法方面其实就因人而异了,并没有什么固定的套路,然后你能用你所掌握的技术把这些创意想法表现出来就行。

码报:四步解说,<a href=atv,搞定吸引人的移动端详情页设计" src="http://www.wzatv.cc/atv/uploads/allimg/170730/0609144630_0.jpg" />

来自小文同学的手绘+合成作品

码报:四步解说,搞定吸引人的移动端详情页设计

作品来自behance的C4D+合成作品,不过这个花费时间应该不少。

码报:四步解说,搞定吸引人的移动端详情页设计

来自behance上的TIMAWORKS团队的作品,用到了C4D+摄影+合成+手绘

不过但凡是涉及到这么多脑洞和技能方面的作品所需要花费的时间和精力都会比平时多很多,而目前大部分详情页设计给的时间是估计2-7天,更有一些设计师一天要套版十几个详情页,所以如果时间不允许的话就自己私下做练习来让自己的作品更具吸引力吧,每天抽出一点时间,一个星期或一个月下来也够了。

其他还有一些关键词我们以后再补充!

关键字:光影

没有光影的画面会显得干瘪瘪的,光影的存在会给画面增加更多真实感和质感,赏心悦目,档次一下就提升了。

码报:四步解说,搞定吸引人的移动端详情页设计

码报:四步解说,搞定吸引人的移动端详情页设计

码报:四步解说,搞定吸引人的移动端详情页设计

相同一款产品,有光影和没光影给人的感觉差别真的很大,如下图所示:

码报:四步解说,搞定吸引人的移动端详情页设计

码报:四步解说,搞定吸引人的移动端详情页设计

(加了光影和背景纹理后,产品整体的气质和档次都提升了,当然光影的形式也是千种万种的,主要取决于你自己想怎么表现了)

但实际产品长这样。。。如果你知道实物长这样你估计就不会买了对不对?所以美真的很重要。。。,况且还是三四百块钱的护肤品呢~

码报:四步解说,搞定吸引人的移动端详情页设计

二、整体风格要连贯

那么怎样才能吸引人呢?我给大家总结了一些关键词:

关键词:提取

(责任编辑:本港台直播)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
推荐内容