249045439
网站设计

电子商务网站建设剖析—首屏设计

发表日期:2024-02-19   作者来源:www.vaisoft.com   浏览:0   标签:网站建设    

在电子商务行业里浸淫多年,发现越是基础的内容越是容易忽视。今天将这6年来收拾的入门知识和要素整理给大伙。

1、 基础技法

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

什么是首屏?

首屏,第一眼的视觉设计

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

首屏,是信息传达的起点

首屏,是电子商务与平面设计所不一样的地方之一。

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

首屏设计如何做?

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

点出闪光点电子商务网站建设剖析—首屏设计

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

2. 设计紧跟现有时尚设计趋势

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

点出卖点电子商务网站建设剖析—首屏设计就是活动力度。在早年间的电子商务活动策划中,重打折,拼价格还是第一的。

首屏,主要功能就是把标题、打折信息适当的放在固定的高度中,让用户打开专题或者门店时第一眼看到信息。

表现卖点的办法有电子商务网站建设剖析—首屏设计提示向下,只有首屏的视觉总是不够,在电子商务视觉中并非做完首屏后整体设计工作即使完成了。

在常规的需要中,首屏下面总是是更为要紧的单品罗列及要紧的活动呈现,借助首屏(第一眼)的优势抓住眼球,并且通过视觉,引导用户向下参与发现有兴趣的活动或产品,如此的首屏设计才会更有用。

表现引导的办法有电子商务网站建设剖析—首屏设计首屏多大合适

首屏高度的具体值并非千篇一律的,首屏的高度界定,只不过对主要信息画个安全框而已,用来保证用户在打开页面时第一眼看到的信息是完整和直接的。

首屏的高度值等于用现有主流用户的电脑设施分辨率「减去」浏览器环境大小。

为此我特意查到一篇来自广告公司AdDuplex的云数据统计,和百度流量研究院的分辨率用状况。其中下图中(二个分辨率仍是目前主流)

△ 广告公司AdDuplex 云数据显示(最主流的PC屏幕分辨率依旧是1366×768,而Windows 10系统下依旧有近34%的设施维持这个分辨率,只有27%以上的PC在全好看的或者更高级别)

1920*1080分辨率电子商务网站建设剖析—首屏设计

最后得出的结论就是电子商务网站建设剖析—首屏设计

1. 首屏,高度并非死的,可以参考不一样的设计需要和活动目的灵活调整。

2. 首屏,最基本的规律电子商务网站建设剖析—首屏设计

上面说的是首屏高度对于主要信息的影响,下面大家再来讲下首屏宽度对于设计宽度外的发挥空间。

如上图所示,宽度990-1100间做主要的视觉元素和标题,对于这么宽的地方,在刻画了主体后还有非常大的留白可用。

宽度1100-1440间做一些辅助的,用于烘托环境的元素,譬如电子商务网站建设剖析—首屏设计

2、 基础方法

明确需要时间

通过面对面的和运营交流后,知道大概需要和看到框架后,你应该对我们的工作量有一个知道。在电子商务行业中,3天做完一个中型或大型活动的事情是常有些需要,所以在规定的时间内,怎么样准确的找准需要点,并且集中精力做好,其实真的非常训练人。

常见的方法电子商务网站建设剖析—首屏设计当你一眼看到这个需要,想法如泉涌时,那样你就抓住这个感觉,在一天左右的时间里迅速的完成初稿和大致构图。然后可以适合休息下,想想下面的内容如何做。

小结

它的重要程度就是叫你在特定的时间内针对性的提升。当然,你对需要理解的越准确。你花费的时间也就越少。

明确的时间并非用来困住你,而是叫你把问题解决得更高效,这个问题不止是需要,也是指全神贯注的集中考虑。

长图要折分

做电子商务需要少则3000px以上,多则10000+高度,都是常有些事,对一般或中等配置的电脑来讲,卡死或保存不了或打开需要1分钟的现象是容易见到的问题之一。

一个平台型大活动页面的设计需要,分工协作是不可少的一种方法。

常见的方法电子商务网站建设剖析—首屏设计活动入口和单品推荐的在设计上一定不同,前者是要依据整体风格去表现,多以颜色结合人物加文案的形式出现;后者是以卖货为主,明确的告诉用户价格、名字即可。

小结

折分文件并不意味着每一个文件里的设计元素和风格相互脱离,而是为了提升效率分工协作的一种工作方法。假如需要是分配给不一样的设计师去设计的话,那样在前期内部的风格设计,元素设计上就要有规范,模版,就要有共用的元素,最后让相互分开的文件,合在一块也是个整体。

模拟上线成效

为了让需要方更好的设想出设计稿后期上线的成效,包含它在浏览器中、界面中、不同设施中的预览成效,大家在完成设计后,有必要去把做好的设计稿植入到整体环境中进行细节的调整。

举例电子商务网站建设剖析—首屏设计

1. 把首页设计稿置入到完整的加了(浏览器用环境和平台网站用环境)的截图进行整体预览。

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

小结

模拟上线的成效是为了让需要方愈加明确的设想到上线后的真实成效,同时也可以更好的进行设计的整体查询。

本文标题电子商务网站建设剖析—首屏设计

如没特殊注明,文章均为博益网 原创,转载请注明来自http://www.ziyubo.com/news/sheji/9056.html