+86 - 21 - 5566 -8921

Think.
Design.
Develop.
Action.

预约我们的数字化专家
1v1为您提供服务

我们将为您提供量身定制的个性化服务,包括竞品观察,行业数据分析实施方案及对应预算等

  • 您需要:
  • 您希望:

您所提交的信息将严格保密,且不以任何形式透露给任何第三方

再想想,稍后预约

来自雅黑品牌设计师的6个网页设计技巧

发布于2025年01月15日

在设计新网站时,您可能了解构成网站的基本内容(图像、副本和导航链接),但如何操作对许多人来说很困难。首先,您需要定义网站的战略目的——无论是用于纯粹的品牌表达、托管信息、转化、销售、潜在客户捕获还是其他目的。然后,重点应该是以可访问的方式呈现内容,在页面上的较高位置,确保它概述了输入字段的期望,并使您的客户更容易接触到您。

 

网站设计的两个主要组成部分

网站设计中的不同部分分为两个主要类别:视觉设计和功能性用户界面(UI)。

  • 视觉设计:这包括您看到的所有内容,例如调色板、字体和排版、布局、语气和视觉效果(图标、照片、插图等)。

  • 功能 UI:将其视为访客在您网站上与之交互的任何内容,例如按钮、导航、表单或产品页面和商店结账。

 

01. 在选择视觉效果时要考虑到上下文和目的


在为您的网站选择视觉效果时,请尽量坚持使用在其类型、调色板或主题中反映您的品牌或使命能量的图像或设计。接下来,考虑视觉对象的功能和位置。这将使您了解需要多少以及将它们放置在哪里。是视觉对象的主要目标:


  • 传达一些信息

  • 向副本添加上下文

  • 唤起情感

  • 具有装饰性

  • 以上内容的某种组合


请记住,您选择的图像质量也很重要。如果您没有最好的视觉效果来展示,或者太忙而无法获得高质量的内容,请考虑将它们缩小,我们还建议避免为低质量的资产使用全宽显示。

 

02. 保持文案清晰明了


研究表明,平均而言,用户阅读网页上大约20%的单词,除了编辑经验外,长篇文本的创建和消化可能会让人不知所措。简而言之,当谈到屏幕上的文字数量时:少即是多。在查看您编写的副本时,请使用这些一般准则作为清单:


  • 考虑您的受众

  • 减少冗余

  • 使用清晰的语言

  • 使其可扫描


在创建行动号召(CTA)时,例如要求某人联系、继续阅读或购买商品的按钮或文本,请明确说明点击会将他们带到哪里。号召性用语简短(通常不超过 20 个字符),并鼓励采取行动,例如“立即购买”。要知道,没有适用于所有网站的规则。需要多少字才能在你的语气中表达你的观点?

如有疑问,请查看与您的网站类似的网站。请注意副本较长和较短的位置。您是否发现自己在任何时候都在扫描或调出?例如,主页上的副本可能不超过200字。但 “About Us” 页面可能接近500字。


想要为业务的各个方面创建一个页面,然后在您的主要导航中链接该页面是很诱人的,但请相信我们:保持简单。

 

03. 创建面向操作的导航链接


导航是您最能控制网站功能部分的地方。要创建易于使用的导航,请牢记两个主要事项:


您网站的根本目的

您的网站是促进产品在线购物的工具吗?您是否正在寻找简单的入口点,让您的访客与您安排时间?定义这些目标将定义您如何构建导航语言和主要行动号召。


少即是多,即使在导航中也是如此

少即是多的方法可确保网站访问者快速有效地找到他们正在寻找的内容。这将有助于减少人们在找到与他们的需求最相关的链接之前需要解析的信息量,想要为业务的各个方面创建一个页面,然后在您的主要导航中链接该页面是很诱人的,但请相信我们:保持简单。

 

04. 构建情绪板


如果直接跳转到网站编辑器的第一步感觉太多,请创建一个您认为鼓舞人心的视觉效果和网站的情绪板。在您保存的内容中查找模式,例如某些颜色、文字样式或布局。

一旦你收集了一个鼓舞人心的布局、调色板和其他设计组合的存储库,就该开始创建你自己的布局了——乐趣从这里开始,借助雅黑,您可以探索多种设计可能性,直到找到适合您品牌的迭代。

 

05. 有疑问时,从主图开始


主图部分(紧跟在logo和主导航栏后面的空间)通常是您网站最重要的部分之一。

在初步查看您的网站后,您的访问者实际上会花费不到一秒钟的时间对您的业务形成印象,这使得主图中的视觉设计、布局、内容、消息传递和号召性用语变得至关重要。这也是一个为您网站的其余部分设定视觉基调的机会。

对于您的主图,请选择一张图片和/或文本来概括您的品牌或业务以及您为网站访客提供的内容。

 

06. 让它独一无二


独特的个性或'设计签名'是创造任何令人难忘的数字体验的关键组成部分,吸引受众的注意力并消除噪音是帮助您的品牌或企业脱颖而出、吸引或最终转化新顾客的一种方式。一旦你定义了品牌的整体特征,你就可以开始通过创意来依靠这些属性。具体来说,我们喜欢玩弄颜色、排版、布局、图形和内容基调。

字体排印学:探索 Thinkart 的独特字体库,寻找与您的品牌个性和视觉效果相呼应的字体。使用缩放文本等功能在大标题文本和正文副本之间发挥比例对比。

布局: 尝试不对称并倾向于空白。形状块和图像形状是为直角形状(如正方形和矩形)添加活力和趣味性的好方法。