优秀设计的秘密
Posted: Tue Dec 10, 2024 8:36 am
黄金比例法则和三分法则在设计中的应用已有数百年历史。它们已经过测试并且可以工作，因此只需将它们投入使用即可。
黄金比例。
很明显，这里的所有内容都是使用相当复杂的公式计算的，但它们对你没有用处。你只需要知道，根据黄金比例规则，图像的比例将是：3/2、5/3等。这种方法适用于任何块（有图片、文字、照片）的选择和放置、网站的字体大小等。
黄金比例
三分法则。
这条规则的本质是什么？只需将 饭团数据库 任何网站页面分为三个相等的部分（高度和宽度）。将出现交点。请记住，这些是最先引起用户注意的地方。因此，将所有最重要的东西都放在这里，例如，“购买”按钮，或有关折扣的公告，或购物车 - 一般来说，所有对您来说最重要的东西。
三分法则
创建在线商店网站的主页设计
创建在线商店设计时，您应该考虑某些规则，并且它们对于不同的部分是不同的。
网上商店首页设计
网上商店首页设计
这是一个应该完全吸引用户并为他提供尽可能多的有关该网站的信息的页面。当然，设计在这里很重要。以下是一些提示：
导航并不一定很困难。字面意思是主菜单、部分、类别和子类别。按类别、品牌或组合这些标签来组织产品，但无论如何，请遵守三击规则。也就是说，在第三次点击鼠标时，用户应该已经在他面前看到了他正在寻找的产品。例：女装（款）® 连衣裙（品类）® 长红色连衣裙 ZARA（产品）。当品种列表很宽时，设置这样的快捷方式是相当困难的。过滤器在这里会有所帮助（按价格、材料、颜色等）。 InSales University 有一篇关于在线商店结构的好文章。
在页面顶部（不要将其推下）立即放置引人注目的横幅，其中包含有关销售、折扣和促销的信息。以粗体和明亮的方式突出显示折扣金额（具体数字、百分比）。
如果您还不打算进行广泛的销售，请通过“畅销产品”部分来吸引注意力，其中列出了当前最受欢迎的产品。展示人们最常从您这里购买的商品，新客户会出于好奇而来找您。
在主页上放置有关公司的故事，并添加精美的照片。另外，请在此处解释如何使用该网站。为此最好使用可视化（图表、绘图等）。
网上商店产品卡设计
网上商店产品卡设计
以下是一些重要规则：
高质量的照片（最好是几张）。不要拍摄库存照片 - 给人们几张从各个侧面展示产品的图像，必要时使用专业模特进行拍摄。如果你在照片中添加视频那就太好了；
信息块应包括产品项目的描述（主要参数、价格）以及社交网络图标。请注意将所有这些元素正确放置在页面上。考虑到用户的行为模型（它们已经被研究和了解了很长时间），记住一个人通常首先看什么，以及他可能根本不注意什么。左上角写商店名称，顶行写产品名称，然后是价格，然后将购物车放在右侧；
在设计网上商店产品卡时，应特别强调价格，因为它是大多数买家的决定因素。价格应该写得又大又亮。请务必告知折扣（如果有）并添加社交媒体图标。任何分享您商店信息的人都会为您提供广泛且免费的广告。
号召性用语按钮
号召性用语 (CTA) 按钮
大多数在线商店使用“购买”或“添加到购物车”按钮。很难明确地说哪一个更有效：这两种选择都被积极使用。重要的是：
颜色的选择。根据网页设计规则，号召性用语按钮应该立即引人注目，但要确保其颜色与页面的整体设计和谐契合。
写在按钮上的文字。它应该邀请，而不是吓跑。已验证选项：“购买”、“添加到购物车”。如果你想发挥创意，请！写下：“别想太多，点击！”，但前提是你很了解目标受众的习惯，并且确信你不会用这样的吸引力吓跑任何人。提供注册以换取一些有用的东西，例如免费课程、课程、个人选择的合适产品等，效果很好。
方便。据统计，正是在这个阶段，大量用户被淘汰出渠道。也就是说，人们进来寻找产品，看看他们需要什么，但不填写申请。原因通常是按钮的不便。在线销售商店中的号召性用语按钮的设计不应太繁琐（需要多步骤注册、验证码或验证图像、需要填写大量行）。也就是说，这里不仅按钮的外观很重要，而且按钮下面隐藏的内容也很重要。首先考虑客户的便利性。与设计师讨论字段数量和注册条件。例如，您可以通过社交网络在全球速卖通（而不仅仅是那里）上注册。
网上商店购物车设计
网上商店购物车设计
在线商店购物车的设计对于销售的重要性不亚于已经列出的元素。这里的规则是：
最佳位置位于页面顶部的右侧。无需考虑太久，它已经经过测试并且有效；
购物车图标本身应该足够大，以便买家能够立即注意到；
颜色也最好要鲜艳、突出；
立即向用户显示购物车中的内容：让他一直看到他要买的东西（这样他就不会忘记或改变主意）；
让设计师确保当客户将鼠标悬停在购物车中收集的商品列表时，立即出现在客户面前。这意味着一个人即使不点击（不去购物车）也可以看到他的所有产品；
在购物篮内部，不仅要有产品的名称（和描述），还要有照片和产品卡的链接。然后，一个人就可以随时再次研究所选择的位置，并与其他人进行比较；
确保当一个人将商品放入购物车时，他会立即看到有关其订单和交货条件的信息。这是重要信息，因此不要让客户在整个网站上搜索它。
使在线商店设计畅销的 11 件事
用户必须了解他在哪里。
在不到三秒钟的时间内，访问者应该知道他在哪里。没有人愿意等待很长时间才能弄清楚。因此，请确保主页上的所有内容都清晰易懂。考虑一下网站图标：让它显示您拥有的网站类型，或者将公司徽标放在其中。您不应该立即在访问者面前倾倒模态窗口、弹出窗口，例如，您需要指示您的城市，或者有促销活动的广告等。许多人不想费心关闭这些额外的窗口，而只是离开该网站。
例如，有一个销售珠宝的网站，每个访问者进入后都会立即出现一个巨大的弹出窗口。
搜索栏应该是可见的。
在线商店的良好设计意味着网站上存在方便的搜索。一旦一个人了解到商店的品种适合他，他就会开始寻找合适的产品。你的转化率和收入都取决于它的便利程度。
搜索栏的最佳位置是右上角。这个位置是由古腾堡图确定的。它的本质是什么？据透露，一个人首先注意页面顶部的内容，然后将目光从左向右（仍然在顶部）移动，然后斜向左下角，然后才到向右和向下。
黄金比例。
很明显，这里的所有内容都是使用相当复杂的公式计算的，但它们对你没有用处。你只需要知道，根据黄金比例规则，图像的比例将是：3/2、5/3等。这种方法适用于任何块（有图片、文字、照片）的选择和放置、网站的字体大小等。
黄金比例
三分法则。
这条规则的本质是什么？只需将 饭团数据库 任何网站页面分为三个相等的部分（高度和宽度）。将出现交点。请记住，这些是最先引起用户注意的地方。因此，将所有最重要的东西都放在这里，例如，“购买”按钮，或有关折扣的公告，或购物车 - 一般来说，所有对您来说最重要的东西。
三分法则
创建在线商店网站的主页设计
创建在线商店设计时，您应该考虑某些规则，并且它们对于不同的部分是不同的。
网上商店首页设计
网上商店首页设计
这是一个应该完全吸引用户并为他提供尽可能多的有关该网站的信息的页面。当然，设计在这里很重要。以下是一些提示：
导航并不一定很困难。字面意思是主菜单、部分、类别和子类别。按类别、品牌或组合这些标签来组织产品，但无论如何，请遵守三击规则。也就是说，在第三次点击鼠标时，用户应该已经在他面前看到了他正在寻找的产品。例：女装（款）® 连衣裙（品类）® 长红色连衣裙 ZARA（产品）。当品种列表很宽时，设置这样的快捷方式是相当困难的。过滤器在这里会有所帮助（按价格、材料、颜色等）。 InSales University 有一篇关于在线商店结构的好文章。
在页面顶部（不要将其推下）立即放置引人注目的横幅，其中包含有关销售、折扣和促销的信息。以粗体和明亮的方式突出显示折扣金额（具体数字、百分比）。
如果您还不打算进行广泛的销售，请通过“畅销产品”部分来吸引注意力，其中列出了当前最受欢迎的产品。展示人们最常从您这里购买的商品，新客户会出于好奇而来找您。
在主页上放置有关公司的故事，并添加精美的照片。另外，请在此处解释如何使用该网站。为此最好使用可视化（图表、绘图等）。
网上商店产品卡设计
网上商店产品卡设计
以下是一些重要规则：
高质量的照片（最好是几张）。不要拍摄库存照片 - 给人们几张从各个侧面展示产品的图像，必要时使用专业模特进行拍摄。如果你在照片中添加视频那就太好了；
信息块应包括产品项目的描述（主要参数、价格）以及社交网络图标。请注意将所有这些元素正确放置在页面上。考虑到用户的行为模型（它们已经被研究和了解了很长时间），记住一个人通常首先看什么，以及他可能根本不注意什么。左上角写商店名称，顶行写产品名称，然后是价格，然后将购物车放在右侧；
在设计网上商店产品卡时，应特别强调价格，因为它是大多数买家的决定因素。价格应该写得又大又亮。请务必告知折扣（如果有）并添加社交媒体图标。任何分享您商店信息的人都会为您提供广泛且免费的广告。
号召性用语按钮
号召性用语 (CTA) 按钮
大多数在线商店使用“购买”或“添加到购物车”按钮。很难明确地说哪一个更有效：这两种选择都被积极使用。重要的是：
颜色的选择。根据网页设计规则，号召性用语按钮应该立即引人注目，但要确保其颜色与页面的整体设计和谐契合。
写在按钮上的文字。它应该邀请，而不是吓跑。已验证选项：“购买”、“添加到购物车”。如果你想发挥创意，请！写下：“别想太多，点击！”，但前提是你很了解目标受众的习惯，并且确信你不会用这样的吸引力吓跑任何人。提供注册以换取一些有用的东西，例如免费课程、课程、个人选择的合适产品等，效果很好。
方便。据统计，正是在这个阶段，大量用户被淘汰出渠道。也就是说，人们进来寻找产品，看看他们需要什么，但不填写申请。原因通常是按钮的不便。在线销售商店中的号召性用语按钮的设计不应太繁琐（需要多步骤注册、验证码或验证图像、需要填写大量行）。也就是说，这里不仅按钮的外观很重要，而且按钮下面隐藏的内容也很重要。首先考虑客户的便利性。与设计师讨论字段数量和注册条件。例如，您可以通过社交网络在全球速卖通（而不仅仅是那里）上注册。
网上商店购物车设计
网上商店购物车设计
在线商店购物车的设计对于销售的重要性不亚于已经列出的元素。这里的规则是：
最佳位置位于页面顶部的右侧。无需考虑太久，它已经经过测试并且有效；
购物车图标本身应该足够大，以便买家能够立即注意到；
颜色也最好要鲜艳、突出；
立即向用户显示购物车中的内容：让他一直看到他要买的东西（这样他就不会忘记或改变主意）；
让设计师确保当客户将鼠标悬停在购物车中收集的商品列表时，立即出现在客户面前。这意味着一个人即使不点击（不去购物车）也可以看到他的所有产品；
在购物篮内部，不仅要有产品的名称（和描述），还要有照片和产品卡的链接。然后，一个人就可以随时再次研究所选择的位置，并与其他人进行比较；
确保当一个人将商品放入购物车时，他会立即看到有关其订单和交货条件的信息。这是重要信息，因此不要让客户在整个网站上搜索它。
使在线商店设计畅销的 11 件事
用户必须了解他在哪里。
在不到三秒钟的时间内，访问者应该知道他在哪里。没有人愿意等待很长时间才能弄清楚。因此，请确保主页上的所有内容都清晰易懂。考虑一下网站图标：让它显示您拥有的网站类型，或者将公司徽标放在其中。您不应该立即在访问者面前倾倒模态窗口、弹出窗口，例如，您需要指示您的城市，或者有促销活动的广告等。许多人不想费心关闭这些额外的窗口，而只是离开该网站。
例如，有一个销售珠宝的网站，每个访问者进入后都会立即出现一个巨大的弹出窗口。
搜索栏应该是可见的。
在线商店的良好设计意味着网站上存在方便的搜索。一旦一个人了解到商店的品种适合他，他就会开始寻找合适的产品。你的转化率和收入都取决于它的便利程度。
搜索栏的最佳位置是右上角。这个位置是由古腾堡图确定的。它的本质是什么？据透露，一个人首先注意页面顶部的内容，然后将目光从左向右（仍然在顶部）移动，然后斜向左下角，然后才到向右和向下。