sumaart

web site / mobile & h5 / brand design
less is more, art is freedom…

设计观点

Back

初学者常犯的网页设计错误——如何解决

Share

Time:

2022-07-27 11:00:34

Author:

素马

 

网站访问者决定留下或离开可能只需要几秒钟。因此,初学者一开始可能会发现网页设计非常棘手。因此,请考虑阅读本文的其余部分,以了解各种初学者所犯的一些常见网页设计错误以及如何解决这些错误。

 

(1)立即使用适当的设计软件

(2)不考虑移动友好性

(3)缺乏明确的号召性用语

(4)模糊的品牌信息

(5)结论

 

立即使用适当的设计软件

如果您考虑网页设计,那么您首先想到的任务就是使用适当的软件。但是,这一步是很多初学者经常犯的错误。换句话说,你不需要直接到你的电脑前开始网页设计。

 

根据素马网站设计机构的说法,完成一个网站所需的时间可能取决于某些因素。这些元素可能包括网站的整体规模、所涉及的资源以及要添加到域中的其他技术。因此,在使用您喜欢的软件之前,您可能需要先与您的设计团队进行协商和计划。

 

但是,如果你一个人工作呢?尽管如此,您需要制定一个可能不需要使用数字工具的计划。许多专业的网页设计师甚至从一支笔和一张纸开始。如果您对哪个元素去哪里有一个清晰的了解,那将是最好的。

 

设身处地为访客着想;然后,问问自己该网站是否会响应您的需求。它的视觉吸引力是否足以让您在首页上停留几秒钟以上?在创建草稿时考虑这些问题。一旦你有了你的草图,你可能会考虑创建一个模型网站来测试它的美学和功能。

 

不考虑移动友好性

如果您的网站不适合移动设备,您可能会错过大量网络流量。请记住,有几个人使用智能手机比使用电脑更多,因为前者比后者更紧凑。

 

再次尝试设身处地为目标受众着想。特别是,想象一下,如果您的访问者正在通过他们的智能手机查看您的网站,而您的在线页面不适合移动设备。您自己可能会发现经常放大以阅读每个页面上的文本或单击链接很烦人。

 

值得庆幸的是,现在各种网站构建器都提供了自动解决方案,因此您无需为您的网站创建新代码即可变得适合移动设备。但是,这并不意味着您应该忽略其他元素。这些自动功能可能会有所帮助,但它们并不完美。

 

以下是一些编辑网站设计以使其比以前更适合移动设备的方法:

增加按钮的大小和边距

大约 45 到 57 像素。

不要将悬停状态置于链接和号召性用语中。

在不放大页面的情况下增加文本大小以提高可读性。

增加导航菜单及其项目周围的填充或空白。

 

缺乏明确的号召性用语

 

 

想象一下,您正在访问一家在线零售商,但该商店的页面没有号召性用语。也许,您的下一步将是关闭选项卡或窗口并继续您的一天。

 

但是,号召性用语为访问者提供方向并有助于创造紧迫感。因此,您的受众可能会比预期更长时间地停留在您的网站上。

 

号召性用语的一些示例是:

注册时事通讯

在社交媒体上分享此页面

免费试用

阅读更多文章

支持本站

 

但是,好的号召性用语和坏的号召性用语有什么区别呢?创建此现场元素时,请考虑以下因素:

 

将号召性用语放在明亮的按钮中,以立即引起观众的注意。

字体大小应该足够大以引起人们的兴趣。

它应该从一开始就促进明确的利益。

它应该简短而直接。

 

您还可以通过在号召性用语附近放置限时优惠来增强这种紧迫感。例如,如果您的在线商店正在促销促销,请说明促销结束的日期。

 

俯瞰列、网格和参考线

 

 

列、网格和指南是设计网站的基本元素,因为这些组件可帮助您的页面保持清洁和有序。各种初级网页设计师可能没有看到使用这些组件的重要性,导致他们的网站结果看起来很混乱。

 

使用列垂直分割不同的内容。这些元素有助于确保其他组件正确对齐。此外,列非常通用,因为您可以根据自己的喜好设置它们的尺寸。

 

因此,许多设计师倾向于在网站栏的两侧放置网格和指南。这些元素有助于为内容提供喘息空间。否则,所有内容都可能看起来很“紧凑”,因为文本和图像看起来像是挤在浏览器窗口中一样。

 

另外,请注意,对于每个 Web 和图形设计软件,使用列、网格和指南的方法往往不同。例如,如果您在设计模型网站时使用 Adoe Photoshop,则可以通过选择移动工具或按键盘上的“V”来放置参考线。然后,在将鼠标拖动到所需位置之前,单击水平或垂直标尺。您应该会看到一条线,可以帮助您在项目屏幕上定位某些项目。

 

至于列,您可以创建自定义形状。调整这些形状的大小以匹配您网站的偏好。

 

您可能还需要激活 Adobe Photoshop 上的“对齐对象”功能,以确保正确对齐所有元素。通过单击“查看”激活此功能,然后选择“对齐对象”选项。

 

模糊的品牌信息

永远记住,您的网站将与目标受众进行交流。然而,许多初学者网页设计师倾向于将品牌视为一个被低估的方面。

 

良好或出色的网站设计的基本因素之一是其讲述故事的能力。讲故事使网站能够传达吸引目标受众并在情感层面上与他们联系的信息。

 

建立适当的网站层次结构应该是为您的网站传达故事的绝佳方式。用户向下滚动时的元素流应该解决目标市场的动机和需求。换句话说,如果您不想让其他人看到它,您可能不想建立一个网站。请记住,互联网是一个相对公共的空间,因此您应该考虑这样对待您的网站。

 

以下是一些快速提示,可帮助您建立良好的网站层次结构:

 

始终考虑简单。不要过度复杂化或过度思考这个过程。让您的网站快速传达其信息,以免您的访问者迅速失去兴趣。

只保留几个主要类别。根据经验,您的主要网站类别不应超过七个,除非您经营的是在线商店。

旨在平衡每个类别的子类别数量。这样做将使您的网站看起来井井有条,创造平衡并增强视觉吸引力。

 

提供良好或出色的站点层次结构可以增强整体用户体验。如果做得正确,您的网站可能会成为特定利基市场中的“首选”数字空间。

 

结论

好的网页设计不仅仅是在互联网上发布网站。它需要为不同的用户散发出形式和功能。学习并理解上面提到的常见错误,您可能会创建一个可以吸引多个市场的网站,如果您是一名网页设计爱好者,欢迎加入素马设计。

 

如果您需要建站服务,素马乐于为您服务。