2024年网页首屏设计(推荐3篇)

网页首屏设计 第1篇

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

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

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

宽度1440-1920间做可有可无的元素,用于从主视觉延伸出来的,或者是用于细节表现的;对于这一部分的表现,属于最后再完善的地方,中心还是在主视觉区域的刻画上。

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

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

网页首屏设计 第2篇

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

首屏,第一目的是突出活动。

首屏,不能以为完成首屏设计就完成了全部设计的心态去思考。

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

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

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

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

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

1920*1080分辨率:

1366*768分辨率:

最后得出的结论就是:

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

网页首屏设计 第3篇

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

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

猜你喜欢

热门内容