网站建设中的布局规划如何做

2023-11-24    分类: 网站建设

根据当前的分屏设计,一个完整的详细信息页面可能约为10个屏幕。 从第一个屏幕到最后一个屏幕,这对于详细信息页面的整体显示非常重要。

但是在实际工作中,许多设计师喜欢过分强调第一个聚焦图(第一个屏幕),而忽略了其他部分,尤其是产品参数。

因为此模块的大部分位于详细信息页面的末尾,所以它离末尾越近,越容易忽略细节。 粗糙会使细节页面的正面和背面之间的视觉感知差异太大且不合时宜。

所谓的细节决定成败,特别是对于这样的整体设计作品,应该更多地关注视觉和细节的连续性。

因此,今天我将重点介绍在详细信息页面中最容易忽略的产品参数模块。 如何使其更丰富多彩?

顾名思义,产品参数是详细的产品信息,例如:尺寸,材料,颜色等,主要是文字信息。 下面我们根据不同的显示形式对它们进行分类。

1.纯文本

这也是最常见的表达形式。 产品的特定参数直接以文本形式显示,但是即使是简单的文本信息也并不意味着每个人都能做好:

如何设计在产品详细信息页面中最容易被忽略的产品参数模块?

这是读者要求我查看的详细信息页面中的产品参数模块。 尽管全部是文本信息,但很明显,该模块并不令人满意,并且有点粗糙。

尽管主要和次要信息做得很好,但最直接的视觉混乱原因是:标题和描述性文字在中心对齐,但描述性文字在内部左对齐,因此总体空白和对齐方式有很大不同 这些规则使视觉感知变得混乱。

实际上,只要主要和次要关系,对齐方式和空白都做得很好,纯文本的产品参数就不会感到不好。 与上述情况的表达形式一样,它在日常工作中也经常使用。

您可以继续优化和改进,但是纯文本形式的产品参数是继续优化的前提。 如果在上述图片的基础上添加一些光影效果,则将使该模块的视觉体验更加丰富:

如何设计在产品详细信息页面中最容易被忽略的产品参数模块?

正如我在上一篇有关详细页面制作的文章中所说的那样,这种光效果在早期的详细页面设计中非常有用。 甚至简单的文本布局,再加上光影效果,都会给人留下深刻的印象。 明亮的感觉。

设计中最重要的事情是发散思维,多思考,大胆思考,然后再考虑细节。

即使是所有文本信息,视觉呈现效果也大不相同,优秀的设计人员也不会错过任何模块的细节。

2.合并产品图片

制作产品详细信息页面的目的是双重的:允许用户对产品有更深入的了解并促进购买。 因此,为了使产品参数信息更直观,文本和产品经常相互组合,也可以在一定程度上增加。 关联。

为了更直观,这种数据和产品集成形式将一些常用数据(例如产品的长度,宽度和高度)以线条标记的形式反映在产品图上。

网站栏目:网站建设中的布局规划如何做
网站路径:/news34/296284.html

成都网站建设公司_创新互联,为您提供营销型网站建设网站改版响应式网站做网站外贸网站建设品牌网站设计

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

绵阳服务器托管