10 个技巧助您改善网站设计。

在设计任何东西之前，您需要一些东西。

1. 徽标和图标

徽标是您网站上最突出的品牌元素。它几乎总是位于网站导航栏、页面顶部附近以及页脚中。
如果您没有徽标，请考虑获取一个。您可以自己设计，也可以聘请平面设计师。无论您选择哪种方式，请确保您的徽标拥有合适的文件类型（AI、EPS、PDF、SVG、PNG、JPG）。
拥有两个版本的徽标会很有帮助。主徽标设计使用最多，可能包含文字标记和其他详细的设计特征。您的辅助徽标应该更小，更容易放入狭小的空间。
网站图标是显示在 URL 地址栏中的小型徽标图标。网站图标使您的网站看起来更值得信赖、更专业。
以下是我们的网站图标（和辅助徽标）的屏幕截图：

2. 调色板

您有品牌色吗？如果没有，现在是时候为您的品牌标识选择一个配色方案了。
一个典型的配色方案由三种颜色组成。主色通常用于文本和主要设计元素。次色则适合用于强调元素。第三种，通常是最鲜艳的颜色，是按钮、标注框和链接的“操作色”。
以下是配色方案的示例：

3.字体系统

字体（也称为字型）是最容易被低估的设计元素之一。一款优秀的字体可以将平庸的设计转化为真正独特的设计。
您选择的字体应该与品牌形象相符，并且能够很好地协同工作。最好选择具有多种粗细（例如粗体、斜体）的字体，因为它可以用于多种用途。

4. 表格

选择加入表单
如果您想建立电子邮件列表或订阅服务，您需要一个可供访客注册的表单。该表单会连接到一个电子邮件服务，当有人加入您的列表时，该服务会生成回复。

联系表单
方便人们与您联系。为了增加人们使用的可能性，请勿索取过多信息。只需提供名字和电子邮件地址即可。

行动号召
行动号召旨在吸引网站访客与您互动。这种行动可以是很小的操作，例如点击链接阅读博客文章或注册您的电子邮件列表。它也可以涉及更重要的步骤，例如购买产品。确定您希望访客在进入网站后执行的操作，并将行动号召放在醒目的位置。

5. 404 页面

链接断开或更改时可能会发生错误。自定义 404 页面可让访问者了解出现问题，并将其重定向回您的网站。

6.主题

主题就像网站的基础。主题提供设计功能、布局以及用户可以看到的其他前端元素。一旦选定主题，您将无法更改它，否则会损坏网站，因此请谨慎选择。

7.内容

您的网站内容由独立的网页组成，例如首页、关于页面和联系页面。博客文章通常占据网站内容的大部分，但图片、图形和视频也同样重要。在开始设计流程之前，务必整合所有内容。
在设计网站时添加内容就像一次建造一个房间。先开发内容可以降低网站脱节和混乱的风险。确保最有价值的内容易于访问。最好将相关内容放在首页或只需点击一下即可访问的位置。
网站内容完成后，请检查链接以确保其有效。修改文本中的拼写和语法错误。Grammarly 和 Hemingway 编辑器是撰写网页文案的实用工具。

图片是网站视觉效果的成败关键。使用与网站内容相符的高质量图片和图形。含义模糊的图片往往会让用户感到困惑或厌烦。过多的图片会让访客感到不知所措。图片过多的网站加载时间也会更长，从而影响用户体验。我已在下文讨论了库存资源的使用方法和来源。

您唯一需要的库存资源库。

阿比拉杰·博米克 · 2021 年 10 月 4 日

#javascript #beginners #webdev #showdev

8. 页脚

此部分位于页面底部，通常包含指向联系信息、条款和隐私页面的链接。您还可以使用页脚，通过在页脚中放置关键链接来帮助访问者浏览网站。大多数用户习惯于向下滚动到页面底部，这意味着您的页脚将非常显眼。

9.公告栏

您有什么重要的事情想告诉访客吗？也许您正在进行大促销，或者想分享一些与 COVID-19 相关的新闻。
页面顶部的公告栏可以吸引访客的注意力，避免他们错过。

10.响应式设计

响应式设计是指网站能够适应各种设备和浏览器。iPhone、iPad、Surface 和 Galaxy 的屏幕尺寸各不相同。同样，Microsoft Edge、Google Chrome 和 Mozilla Firefox 也是独立的 Web 浏览器。响应式设计
使网站能够自动调整并提供最佳的观看体验。

iPhone 屏幕的宽度在 4 英寸到 6.7 英寸之间。因此，网站的显示效果可能会根据网站设计和屏幕尺寸而变化。响应式设计对于良好的用户体验至关重要。遗憾的是，搜索引擎会惩罚那些响应速度不够的网站。

连接

如果您喜欢我的博客，您可以给我买杯咖啡来支持我。