专题页设计不再困扰,3个实例揭示简单技巧!

特别页面是电子商务领域设计的重要组成部分。销售能否取决于这里的活动运营水平。除了每年固定的节假日外,电子商务平台还会在季节变化、开学季节等时间点举办大型促销活动,有时还会自己制作节日。这些活动都涉及到特别页面的设计。在这篇文章中,让我们分析一下电子商务的例子,看看特别页面的设计是否像你想象的那么困难?

#1主题页的组成

为了获得更多的点击,电子商务平台推出的主题页面设计非常华丽,蒸汽波浪风、故障艺术风、C4D三维风,简而言之,各种高,用视觉盛宴诱惑眼睛。

然而,在剥去华丽的美学外套后,主题页只是由一个头部横幅组成的、由几个楼层模块、背景/点缀和底部Banner组成的长长图。

在另一个层面上,安妮是由什么组成的?一般来说,安妮设计包括文案、物理图片或模型、背景、图形和装饰元素等方面。

#2专题页设计视觉风格

主题页面的设计风格取决于活动的对象和主题。下图是拼多多“真香节”的两种完全不同的设计,更符合用户群体的特点。一种是蒸汽波艺术风格,在年轻人中非常流行,华丽、酷、奇怪、荒谬。一种是长辈中流行的中老年表情包风格,简单、真实。

从这个案例来看,在确定了主题页面的整体风格方向后,设计变得更加简单,颜色和元素都是根据设计风格来选择的。地板模块的设计重点是清晰地显示产品信息,包括图片、价格、折扣等,一般来说,这个地方的设计非常简单。

即时设计 - 可实时协作的专业 UI 设计工具即时设计是一款支持在线协作的专业级 UI 设计工具,支持 Sketch、Figma、XD 格式导入,海量优质设计资源即拿即用。支持创建交互原型、获取设计标注,为产设研团队提供一站式协同办公体验。icon-default.png?t=N7T8https://js.design/practice?source=csdn&plan=bttcsdn01183

#3专题页设计实例分析

在天猫、京东、唯品会等众多电子商务平台中,尽管定位不同,网易的严格选择也是其中之一。

严格选择的视觉设计是典型的日本极简主义风格,轻装饰,重纹理,有点冷,但也不会失去温暖。无论是颜色搭配还是商品图片的拍摄,都给人一种质量、舒适、简单、安静的感觉。

网易严格挑选的专题页面设计也保持了与品牌一致的色调。下图是开学季专题页头部的安妮图。安妮主要是绿色的,背景是浅黑板粉笔画,色彩和元素营造出强烈的校园场景感

这个主题页面有很多楼层,网易严格选择不同的颜色来区分,并使用一致的横幅设计风格来保持一致性。

仔细品味和引导banner的设计,设计师对文案层次和田字格风格的把握,可以更快更优雅地传达主题。

除了地板横幅的低饱和度色系外,整个主题页面的颜色数量很少,而且大多以装饰色的形式出现,如红色、橙色、金色等,页面设计简单干净,突出了质量和高端纹理。尾巴横幅的设计延续了头部的风格,整体视觉系统非常完整,色调相对统一。

简而言之,极简主义有简单的好处,高大也有它受欢迎的原因。设计不是风格,而是设计的逻辑。能否正确快速地将特殊活动的信息传递给观众是衡量设计成功与否的关键问题。

在线设计平台即时设计提供了大量免费的电子商务设计模板,涵盖海报、banner、详情页、优惠券等类型,以及百种中文字体、千万版权图片等设计材料。

如果您担心电子商务设计,最好尝试模板,在线更换图片和文案,每分钟绘制图片,但也能保持统一的视觉调性,无论设计需求有多大。

只要是即时设计,你的设计材料都来自我们的材料库,那么你的作品就不用担心侵权的风险,可以商业使用,跟随每周临摹。手把手教你进行专题页设计,新手也不用担心。

即时设计 - 可实时协作的专业 UI 设计工具即时设计是一款支持在线协作的专业级 UI 设计工具,支持 Sketch、Figma、XD 格式导入,海量优质设计资源即拿即用。支持创建交互原型、获取设计标注,为产设研团队提供一站式协同办公体验。icon-default.png?t=N7T8https://js.design/practice?source=csdn&plan=bttcsdn01183

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/330833.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

pyrender复现pytorch3d渲染结果

pyrender复现pytorch3d渲染结果 一、写在前面1.1 pyrender渲染时间 ≈ 0.02s1.2 Pytorch3D渲染时间 ≈ 4s 二、pytorch3d的渲染函数2.1 PyTorch3D 库创建了一个颜色渲染器(color_renderer)对象,并配置了相机、光照和渲染设置。2.2 PyTorch3D …

旅游项目day03

1. 前端整合后端发短信接口 2. 注册功能 后端提供注册接口,接受前端传入的参数,创建新的用户对象,保存到数据库。 接口设计: 实现步骤: 手机号码唯一性校验(后端一定要再次校验手机号唯一性&#xff09…

【图形学】颜色线性插值和Wu反走样算法

颜色线性插值 绘制一条颜色渐变的直线,直线上每一个点的颜色都来自端点颜色的线性插值。线性插值公式为 P ( 1 − t ) P s t a r t t P e n d P 是直线上任意一个点, P s t a r t 是直线的起点, P e n d 是直线的终点 对应直线上任意一点…

gin+gorm增删改查目录框架

从网上找资料,发现,很多都是直接的结构 路由,后端的controller层,还有model层,都是放在了同一个main.go文件中,如果写项目的话,还得自己去拆文件,拆代码,经过查询和自己总结,下面放…

计算机网络——数据链路层(1)

一、概述 在计算机网络中,数据链路层承担着点对点通信的任务,用于跨物理层在网段节点之间参数数据。它在网络分层中处于物理层之上,网路层之下。 在链路层的讨论中,我们将看到两种截然不同类型的链路层信道。第一种类型是广播信道…

数字身份所有权:Web3时代用户数据的掌控权

随着Web3时代的来临,数字身份的概念正焕发出崭新的光芒。在这个数字化的时代,用户的个人数据变得愈加珍贵,而Web3则为用户带来了数字身份所有权的概念,重新定义了用户与个人数据之间的关系。本文将深入探讨Web3时代用户数据的掌控…

【竞技宝】DOTA2:世一C遇到瓶颈? yatoro直言一号位上分太难了

北京时间2024年1月18日,spirit在去年再次拿到了TI国际邀请赛的冠军,成为了OG之后第二支两次在世界赛夺冠的战队,在夺冠之后,spirit直接给选手们放了假。此前AR夺冠的ESL吉隆坡站的比赛,spirit战队就并未参加&#xff0…

视频转码实例:把MP4转为MKV视频,一键批量转换的操作方法

在数字媒体时代,视频格式的多样性是不可避免的。经常把MP4格式的视频转换为MKV格式。MKV格式有较高的音频和视频质量,能在其他设备或软件上播放视频。以下是云炫AI智剪如何把MP4视频转为MKV格式的一键批量转换操作方法。 已转码的mkv视频效果缩略图展示…

kubernetes pod 高级

一、pod资源限制 1、什么是pod的资源限制 在Kubernetes集群中,为了使系统能够稳定的运行,通常会对Pod的资源使用量进行限制。 在Kubernetes集群中,如果有一个程序出现异常,并占用大量的系统资源。如果未对该Pod进行资源限制的话…

Git学习笔记(第4章):Git分支

目录 4.1 分支的概述 4.1.1 什么是分支 4.1.2 分支的好处 4.2 查看分支(查) 4.3 创建分支(增) 4.4 切换分支 4.5 修改分支(改) 4.6 合并分支(正常合并) 4.7 合并分支&#…

CGAL最小生成树、可视化

CGAL 5.4.5 - Surface Mesh: User Manual 1、Kruskal计算最小生成树 #include <CGAL/Simple_cartesian.h> #include <CGAL/Surface_mesh.h> #include <boost/graph/kruskal_min_spanning_tree.hpp> #include <iostream> #include <fstream> #inc…

贝塞尔曲线(Bezier Curve)原理、公式推导及matlab代码实现

目录 参考链接 定义 直观理解 公式推导 一次贝塞尔曲线&#xff08;线性公式&#xff09; 二次贝塞尔曲线&#xff08;二次方公式&#xff09; 三次贝塞尔曲线&#xff08;三次方公式&#xff09; n次贝塞尔曲线&#xff08;一般参数公式&#xff09; 代码实现 参考链接…

群晖NAS搭建WebDav结合内网穿透实现公网访问本地影视资源

&#x1f49d;&#x1f49d;&#x1f49d;欢迎来到我的博客&#xff0c;很高兴能够在这里和您见面&#xff01;希望您在这里可以感受到一份轻松愉快的氛围&#xff0c;不仅可以获得有趣的内容和知识&#xff0c;也可以畅所欲言、分享您的想法和见解。 推荐:kwan 的首页,持续学…

2024华数杯国际数学建模B题思路+代码+模型+论文

2024华数杯国际数学建模B题思路代码模型论文&#xff1a;1.17上午第一时间更新&#xff0c;详细内容见文末名片 问题B&#xff1a;光伏电 背景 中国的电力构成包括传统的能源发电&#xff08;如煤炭、石油和天然气&#xff09;、可再生能源发电 &#xff08;如水力发电、风能…

OpenGL:关于纹理映射时任意四边形中的插值问题(二)

OpenGL&#xff1a;关于纹理映射时任意四边形中的插值问题-CSDN博客 上次是使用逆双线性插值的方法解决四边形纹理映射时产生的折痕问题。 其实也有点问题&#xff0c;就是双线性插值会使得纹理产生一点扭曲。 不是投影的效果。 想达到纹理投影的效果&#xff0c;可以使用透…

AndroidStudio下载安装教程

下载链接&#xff1a;官方下载 https://developer.android.google.cn/studio?hlzh-cn点击后弹出条款及条件页面&#xff0c;往下滑&#xff0c;勾选同意&#xff0c;然后就点击下载&#xff0c;等待下载完成 下载完成后双击打开&#xff0c;Next 继续Next 选择安装路径&am…

行列转化【附加面试题】

在MySQL中&#xff0c;行列转换是一种常见的操作。它包括行转列和列转行两种情况。 行转列&#xff1a;行转列是将表中的某些行转换成列&#xff0c;以提供更为清晰、易读的数据视图。例如&#xff0c;假设我们有一个包含科目和分数的表&#xff0c;我们可以使用SUM和CASE语句…

C++(13)——string

上篇文章中介绍了中部分函数的用法&#xff0c;本篇文章将继续对其他的函数进行介绍&#xff1a; 1. substr: string substr (size_t pos 0, size_t len npos) const; 函数的两个参数如上述代码所示&#xff0c;此函数的主要作用是根据一个已有的的对象的起始坐标开始&a…

基于python集成学习算法XGBoost农业数据可视化分析预测系统

文章目录 基于python集成学习算法XGBoost农业数据可视化分析预测系统一、项目简介二、开发环境三、项目技术四、功能结构五、功能实现模型构建封装类用于网格调参训练模型系统可视化数据请求接口模型评分 0.5*mse 六、系统实现七、总结 基于python集成学习算法XGBoost农业数据可…

我终于学会的前端技能——代码调试、打断点

在技术的世界里&#xff0c;要用魔法来打败魔法 说来惭愧我做前端已近三年了竟然还没有学会如何调试代码&#xff0c;也就是给自己的代码打上断点一步步看它的运行状态以达到理清代码运行逻辑、排查问题提升开发效率的目的。直到最近我才学会了这一技能&#xff0c;在这之前我…