当前:首页 > 新闻中心 > 网站建设

怎样做出吸引人的移动端详情页

作者:Yizhong 来源:昆山网络公司 发布时间:2017-09-04 17:22:25 浏览次数:247
       如何设计出吸引人的移动端详情页,请看下面:
        一、头图一定要吸引人
        那么,怎样才能吸引人呢?以下总结了一些关键词:
        关键字:大
        头图得有一个占比比较大的作为主体,无论是产品/模特还是文字,可以第一眼就抓住人眼球。
        关键字:破
        如果你不想画面太过于保守和单调,可以尝试打破它,比如将规矩图形异化,或者让产品放在界限以外。
        关键字:美
        能用美女或帅哥的地方千万别浪费了,因为当用户在浏览这些页面的时候,会感觉是有一位美女或帅哥在对你解说或者让用户觉得自己也能成为美女或帅哥一样,使人身心愉悦,比单纯放产品图更能打动人
        如果可能的话,尽量用品质好一点的产品图或背景素材,使画面显得更加美观
        关键字:飘
        有时在画面里添加一些飘动的元素,可以增加画面的层次感和热闹氛围。
        关键词:脑洞
        这个脑洞,可以是技术方面的也可以创意想法方面的,技术方面的比如合成/手绘/C4D与构图的运用,创意想法方面其实就因人而异了,并没有什么固定的套路,然后你能用你所掌握的技术把这些创意想法表现出来就行。
        关键字:光影
        没有光影的画面会显得干瘪瘪的,光影的存在会给画面增加更多真实感和质感,赏心悦目,档次一下就提升了。
        二、整体风格要连贯
        那么怎样才能吸引人呢?
        关键词:提取
        既然详情页是为介绍产品而用的,那么我们在做设计的时候当然就可以用提取法了,比如提取产品包装上的元素或形状,提取产品的色彩或质感,提取产品的成分或功效,然后应用在详情页设计里,我们可以从产品包装上提取元素应用在详情页设计里,保证整体风格连贯性。
        形状,我们也可以从产品的形状着手,提取基本型进行构图创作,同様也可以保证统一连贯性。
        色彩,如果你想要页面在色彩上保持连贯,也可以从产品本身的颜色出发,比如采用近似色或对比色也可以。
        质感,善用产品的质地或包装的质感纹理,并提取出来做详情页背景用。
        成分,食品美装护肤品详情页最喜欢用产品的成分来做文章了,比如草本植物/芦荟海藻提取物/蜂蜜牛奶等等。
        功效,比如补水功效,就会在页面里用到一些水的特效做氛围点缀。
         三、整体气质要搭调
         那么怎样才能吸引人呢?
         关键词:协调
         每一个详情页其实对应的就是一款产品一个主题,主题活动或产品不同,其气质肯定就不一样了,所以这里的协调反应出来的首先其实是气质上的协调,比如:
        (1)高冷的大牌的气质
         画面要么很简洁有质感,有么很华丽有光泽:
        (2)活泼可爱的气质
         比如可爱的模特/字体/或粉能的颜色/手绘元素等。
        (3)热闹促销的气质
         这种类型的页面往往色彩丰富艳丽,而且画面丰富又具有动感    
         (4)文艺素雅的气质
         这种页面色彩不会太艳丽也不会特别多彩,往往质感也比较柔和,给人宁静的感觉。
         四、整体浏览器体验要好
         那么怎样才能吸引人呢?
         关键词:人性化
         如果你能做到前面几步,那么你可能会产出一份视觉不错的详情页设计,但光只是做到视觉上的美观还不足以打动人去购买你的产品,你还得给人更好的浏览体验才对,具体表现在以下几个方面:
        (1)在排版布局上
         形式不能过于浮夸,那么一些比较常用的布局方式有哪些呢?
         左右对比形式的专题页,常见于需要表现出PK或者VS对决类的专题页设计。
         S形的专题页,这种形式的专题页基本上不管什么需求的设计都可以尝试,因为它相比于平铺直叙的形式既不会显得那么呆板,同时阅读起来也很流畅
         Z形的专题页,这种形式的专题页其实跟S形的作用是类似的,只是说这种Z形会比S形硬朗,更适合用作一些比较男性化的风格页面或者品类里,比如电子器械/汽车/男士护肤/游戏等
         1 字形的专题页,有一种硬朗和厚重的感觉,这种形式的专题页只适合高质量模特大图或产品图镇楼,一般情况下很少用到,尤其是在卖货类型的专题页里,可能会显得背景有点抢镜了。
         常规楼层类型的专题页,这种页面会显得比较简洁好把控,主要在于背景颜色要有深-浅-深-浅的节奏,同时每一个楼层都是单独的模块,有利于信息阅读。
         同理,楼层类型的专题页还可以做一些一些细微的演变,比如从上至下,背景不做切割,始终是一个整体,只是保证中间的内容在一个安全数值以内就好了
         还有在原来的基础上,在某一块楼层里做一些排版小变化,比如切分成一小块一小块的自由排版:
         自由排版类型的专题页,这种专题页设计比较适合那些想走高逼格路线的时尚服饰类目,同时这种设计往往是看着简洁,但是对设计师的排版功力要求比较高,不建议新手或没什么功力的人尝试:
        (5)年轻时尚的气质
         这种气质的页面往往棱角比较分明,色彩上貌似没什么太多要求
         (6)科技质感的气质
          这类气质的页面主要是会有一些比较男性化的元素/色彩,比如机械零件/暗色蓝色/菱角矩形之类的。
          而气质上的协调又基本是由色彩/元素/字体/形状/质感/氛围等等方面的协调整体塑造出来的一种感觉。
          比如色彩上,产品如果是比较女性化的色彩,那你就不可能去使用男性化的色彩去包装它,这会显得很突兀,反之亦然。
          比如形状上,如果产品本身的形状是比较柔和的曲线,你却使用太过菱角的图形元素装饰页面那就会显得不协调,而用同样比较柔和的曲线会感觉更协调。
          比如元素上,我们其实在做设计的时候都是可以从产品的包装或功效上提取元素使用的。
         (2)在字号大小的选择上
          目前移动端详情页的设计才是重中之重,所以为了便于大家手机阅读更舒适,最小字号不能低于 20 号
         (3)在字体的选择上
          尽量选择便于识别的字体,但这个便不便于识别也是相对的,其实主要记住下面几个对比规律就好了:
          背景复杂,字体选粗一点的或笔画规整一点的比较好;
          背景简单,字体选择就多一些,不过也要考虑气质搭不搭调;
          背景颜色暗,字体颜色就该亮一点;
          背景颜色亮,字体颜色就该深一点;
          不管背景复杂与否或明还是暗,字体越大越便于识别,不过也要考虑美观与否。
         (4)在色彩选择上
          颜色越深给人感觉就越神秘或压抑或沉稳有质感,颜色越明亮给人感觉就越年轻活力或轻浮或张扬,在用色上其实最忌讳的是一暗到底或者一亮到底,要有明有暗才会比较透气或耐看,让人感觉愉悦。

本文关键词:

责任编辑:吴梅

相关新闻

手机网站制作时的注意事项
我们网站设计的步骤和方法
再谈企业邮箱到底有啥用?
昆山网站制作费用价格的分析
企业网站建设优化:网站推广四大误区!
网站建设服务的价值体现在哪?
中小企业网站建设的作用是什么?
浅谈网站建设方案撰写的必知要点
如何将公安机关备案号放到网站底部
企业如何选择网站外包公司来建设企业网站

客服在线

网站建设服务热线
0512-50110815


点击这里给我发消息
 
QQ在线咨询
售前咨询热线
0512-5011 0815
售后咨询热线
138-6264-8819