电商网站如何设计

电商平台的首页该如何设计？

一、电商首页的设计思路，从上往下思路是：

1、形象展示

产品品牌是区别产品的重要标志之一，当顾客进入首页感受到这些差异并能够与其他首页有所区别，从而形成认知上的区分和对品牌的信任感。

2、搜索

用户使用搜索栏快速找到心仪的商品，快速定位目标。顾客从某一款商品页面进入首页时，意味着顾客可能有其他商品的消费需求，当顾客有明确的购买目的时，首页需要有搜索导购功能，帮助顾客快速方便地找到所需的商品。

3、推荐和活动

当顾客无明确购买需求时，需要一些推荐和活动来激发顾客的潜在购买需求，例如：新商品的推荐、促销打折、搭配减价。如果店铺正在做这些活动，就需要在首页的明显位置进行展示，以吸引客户下单。

二、一些电商首页设计的方法

1、模拟

在设计中，模拟指的是模仿熟悉的物体、有机体或者环境的特性，增加产品的适用性、喜爱度或者物品功能。设计有三种基本模拟：表面、行为和功能。

2、7±2法则

由于我们头脑处理信息的局限，我们在处理信息内容最好的区间是5-9范围内，而一旦信息块超出人脑接收的范围时，记忆将会自动将超出部分信息过滤、弱化，为了用户提供明确的信息网站导向，导航栏目最多不超过9个，栏目过多会对用户造成混乱难以抉择。

3、曲线偏见

“曲线偏见”法则表示，它是指与带有尖锐边角的物品相比，人们更喜欢曲线造型的物品。从心理角度分析，尖锐的物品具备的是侵略、攻击和伤害，因此对于首页设计上我们绝大部分使用的曲线设计，对于直角等造型设计很少看到，一旦页面的尖锐设计过多时用户会自然而然的产生防御型心理，从而对软件使用产生抵触或者不适应等心理情绪。

4、推荐系统

推荐系统是一种信息过滤系统，如果说之前的模块都属于商品直接推荐的交易型电商，那么现在另一种新的电商形态内容电商，正在逐步崛起。这是一个感性的消费心理。这个商品推荐模块就是一个内容形态模块的快速入口。根据你最近的浏览记录，推荐了一些相关的帖子或者达人。因为每个人关注的商品都不一样。所以呈现的界面模块可能也不一样。在越来越多的软件中可以见到推荐系统。挖掘用户偏好，推荐用户喜欢的内容，提高用户的使用时间和留存率，从而到达市场目标。

三、设计总结

衡量一个电商网站首页不能只看视觉体验。设计的本质是解决问题，而不是只停留在满足“好看”、“有格调”、“上档次”的视觉层面。你的关注点不只是颜色、字体、图片，还有业务的流程。电商本身就是一个购买流程。选购、意向、推荐都需要关注。电商首页是企业需求与用户需求融合的结果，一个首页的好坏直接影响到用户对于产品的第一感官。闻峥文化设计团队注重深度调研、个性定制、创意设计的每个环节，达到商家的流量转化效果，提升商家产品销售。

用户在浏览网站时，能吸引用户打开网页进行详细阅读的就是标题。所以标题要足够吸引眼球，还要确保网页的所有相关链接畅通和有效，以便用户顺利的通过网站进一步搜索。

二、电商网站设计内容采用表单格式

分解内容和段落，大量使用表单形式来表现你的文章，可以保证读者的浏览率。使用数字和其它标记符号来突出文章的重要内容，会让网站更容易浏览，用户更快的找到所需的信息。

三、电商网站设计避免出现大量文字

研究显示，一般的网络浏览者不会花费时间去阅读大量的文字，无论他们有多重要或写得多好。因此，必须把大量文字分解为若干小段落，突出重要的地方，帮助浏览者节省阅读时间，也可以提高浏览者的注意力。

四、电商网站设计采用大图像吸引注意力

图像比起文字更容易吸引人们的注意力，人们更倾向于查看那些能够清楚地看到细节和获取信息的图像，当然要保证你所用的图片与文章内容相关，否则它更容易被忽视。大多数读者都拥有高速的浏览速度，所以可以使用那些体积较大的图片。

五、电商网站设计利用好空白

电商网站的过量信息会把用户淹没，同时他们也会忘记所提供的大部分的内容。所以保持网页的简洁，留点空白会给读者预留出一些视觉空间来供读者休息。

六、电商网站设计利用好特写图片

如果电商网站需要用到艺术特写图片，要确保所用图片的清晰以及其表达内容的简单可读性，那样能吸引更多的视觉注意。

以前推出一个新品牌要做的第一件事是什么？

开品牌店。所谓品牌，得先有自己的一亩三分地，然后再待价而沽。这是货架电商时代的逻辑。

内容电商时代，这个逻辑变了。新品牌要做的第一件事不一定是开店。

据一份报告显示：2021年1-11月，抖音电商新品牌月度交易规模月均环比增速超24%；11月，入选“抖音电商新品池”的新品牌商品数量比5月增加了77%。

这些数据来源于《2022抖音电商新品牌成长报告》，报告通过提取2016年之后建立的、具有三大特征（通过新兴数字渠道、使用创新营销手段、满足新生消费需求）的年轻品牌作为样本，拆解了这280个品牌的成长历程。

这些新品牌在抖音电商实现快速增长，几乎都始于同一个动作：“做内容”，包括直播和短视频。而开直播、制作短视频内容，和开店背后的能力要求完全是不同的，带来的品牌成长效果也不同。

从开店到开直播，只是变化之一，更多的变化藏在宏大深刻的时代背景中，比如新技术的出现、新人群的成长、新市场的重塑与挖掘等等。

在这些背景下，新品牌们面临的竞争形势与过去可谓天壤云泥，其中有更大的挑战，也有更为有利的条件，总的来说，机遇要大过挑战。重点在于，新品牌们需要建立全新的人货场连接、增强品牌在内容电商时代的核心能力、找到适配这个时代的新生意法则。

在这样的背景下，抖音电商发布的《2022抖音电商新品牌成长报告》就成为了一个里程碑式的事件，报告中那些新品牌们的成长故事变得具体而引人深思。一个非常有启示意义的点在于：2022年新品牌们最大的机会，或许就在抖音电商。

1

为什么抖音电商更适合新品牌？

传统意义上，新品牌的启动不是一件简单的事，而是存在系统化挑战的一项复杂工程。

货架电商时代，只是把线下开店的套路搬到了线上，反而因为创业者们不熟悉数字化而带来了更多的挑战。新品牌的增长也困难重重，梦想中的飞轮效应大多止步于启动的第一下。

相形之下，抖音电商的新品牌要开启生意的第一步就简单的多，开直播间或者通过短视频集中向消费者传递好一款爆品，足矣。

比如羊绒品牌洪陵，在2020年开始在抖音电商做品牌自播，一开始创始人自己上播，连续100天每晚19:00准时开播，属于完全的冷启动。

洪陵作为2017年创立的新品牌，羊绒衣物的产品力很强，对标大牌，产品平均客单价1000元以上，但是性价比高，他们通过品牌自播很快就打到了真实的消费者需求，去年11月实现交易额9970万元。

同样是做品牌自播，2021年3月开始，零食品牌王小卤仅用一个月，日销从0攀升到了10万件。而背后凭借的核心产品是一款爆品虎皮凤爪。

2021年7月，王小卤将抖音电商运营优先级大幅提升，抖音内投放直接导入抖店，当月GMV突破1000万，内容转化率提升40%。

在抖音电商，像洪陵、王小卤这样参透了“生意密码”的新品牌比比皆是。

连咖啡，4个直播间并行高速测试快速迭代，积极参加抖音电商的各种活动，比如6月份的食饮品类节、8月份的818好物节，最终凭借一款爆品“鲜萃意式浓缩咖啡”，成功实现了新品牌出圈。

在洪陵、王小卤、连咖啡等这些新品牌通过抖音电商快速成长的背后，其实隐藏着新品牌们在内容时代之所以能快速出圈的四个底层逻辑，也是抖音电商更适合新品牌的根本原因：

一、更易于沟通的形式

第一，相比于货架电商的图文形式，抖音电商的短视频和直播形式，可以更有效地展现新品牌、新品类不同于“老品牌”们的突出卖点，本质上是构建起了更有利于那些“有想法”的新品牌与消费者建联的沟通场景。

在抖音电商，新品牌可以应用O-5A品牌资产方法论，通过沉淀管理关系资产+人群分层精细化运营，来实现新品牌用户群体的扩大和人群转化效率的提升，进一步建立品牌竞争壁垒。

二、释放供应链压力

传统意义上，新品牌开店的核心是“店铺”，而抖音电商的新品牌们核心是“产品”，那些原先做供应链的厂方、源头商家等等慢慢在内容电商时代跑出来了，为什么？因为做产品和做店铺的人员构成是不一样的，而现在短视频平台更偏重单品带动系列，这些供应链优势反而得到了释放，也就是前面故事中提到的“一个爆款足矣”。这样做的成本更低、资产模式更轻，运营起来也其实是更聚焦、更直接。

无独有偶，《2022抖音电商新品牌成长报告》也指出，抖音电商已成为爆款打造的重要阵地，抖in爆款榜发布以来，入选的新品牌商品数量增长4倍+，每月购买1次以上爆款商品的消费者超73%。

成本低是优势，而这个优势背后也是需要有平台级支撑的，为什么新品牌可以更轻松地通过直播间和短视频打造爆款？因为抖音电商提供了一套强有力的方法论支撑，帮助新品牌们围绕产品迅速建立起内容时代的能力护城河。

在《2022抖音电商新品牌成长报告》中，这条能力护城河被概括成“八大能力模型”：商品能力、内容能力、流量能力、达人能力、直播能力、服务能力、团队能力、品牌能力。

倪叔认为对于新品牌们来说，这八大能力中最核心的能力是商品能力、直播能力、服务能力。

商品能力通过选品、测品、商品优化，能让新品牌迅速确立要在抖音电商传递给目标消费者的核心爆品是哪一款；直播能力则更容易理解，如何做商品组合、设计直播场景、选培品牌主播、分析数据等等，都决定了品牌直播间的最终转化效果；服务能力打造的是新品牌长期经营的能力，爆品只是敲门砖，决定新品牌持续发展的是成交之后的动作，包括物流、售后、退换货等等。

三、更平等的机会

抖音电商的平台“生态位平权”机制对于品牌们的机会更均等。一方面，如果在传统场景下，大品牌很容易就能通过复制新品牌们的创新打法而打价格战。而在抖音电商，其实新品牌和大品牌是站在同一起跑线上，大家一起做直播，适配的是一样的平台法则和生意法则。另一方面，通过直播间带货、短视频密集投放短时间内多次触达消费者，新品牌也可以获得与头部品牌们同等的向消费者展示自己的机会。

四、借助达人加速品牌破圈

这个时代，产品供给极大丰富导致产品同质化严重，新品牌们很难通过传统渠道抢到市场话筒，用户决策也更难，也就是“选择困难”，直播带货和短视频这种方式将“背书”从品牌时间资产转移到了“达人”“主播”们通过内容和粉丝建立起来的“人与人的信任”，通过抖音电商达人、主播们“以人为主体的内容消费模式”，新品牌们得以投入更低成本获得更多的人群资产。

《2022抖音电商新品牌成长报告》数据显示，借助达人矩阵这一“生意增长的放大器”，众多新品牌快速入场，并基于达人的影响力，加速实现自身影响力的跃迁。

2

新品牌如何实现“货找人”？

说到人群资产，其实这是抖音电商提供给新品牌们的一片肥沃土壤，也标志着这个时代新品牌们做生意的逻辑在发生变化。

以前新品牌开店是“人找货”，是搜索逻辑，流量和需求都是相对固定的。

现在是“货找人”。

其实就是对“需求”与“供给”的相互关系进行了重塑。以前之所以是消费者通过搜索商品进而完成消费，这个链路的本质原因是“缺乏内容”。抖音电商“货找人”正是建立在有足够丰富的内容基础上，供给方变得更主动，需求方的潜在需求也通过“货找人”变得更容易被挖掘，消费边界被大幅拓宽、深挖。

所以新品牌开直播，或者借助于中小主播、达人直播间、短视频内容的本质就是将品牌在传统链路下的“被动”化为“主动”，更深刻地进入消费者心智，而“做内容”的成本显然比传统的“做渠道”“做品牌”要低得多，是在以更低的成本与更高的效率去兑现“货找人”。

那么，新品牌为什么要选择去抖音电商做内容？

首先是大的背景，兴趣电商的生意逻辑被证明是成立的，本质上是抖音有6亿+日活用户，抖音电商用商品和内容去勾起兴趣，激发消费需求，帮助新品牌用好这6亿+日活。

其次就是抖音电商发展至今，其实已经积累了很完整的方法论，这也进一步降低了新品牌们的成本，提高了成功率。

比如王小卤，通过巨量引擎的营销工具，把购买过产品和潜在用户画像进行了一层一层筛选，从而精准找到了目标人群：“80%的用户是女性”。

圈定人群后，王小卤效果类投放与品牌内容输出两手抓，通过中腰部KOL以短视频、直播、信息流的方式持续触达人群；还拍摄乔杉代言人广告、《飞机篇》趣味广告等内容。通过趣味性、场景化的内容，对精准用户群体多点反复触达，并借助零食类品类相对决策较轻、具有一定即使冲动转化属性的特征，王小卤成功卖爆，实现了千万级月销，内容转化率提升40%以上。

这种方式是行之有效的，数据显示，兴趣电商“货找人”给新品牌们带来的是迅速增长的生意新增量。不仅是王小卤，还有其他无数新品牌。

据《2022抖音电商新品牌成长报告》数据显示，抖音电商，2021年新品牌短视频播放量在提速，一个充满想象力的新品牌“货找人”的生态已经出现飞轮效应，这种增长会继续下去。

说了这么多新品牌“货找人”的故事，难道抖音电商只做新品牌吗？不是的，从C2C再到B2C并行，依旧是新电商绕不开的路，抖音电商的未来也必然要从“兴趣集市”走到“品牌商城”这一步，通过用户主动搜索再到品牌商城，“人找货”的通路也会更加完善。

3

你永远不知道人们会对什么感兴趣

抖音电商与新品牌的关系更像是共生而不是雇佣或者主客。

这种共生关系其实也是商业逻辑决定的。抖音电商“兴趣电商”需要更多的赛道品牌去支撑兴趣内容，这是图文货架展示逻辑的边界所限，恰是兴趣电商不断外扩的想象空间，因为你永远不知道人们会对什么感兴趣。

连咖啡的短视频内容并不是刻板印象中一味灌输“咖啡是什么”，而是结合抖音电商“新奇特”的产品表达方式，持续激发用户消费兴趣，告诉人们“咖啡可以这样喝”。

“人人都是咖啡师，处处都是咖啡馆”，预包装的形式彻底颠覆了传统咖啡产品的人货场关系，精确地激起了那些既想要咖啡店品质又想要DIY的潜在用户的消费兴趣。

激起兴趣的本质，其实就是我们常说的“击中痛点”。

国货睡眠品牌翼眠，创作出100多版视频，借助巨量千川，不断迭代筛选出精准击中用户心智的3版品牌内容短视频，成功地抓住了潜在人群的消费兴趣，总结经验时他们说：第一是内容一定要真实，第二是“黄金三秒”，在抖音电商抓住用户兴趣的就是视频前三秒。

在与抖音电商达人合作的过程中，翼眠积累了丰富的直播切片素材，每月能供给上千条视频，经过剪辑制作之后持续反哺品牌短视频，从而持续高频地激发消费者兴趣，实现超级转化。

新品牌们在抖音电商拉开了新阵地，这个阵地的能量天花板取决于人们的兴趣到底有多少。而一个类似常识的结论是：人们的兴趣是无止境的，因为谁也不知道人们在下一秒会对什么感兴趣。

尽管如此，抖音电商还是从海量的信息中提取到了一些更加确定的趋势，《2022抖音电商新品牌成长报告》也给出了5大消费趋势洞察：

健康深入人心，超过72%的消费者更加在意产品成分、用料等等；品质为本，以品质作为品牌之本的新品牌将迎来更多关注；创意为先，有创意、有个性、和年轻用户高效建联成为新品牌们特别要发力的方向；精致内容成为新品牌在抖音电商做短视频的重要基础；国潮正当时，在抖音电商，国货潮物将继续攀升热度。

由此也可以预判，新品牌们在抖音电商做内容型直播、短视频已经成为一个实现品牌增长的必要条件。

从这个视角来看，兴趣电商的想象空间是巨大的，这意味着新品牌们不仅拥有了更简单的启动模式，还拥有了可以尽情翱翔的海阔天空。

1、电商设计：随着中国电子商务迅猛发展，看好电商行业想从事电商工作的人越来越多，天猫、淘宝、京东、聚美优品、唯品会等平台蓬勃发展，电子商务人才奇缺，尤为突出的是电商美工，达到300万以上的缺口。

2、UI设计：近几年，随着互联网技术的快速发展，UI设计师的就业前景一片大好，UI设计行业在全球软件业兴起没多久，专业人才稀缺，人才资源争夺激烈。电商设计，是针对电商平台的宣传物料进行设计的工作；UI设计，是针对网页、软件进行界面与图标美术设计与优化的工作。对于想要从事cg设计相关工作的同学来说，总会在“电商设计和ui设计哪个前景比较好”这个问题上纠结，其实大可不必。

这是为什么呢？因为电商设计从某种意义上来说，是UI设计的下属岗位。也就是说，当我们学习了UI设计后，也是可以从事电商设计相关工作的也就是说，当我们学习了UI设计后，也是可以从事电商设计相关工作的。当然，这与我们掌握的UI设计技能的全面性有关。

再加上如今行业对于UI设计师的要求越来越高，所以在可预见的未来中，学UI设计能够从事更多地相关岗位。

另外，如今关于电商设计、电商运营的人才需求越来越多，技能要求也越来越丰富，所以无论大家是想要从事电商设计，还是UI设计，小编都非常建议大家前往专业的培训机构全面学习相关的技能。而在众多的培训机构中，比较推荐的就是火星时代教育的相关课程了。

火星时代针对这两个岗位，都有着相关的课程，既有短期技能提升班，也有长期就业实训班。在它的UX高级设计师班中，大家将会逐步学习平面设计、网页设计、UI设计、交互设计、三维动效设计、营销设计等技能。

而在近期新升级的课程中，大家还将会进一步学习pr、C4D的高级应用，提升动态视觉设计技能；学习商业摄影与精修的技能，提升商业广告设计，也就是电商设计技术；以及学习三维视觉的广告设计技术等技能。

当然，作为火星时代的长期班，都有着免费的美术预科课程、丰富的项目实训、周到的就业保障服务等，能够帮助我们从美术绘画基础学起，并且在学习的同时通过实践来扎实技术。毕业后，大家还能够通过校园招聘。

凡是用浏览器打开的都可以称之为网页（此处不包含电商）。网页设计可分为展示型网页，功能型网页。展示型网页主要设计一些官网，活动页面等，功能型网页，例如淘宝、携程之类的。网页设计除了设计视觉效果之外，更重要的是考虑用户的操作问题。好的网页设计师可以进行切图、静态网页的编写。网页设计更重要的是能够与前端工程师合作，那么我们应该懂一些网页设计的基本规范。

网页设计的单位：像素；颜色模式：RGB；分辨率：72

主要技能：PS是网页设计最常用的工具，如果能掌握AI或者一款3D（3DMAX、C4D）软件，那么视觉效果会有更多的选择。HTML的编码能力最好也能够具备，实现静态网站，那就更具有竞争力了。

电商设计

这几年电商设计师的薪资水涨船高，电商设计主要分为：店铺电商设计和平台电商设计。店铺电商主要负责店铺产品的拍摄、店铺设计、店铺装修、站内外广告设计等。平台电商是针对电商平台进行的设计，所谓的电商平台例如：淘宝、京东、天猫就是电商平台，当然很有很多很多小众的、行业细分的电商平台，电商平台设计与网页设计师更像。

电商设计的单位：像素；颜色模式：RGB；分辨率：72

主要技能：主要技能：PS是网页设计最常用的工具，如果能掌握AI或者一款3D（3DMAX、C4D）软件，那么视觉效果会有更多的选择。HTML的编码能力最好也能够具备，实现对店铺装修有很大的作用。

最后一点，任何行业只要深入、精通都是高薪。很多时候切莫道听途说，人与亦云。任何具备技术能力的岗位薪资都不会太低。再则，设计对学历要求并不高，只要努力，勤奋，一样高薪。

各有各的优势，看自己兴趣来选择就不会错。

1、UI即User Interface(用户界面)的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。也就是说，UI设计做出来的东西是和用户有互动的，比如我们平常用的手机APP上的设计，就是有互动的，你对它进行某项操作，它会给你一个反馈。

很多人选择学习设计其实都是三分钟热度，最好在学习之前先来做一个小测试

→点击测试我适不适合学设计

2、网页设计师是指精通Photoshop，Coreldraw,Frontpage,Dreamweaver等多项网页设计工具的网页设计人员。网页设计师可以将平面设计中的审美观点套用到网站设计上面来（其区别是动态网页的制作是平面设计不能达到的，它是一种审美方式的延伸）。 网页如门面，小到个人主页，大到大公司、大的政府部门以及国际组织等在网络上无不以网页作为自己的门面。当点击到网站时，首先映入眼帘的是该网页的界面设计，如内容的介绍、按钮的摆放、文字的组合、色彩的应用、使用的引导等等。这一切都是网页设计的范畴，都是网页设计师的工作。

天琥教育的UI课程是特邀中国UI设计专家，知名互联网企业项目总监为您授课，倾情传授UI设计精髓。而且在课程中，我们选择知名企业的经典UI设计案例为您全程精讲，帮助您掌握其实用的方法。并且，我们的UI课程实行超小班授课，严格限定学习人数，让学员的学习效果成倍提升。