设计美丽网站的五个提示

知道了构建网站的基本知识后,下面是hostgator美国主机商提供的设计网站时应该记住的一些技巧。

1. 从网站的导航结构开始

访问者登陆网站时,他们应该轻松、快速地找到要找的东西。良好的导航有助于实现这一点。

方法是将内容分为不同的类别,并将这些类别的链接放在主菜单和次级菜单中。

例如,如果计划创建一个销售手提箱的电子商务商店,导航结构可能看起来如下:

1. 主页(或登陆页)

2. 产品页面

3. 关于我们

a. 我们是谁

b. 我们的工作

4. 结账

5. 博客

6. 商店政策

a. 隐私政策

b. 运输和退货

c. 常见问题

设计网站的导航时,记住只在网站上显示必要的菜单项目。好的做法是将主菜单和次菜单上的链接限制在7个或更少。

微软网站就是一个很好的例子。

他们的主菜单只有四个链接,即商店、设备、软件和应用程序。每一个菜单项都有自己的下拉菜单,它通向右侧显示的另一个菜单。

这种智能的菜单项分类方式,让用户很容易找到自己想要的东西,同时也避免了信息过载。

通过巧妙地使用类别和子类别——以及创建下拉菜单——也可以简化网站导航,让访问者轻松浏览网站。

此外,创建导航结构将帮助决定网站需要多少页面,以及每个页面应指向哪里。如果正在为网站建立线框,这将特别有用。更多的相关内容可以阅读如何改进在线商店导航以获得更好的客户体验

2. 为网站创建风格指南

花时间为网站创建风格指南是使网站美观的最有效方法之一。

风格指南不仅决定了网站的外观,还决定了社交媒体页面、广告横幅和其他数字媒体资产的外观。

风格指南有五个主要组成部分。接下来简单地讨论一下每一个部分:

品牌故事

首先要做的是向世界介绍自己:

是谁?为什么存在?使命是什么?愿景是什么?

这些问题很重要,因为,品牌故事不仅能帮助吸引到合适的受众,还能帮助为网站设计的 “个性 “奠定基础。

会是别致又爵士?温暖而专业?酷和协作?有趣和充满活力?

唯一可以决定的方法就是是否拥有品牌故事、愿景、使命宣言和一系列核心价值观。更多内容推荐如何为品牌自定义WordPress主题

徽标

接下来需要决定网站的徽标。有很多免费设计徽标的工具,但如果想选择更专业的东西,可以聘请设计师。

调色板

网站需要有一种颜色,放在徽标、导航菜单、背景、图像和插图等元素中。

首先,应该为网站选择三种颜色的组合:

  • 主色
  • 二次色
  • 三次色

可以在网站的背景和元素上应用不同色调的主色。字体可以用二次色,而且应该是深色的。三次色可以与主色和辅助色一起使用,使它们突出,因此,应该是中性的。

以下是特定颜色所唤起的不同情感,因此可以选择适合网站的颜色。

红色——激情,重要性,关注

橙色——俏皮、友好、活力

黄色——幸福、乐观、警告

绿色—— 自然、稳定、繁荣(增长)

浅蓝色——宁静、信任、开放

深蓝色——专业、安全、正规

紫色——尊贵、创意、奢华

粉色-——女性、青春、纯真

棕色——粗犷、泥土、老式

白色——干净、良性、健康

灰色——中性、阴暗、沉稳

黑色——强大、精致、前卫

字体设计

在网页设计中,字体是整个网站设计的重要组成部分。这是因为它们能向访问者 “说话”,并向他们展示网站具有的个性。

想要看起来豪华、优雅、重要或休闲?选择好的排版是传达这种外观的最佳方式。

作为经验法则,应该为网站选择三种字体。任何多于此的字体,都会让访问者感到困惑。

  • 第一种字体是主字体。这种字体将用于网站上所有的标题,因此,应该看起来很大,很大胆,并让任何浏览它的人注意。
  • 下一个字体是辅助字体。这将应用于文本。这种字体应该易于阅读,有足够的间距,不应该是草书或奇怪的设计。然而,它应该易于扫描。
  • 网站上使用的最后一种字体是强调字体。这种字体将用于CTA按钮,菜单栏,并作为主要和次要字体的强调。

应该记住,虽然字体会有所不同,但它们应该相互补充。为了了解如何做到这一点,可以浏览有关的网站,了解专业设计师如何组合不同的字体。

图像和插图

网站需要图片或插图——或两者的结合。网站上的图片将直接唤起访问者的情绪。

这就是为什么选择正确的图片类型对网站与受众设定正确的基调至关重要。

例如,如果在电子商务商店上销售鞋子,会想要精力充沛的图像,人们跑步,徒步旅行,登山,并做其他高强度的活动。不会想要一个人在床上睡觉的图像。

不仅要选择正确的图像,确保它质量高、看起来真实也很重要。

3. 确保网站的设计看起来简洁,并使用空白

如今,人们的关注度极低。这就是为什么需要确保网站在访问者登陆的那一刻看起来很简洁。

如果访问者发现网站令人困惑,他们就不会再来了。而且,在因糟糕的体验而离开网站的人中,88%的人不太可能再回来。但是,从好的方面来看,如果对网站实施简洁的外观,可将转化率提高多达400%。

为了确保网站看起来简洁,可在产品图片、导航元素和排版中使用大量的空白。

这可以让访问者很容易地 “扫描 “网站并消化其中的信息。这将帮助增加对网站中想要的部分的关注。

在苹果网站上看到的黑色背景并非毫无用处。它作为空白,用于将焦点放在重要的地方,即导航菜单、标题和iPhone的图像上。

4. 找到网站的 “声音

在现实生活中,给爸妈发短信的语气可能和给最好的朋友发短信的方式不同。同样,网站的 “语气 “也会因服务对象的不同而不同。

如果它针对千禧一代,并且是针对生产力的项目,可能想用 “有趣 “的声音说话。另一方面,如果面对的是财富500强的CEO,可能希望网站用更专业的语气说话。

同样,品牌故事在决定这一点上起着很大的作用。

为了有效地设定网站的基调,建议聘请文案人员来编写网站的内容。可以和他们一起工作,找到网站的最佳语调。

5. 优化网站的用户体验(UX)

不管网站有多漂亮,或者有多少动画和图形,如果它不能正常加载,就失去访问者,更重要的是,销售。

为了确保这种情况不会发生,重要的是要优化网站的速度和性能。这里有三种方法,可以做到这一点。

  • 创建移动版的网站:今天,越来越多的人从手机上访问互联网。这就是为什么让网站 “响应式 “很重要——这意味着从手机访问时,它可以加载移动版本。
  • 使用CDN网络快速加载网站:CDN网络将媒体文件存储在世界各地的服务器中,因此当用户请求访问网站时,他们会被引导到离他们所在地区更近的服务器。这样,无论身在何处,所有访客都能快速加载网站。
  • 使用图像压缩器压缩图像:图片压缩器可以简单地减小网站上图片和图形的大小,从而使其快速加载。相关文章推荐》》》提高页面加载速度,提升网站SEO排名

通过使用这些设计技巧来关注网站的设计和性能,将能够使网站成为访问者浏览的乐趣。

而且,虽然拥有这些技巧不会在一夜之间变成专业的网页设计师,但他们有助于为下一个在线商业投资或附带项目建立一个美丽的网站。更多的相关内容可以阅读搜索引擎优化网页设计:你需要了解的

发表评论

电子邮件地址不会被公开。 必填项已用*标注