无法在这个位置找到: head2.htm
当前位置: 建站首页 > 合作伙伴 >

电商网站规划分析—首屏设计

时间:2020-07-03 00:20来源:凡科 作者:admin 点击:
短视频,自媒体,达人种草一站效劳在电商职业里浸淫多年,发现越是基础的内容越是容易疏忽。今天将这6年来整理的基础常识和要点整理给我们。一. 基础技法首屏重设计这里说的首

电商网站规划分析—首屏设计


短视频,自媒体,达人种草一站效劳

在电商职业里浸淫多年,发现越是基础的内容越是容易疏忽。今天将这6年来整理的基础常识和要点整理给我们。

一. 基础技法

首屏重设计这里说的首屏设计,指平台类的专题头图或者店肆类的首屏

什么是首屏?

首屏,第一眼的视觉规划

首屏,是不拖滚动条直接看到的方位。

首屏,是信息传达的出发点

首屏,是电商与平面设计所不同的当地之一。

首屏,是否精彩直接关系到用户停留时间。

首屏设计怎么做?

我整理了5个关于首屏设计的规律。

点出亮点:摆出美观

首屏,既是开宗明义的亮点表达,又是一个由点到全体的区块设计;

对首屏的设计时长往往会占我们全体设计时间的40%左右,假如不能在第一眼抓住用户的眼球,给用户视觉打上一种记忆点的话,就会直接下降用户对活动,对店肆的印象。

体现亮点的方法有:

1. 案牍和活动策划的新颖

2. 设计紧跟现有盛行设计趋势

3. 用故事化的方式去设计卖货场景

点出卖点:说出扣头

首屏,吸引用户的第二点:就是活动力度。在早年间的电商活动策划中,重扣头,拼价格仍是首位的。

首屏,主要功用就是把标题、扣头信息合理的放在固定的高度中,让用户打开专题或者店肆时第一眼看到信息。

体现卖点的方法有:

1. 直接扣头

2. 福利优惠

3. 主推产品特点

点出引导:提示向下,只有首屏的视觉往往不行,在电商视觉中其实不是做完首屏后全体设计工作就算完成了。

在常规的需求中,首屏下面往往是更为重要的单品罗列及重要的活动呈现,使用首屏(第一眼)的优势抓住眼球,并且通过视觉,引导用户向下参加发现感爱好的活动或产品,这样的首屏设计才会更有用。

体现引导的方法有:

1. 元素具有明确的向下指引性

2. 重点活动一屏到二屏间露出

回忆一下首屏设计根本要点

看全

一眼看到重要信息

页面全体风格体现

不只做首屏

小结

首屏,是对全体页面空间的合理使用,是对全体活动信息的直观呈现。

首屏,第一意图是突出活动。

首屏,不能认为完成首屏设计就完成了悉数设计的心态去考虑。

高度的安全:首屏多大合适

首屏高度的详细值其实不是原封不动的,首屏的高度界定,只是对主要信息画个安全框罢了,用来保证用户在打开页面时第一眼看到的信息是完好和直接的。

首屏的高度值等于用现有干流用户的电脑设备分辨率「减去」阅读器环境巨细。

为此我特意查到一篇来自广告公司AdDuplex的大数据核算,和百度流量研讨院的分辨率使用状况。其间下图中(二个分辨率仍是现在干流)

△ 广告公司AdDuplex 大数据显示(最干流的PC屏幕分辨率仍然是1366 768,而Win10体系下仍然有近34%的设备坚持这个分辨率,只有27%以上的PC在全高清或者更高等级)

1920*1080分辨率:

1366*768分辨率:

终究得出的结论就是:

首屏高度一定要控制在450-760内!

小结:

1. 首屏,高度其实不是死的,可以依据不同的规划需求和活动意图活络调整。

2. 首屏,最根本的规律:重要信息一定在视觉安全高度内。

3. 首屏,设计时保证主要信息一眼可见。

安全区两侧:

上面说的是首屏高度关于主要信息的影响,下面我们再来说下首屏宽度关于设计宽度外的发挥余地。

如上图所示,宽度990-1100间做主要的视觉元素和标题,关于这么宽的方位,在描写了主体后还有很大的留白可用。

宽度1100-1440间做一些辅助的,用于烘托氛围的元素,比如:现在盛行的放各种飞着的圆球等。

宽度1440-1920间做无足轻重的元素,用于从主视觉延伸出来的,或者是用于细节体现的;关于这一部分的体现,属于终究再完善的当地,中心仍是在主视觉区域的描写上。

以上所说的是电商视觉中专题或店肆类首屏设计的特点和尺寸基础的总结,可是假如你是做全体专题视觉的话,它只是整页视觉傍边的一小块,更多的是以全体性的完成度和视觉连接为主的。

那共享了基础技法后,我们再来共享几个做电商视觉常碰到的细节:

二. 基础技巧

明确需求时间

通过面对面的和运营交流后,了解大约需求和看到框架后,你应该对自己的工作量有一个了解。在电商职业中,3天做完一个中型或大型活动的事情是常有的需求,所以在规则的时间内,怎么精确的找准需求点,并且集中精力做好,其实真的很锻炼人。

常用的技巧:

1. 有活动需求时,坐下来交流,假如前期需求方给你框架图了,那么你在和需求方交流前可以针对性的准备一些合适这个事例或者风格的参考图片,和需求方会面。

2. 在开始确认感觉没有问题后,依据需求量的巨细,依据自己当时的大脑状态,把自己的时间调成对应的形式。举个例子:当你一眼看到这个需求,灵感如泉涌时,那么你就抓住这个感觉,在一天左右的时间里快速的完成初稿和大致构图。然后可以适当歇息下,想一想接下来的内容怎么做。

小结

它的重要性就是让你在特定的时间内针对性的提高。当然,你对需求了解的越精确。你花费的时间也就越少。

明确的时间其实不是用来困住你,而是让你把问题解决得更高效,这个问题不只是需求,也是指全神灌输的集中考虑。

长图要折分

做电商需求少则3000px以上,多则10000+高度,都是常有的事,对一般或中等装备的电脑来说,卡死或保存不了或打开需要1分钟的现象是常见的问题之一。

一个平台型大活动页面的规划需求,分工协作是不可少的一种方式。

常用的技巧:

1. 文件划分是功德,可是文件内图层组的划分也很重要。去掉多余,或者兼并、栅格一些图层后,不只能快速找到相应的图层,还可以下降文件的巨细。

2. 文件内不同的进口设计也不一样。举个例子:活动进口和单品引荐的在设计上肯定不同,前者是要依据全体风格去体现,多以色彩结合人物加案牍的形式呈现;后者是以卖货为主,明晰的通知用户价格、名称即可。

小结

折分文件其实不意味着每一个文件里的设计元素和风格彼此脱离,而是为了进步功率分工协作的一种工作技巧。假如需求是分配给不同的设计师去设计的话,那么在前期内部的风格设计,元素设计上就要有标准,模版,就要有共用的元素,终究让彼此分开的文件,合在一同也是个全体。

模仿上线效果

为了让需求方更好的想象出设计稿后期上线的效果,包括它在阅读器中、界面中、不同设备中的预览效果,我们在完成设计后,有必要去把做好的设计稿植入到全体环境中进行细节的调整。

举个例子:你做的是某专题的弹出窗,假如你单独做,也没问题。可是很有可能会和全体专题视觉有出入。这时候就需要把设计稿植入到全体中,进行统一。

常用的技巧:

1. 把官网设计稿置入到完好的加了(阅读器使用环境和平台网站使用环境)的截图进行全体预览。

2. 把某个弹窗元素,置入到完好设计稿中进行预览。

小结

模仿上线的效果是为了让需求方更加明晰的想象到上线后的真实效果,同时也能够更好的进行设计的全体查看。

A5创业网为电商提供优质途径推广,带货案牍撰写,微信大众号、抖音短视频等途径投放,概况请扫描二维码:


(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: ajaxfeedback.htm
栏目列表
推荐内容


扫描二维码分享到微信

在线咨询
联系电话

400-888-8866