电商页面视觉设计规划的专题页面的设计流程是怎样的

【图文】了解专题页及常见类型(上) -E电商_百度文库
两大类热门资源免费畅读
续费一年阅读会员,立省24元!
了解专题页及常见类型(上) -E电商
大小:1.16MB
登录百度文库,专享文档复制特权,财富值每天免费拿!
你可能喜欢浅谈网页活动专题页设计心得
今天图老师小编给大家精心推荐个浅谈网页活动专题页设计心得教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~
又一年总攻节的硝烟刚散,各大电商网站连通大小门户平台都经历过一轮铺天盖地的促销与各类花色繁多的相关运营推广活动。看了好些五彩斑斓的活动页面,结合最近阅读的相关文章和自己参与应用中心活动页设计以来积累的一些不成熟的经验,总结出了关于活动页设计的一些小心得,值此佳节(昂=_=?),希望能抛一些砖并与大家共同寻找玉的存在^^。活动页简析活动专题页面,顾名思义是承载各种形式的节庆促销、宣传推广、营销产品发布等等活动的页面,形式与内容也多种多样。 典型的静态活动页面通常使用页头banner+标题再配以活动入口的展示形式,主要以背景、banner和标题字体的视觉处理来烘托整体氛围;如今也越来 越多的活动页会加入游戏等趣味性强的互动方式,采用flash形式展现,今年TMALL的喵星球抢红包活动就是绝佳例子。其实无论哪种活动页,当我们对其进行拆解分析后会发现页面中要展示的信息最终都逃不开以下七种①1. 活动标题2. 活动入口3. 活动奖品/商品展示4. 活动参与人数5. 有效时间6. 获奖信息7. 活动规则 如何合理布局,将以上所有信息以最优方式展现在页面中,是活动页设计的关键。一. 充分利用首屏,展示核心信息笔者的建议是第一屏就将活动的核心内容传达给用户,2011年Jakob Neilsen一项研究结果表明用户将80%以上的注意力花在对首屏内容的浏览上,尤其是call-to-action按钮放在首屏或者第二屏,其转化率 差异巨大。② 对于活动页而言,最重要的核心内容有四个:1. 什么活动?活动主题2. 什么时候?活动时间3. 有什么奖品(优惠/利益)激励,折扣,奖品展示4. 如何参加活动?参与入口 这是活动页面首屏应当完整包含的内容(当然考虑到一屏的大小,奖品商品大多情况下只能展示一部分)。图2-首屏中包含页面标题,奖品/优惠,参与入口 适当控制内容分量,尤其是首屏中,限制文字字数以减轻用户压力。 稍显次要的信息如获奖名单(多数在活动页面中起到烘托气氛的作用)、活动规则等内容可考虑以倒三角结构呈现③。二. 主标题与副标题阐明活动价值我们要做的,是在主标题与副标题的寥寥数语中让用户了解我们的品牌与活动带给他们的所有核心价值,对,所有。(亲泥醒醒!永远不会有用户去看那些长篇大论的活动规则的!TOT)标题若能做到别出心裁、新颖别致自然好,但若时间所限无法精巧构思,还是有一些原则可以保证至少准确传达信息不出差池: 精辟简短用户浏览标题往往一扫而过,文字会提高用户的理解成本 使用用户熟悉的语言在标题内抛出陌生概念往往不是个好主意,用户看不懂很可能会直接关闭页面 主标题或副标题其一要直接告知用户利益点与价值所在,简单熟悉如免费礼包立减等词语都能起到良好效果 一个稍显粗暴保守但往往有用的方法,动词+名词概括活动核心操作或流程,如玩应用,得礼包每日签到抽奖等等。图3-QQ网购抢福袋活动(局部)图4-腾讯游戏活动页(局部)三.参与入口活动页的眼睛 参与入口是活动页转化率的关键。关于它的设计,WAD的文章Creative call to action buttons for inspiration里整理过一些不错的范例,我们从中也能总结出要点: 足够醒目却又不显得突兀的按钮尺寸 位于首屏,处于视觉中心区域的位置 视觉表现按钮采用对比色,渐变,投影等特殊质感;采用特别设计的字体,但需要特别注意字体可读性。图5-NAVER的Burger King促销活动页,界面清爽简洁,Call-to-action按钮视觉效果突出;图6-缴费活动页,可爱清淡的风,按钮选择了与背景和页面主体对比的色,并处在首屏的中心位置;图7-商城双11图书活动页(首屏),大标题,畅销书目突出展示都不错,缺陷就是活动入口不够醒目;图8-三星NX系列买送机票活动页,页面处理得文艺清新,但购买按钮与视觉主体脱离,位置略显尴尬;根据笔者个人的经验,国内用户大多倾向于简单而直切要点的设计,对按钮尺寸接受程度也相较国外宽松。因此在设计受众为国内用户的页面的时候我们往往会对按钮进行更夸张的处理(说白了,就是可以更大更醒目)。四.特殊情况,怎么办?不是所有的活动都天生对用户存在吸引力,实际上我们设计活动页时常常遭遇各种局限素材不足,奖品不丰富,活动流程繁琐,学习成本高等等,这就需要设计师发挥巧思以保证页面布局清晰,重点突出,足够吸引用户。 承载多步操作的活动页,在首屏提供简易的示意,让用户扫一眼即可了解活动流程;应用中心的每日抽奖页面,将三个步骤列于页面中间,同时页面中三个放大的数字也起到了很好的引导提示效果。图9-应用中心抵扣券页面(局部) 大胆凸显页面中的核心操作(如放在首屏,加大展示区域或使用特殊视觉处理等等)以吸引用户在素材有限条件下,部分设计师会尝试将最能吸引用户的操作放在首屏中,如抽奖、领取礼包等等,尽管有时候它们并不是第一步;应用中心活动页,活动规则是每玩一款应用即可获得一次抽奖机会,但若是按照常规思路 来排布页面,礼包展示与抽奖按钮必然会被挤到第二屏,首屏只有平铺的应用列表,平淡无趣,;于是我们将页面进行了调整,将领取礼包放到第一屏,当用户没有 抽奖机会却点击了领取礼包时,再给予用户去玩应用的相应引导。图10-应用中心女生节活动页(局部)这样的做法能在当前条件所限下加强页面冲击力和吸引力,但同时存在一定风险,会让用户的操作流程与页面正确操作流程相悖,增加用户犯错概率。此时需要通过其他的交互手段进行弥补,如上面提到的提供流程示意图,或者在犯错后进行友好 的引导等等。笔者个人还是比较理解这种设计方式的,找准页面核心任务与核心操作,大胆地对非核心的功能进行减法和舍弃,虽然最后输出的可能并非最佳结果, 很多时候这也是一种必要且可行的设计思路。五.关注后续活动效果的评估活动页面成功上线后设计师的工作其实并未结束,每一次活动页面的投放结束后,我们都能从各不同方面,尤其是数据反馈中得到很多经验和教训。前些日子读到胖胡斐的文章《说说转化率》,里面提到了一个简单易行的评估方式,在这里跟大家分享一下:将活动按转化路径进行分解,通过对比每个转换路径节点的转化率来评估活动的效果,为进一步提升转化率提供参考。我们可以效仿这种拆分的思路,对整个活动的流程进行拆分以应用中心的礼包抽取活动页为例,整个活动的主要流程与涉及到的页面如下:入口(广告位)& 活动页面 & 应用列表(活动页中)& 抽取礼包 & 礼包兑换中心 & 可使用礼包的应用内页图11-礼包类活动流程与涉及页面拆分提取每一步的转化率数据进行对照,锁定转化率流失最严重的节点,集中思考解决和改善之道。总结一下,其实对于活动页的设计,笔者想与大家分享的也不过就是以下几句话:注重信息表 达,充分利用首屏布局核心信息(标题,参与入口,奖品展示);找准页面核心任务并凸显核心操作,给予友好简明的的流程引导与提示;关注活动数据,参照数据 找出活动页面的相关改进点。以上都是入职以来一些经验总结,尚显稚嫩,若能给大家带来那么一点点思考和启发,笔者就十分满足了。& 搜索“图老师”或者“tulaoshi_com”加关注,每天最新的美食、、、美妆、、手工DIY等教程让你一手全掌握。推荐关注!【扫描下图可直接关注】
来源:/n/7170.html
点击查看更多与《》相关的文章>>
给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的浅谈设计师值得掌握的网页设计焦点法,过去的都会过去,迎接崭新的开始,释放更美好的自己。
生活已是百般艰难,为何不努力一点。下面图老师就给大家分享浅谈网页设计中有趣的交互设计技巧,希望可以让热爱学习的朋友们体会到设计的小小的乐趣。
今天图老师小编给大家展示的是浅谈网页设计创新式布局与交互设计,精心挑选的内容希望大家多多支持、多多分享,喜欢就赶紧get哦!
今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐浅谈网页交互设计的未来之服务设计,希望大家看完后也有个好心情,快快行动吧!
下面,图老师小编带您去了解一下浅谈网页登录表单设计的新思路设计,生活就是不断的发现新事物,get新技能~
下面请跟着图老师小编一起来了解下19个引人入胜的活动专题页设计欣赏,精心挑选的内容希望大家喜欢,不要忘记点个赞哦!
热门搜索:
复试楼层豪宅创意设计图集欣赏
ps图片调色技巧
德国Hug & Eberlein工作室平面设计作品欣赏
Design Receipt Project 创意艺术小票纸平面设计
杠铃由杠铃杆、杠铃片和卡箍组成,简笔画亦不能忽视此三类部分,以侧面简笔画绘画方式 更能体验杠铃特色。接下来就让我们通过杠铃儿童简笔画图解步骤来一起学习如何画好看的杠铃简笔画吧!
双节棍又名二节棍双截棍,是一种经典的武器。短小精悍,简笔画中双截棍铁链为重点,为了更能体验双截棍的特性,小朋友在画双截棍环链的时候可用双线方式来绘画。接下来我们就来学习双截棍儿童简笔画图解步骤。
西洋剑是击剑运动的武器,箭身由粗到细,剑柄的绘画也要注意。儿童简笔画绘画学知识,今天我们通过西洋剑儿童简笔画步骤图解教程来学习花剑的简笔画,同时也能了解西洋剑的基本结构。
击剑头盔类似于西方古代骑士头盔,不同的是需要在面罩花纹上画功夫,相较于骑士头盔来说击剑头盔花纹较为简单。接下来就让我们来通过击剑头盔儿童简笔画教学步骤图解来学习怎么画击剑头盔吧!
家居装修是我们都会经历的,每个人对家居装修都有不同的要求,好的居家布置给我们带来的不仅仅是温馨的居家情调,更是轻松舒适的心情。想要除去往日的乏味,让家居变的有品位起来,不妨来看看这些家装布置的小技巧吧。
马上就要迎来夏季了,很多人在春季买了房子后都考虑要不要在夏季装修。装修对于很多人来说都是一件非常重要的事情。那么,到底夏季装修好吗?夏季装修有什么优劣势呢?又有什么需要注意的事项呢?下面就一起来看看吧。
Photoshop是一门非常专业的ps修图课程,很多网页设计的以及美工们修图都是需要用到的,功能非常强大,掌握一定的Photoshop技巧是非常有必要的,今天就给教大家怎么利用Photoshop制作万花筒GIF动画。
很多朋友都信风水一说,对于自己家里房屋客厅的装修也是有一定要求的,因为客厅的风水关系着整个家居的运势,更关系着主人的财运与健康,因而客厅里的风水禁忌是需要我们谨慎注意的,那么风水学中客厅风水禁忌有哪些呢?
春天已经来临了,夏天也不远了,新的一才刚刚开始,时尚爱美的美眉们最关注的就是春夏服装设计的流行趋势了,早早的把握住时尚趋势走在流行的最尖端,今天就给大家整理分享2017春夏女装设计流行趋势 ,你绝对不能错过的亮点。
2017年最新个性家装风格流行趋势!!如今的装修风格已不仅仅局限于中式、欧式、韩式等这些常见的装修类型了,它正变得越来越多元化。那么都有哪些家装新风尚逐渐走进我们的生活呢?下面就提前让大家了解家装风格的风向。
春天来临了,很多买了房子的朋友都开始展开自己的装修计划了,在这个个性张扬的年代,你要是不去改变自己,麻木而千篇一律的装修,也许自己住着也会觉得无趣吧。今天就给大家介绍2017年装修设计五大流行趋势。
男女交往一直都是人们比较关注的一个问题,都说相爱容易,相处不易,交往过的朋友应该都能深刻的体会到,女生常常抱怨着让男生理解自己,但男生也希望多体谅一下他们。尤其不要老是问一些无法回答的问题来考验他们。
2017年最受欢迎的生活服务APP!!生活服务类App的出现为日常生活带来极大便利,我们可以通过手机客户端预约各种家政服务,足不出户就能够享受实惠、便捷的生活服务,那么接下来我为大家推荐一些生活中必备生活app。
由于现在抢红包大热起来,很多app都开始支持发红包抢红包了,因此也出现了微信抢红包神器,可以自动抢微信红包,肯定比认为手动操作快,有消息就会自动打开,然后打开红包。今天就给大家分享2017微信自动抢红包神器大全。电商专题页设计技巧的视觉推导
|原作者: TTING
简介: 如果你遇到过以下几种情况:1、反复改稿被虐但始终不知道原因出在哪儿2、拿到一个专题要设计,但是不知道该如何下手3、不知道该如何给设计师传达修改意见也许这篇文章可以给到大家一些启发 ... ... ...
版权申明:本文原创作者TTING,感谢TTING的原创经验分享!如果你遇到过以下几种情况:1、反复改稿被虐但始终不知道原因出在哪儿2、拿到一个专题要设计,但是不知道该如何下手3、不知道该如何给设计师传达修改意见也许这篇文章可以给到大家一些启发FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:
刚表态过的朋友 ()
天津市 河西区&平面设计师
天津市 河西区&平面设计师
您可能喜欢
网友推荐文章
本周热点文章
frce发布于:6&天前
梦红颜发布于:5&天前
布布发布于:6&天前
frce发布于:7&天前
云南省公安厅网络安全保卫总队备案编号:05
All rights reserved!那么电商设计需要学什么【淘宝美工吧】_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名:今日本吧第个签到,本吧因你更精彩,明天继续来努力!
本吧签到人数:0可签7级以上的吧50个
本月漏签0次!成为超级会员,赠送8张补签卡连续签到:天&&累计签到:天超级会员单次开通12个月以上,赠送连续签到卡3张
关注:163,083贴子:
那么电商设计需要学什么
1.人手一个店
全流程设计实操让每个学员申请一个淘宝店铺,实战学习淘宝装修,轮播图、钻展设计、活动专题、详情页设计,全流程装修实操,快速制作吸金无数的店铺。2. 8大最核心技能
千锤百炼1. 淘宝高级修图
2C店/商城首页设计
3.产品详情页
4.活动专题页
5.轮播海报
6.钻展设计
7.直通车图设计
8.无线端装修
3.10年经验
完美融入课程课程浓缩一线专家,10实战经验与技巧。我们把最核心、最实用的经验技巧完美融入课程,毫无保留的传授给学员,市面上绝无仅有。1.设计六步法
2.字体情感定律
3.网页矩形定律
4.色彩搭配技巧
5.设计元素分布
6.设计对比法则
7.四元素定律
8.视觉营销设计9.黄金分割定律
10.抱团规律
11.重复法则
12.空间分割法则
淘宝美工培训优选&达内数字艺术学院&,Adobe创意大学联合&达内&共同推出淘宝美工培训;直接使用Adobe原厂技术与教材的淘宝美工培训,申请在先试听&&
那么电商设计需要学什么?电商设计是很容易学的,但是不管是学什么的 你必须清楚自己对电商设计有没有兴趣,有没有死磕到底的心 当然兴趣跟性格是有一定关系的 不妨先看看自己适不适合学设计: (电脑端00)HTTP
(移动端00)HTTP
贴吧热议榜
使用签名档&&
保存至快速回贴

我要回帖

更多关于 电商页面视觉设计规划 的文章

 

随机推荐