每一个刚开始做网页设计的人都应该知道的10件事

WebFX总统。Bill在互联网营销行业有超过25年的经验,擅长SEO, UX,信息架构,营销自动化等。William在希彭斯堡和麻省理工学院的科学计算和教育背景为MarketingCloudFX和WebFX的其他关键研发项目提供了基础。

创建一个网站设计.网页设计师通常需要扮演多种角色,并且非常了解如何构建有效和可用的网站布局。

你在网页设计中学到的大部分课程都来自于工作经验;学习是一个迭代的过程,没有比犯错误(然后从中学习)更好的获取知识的方法了。在本文中,我们将讨论10个基本和普遍的建议这是每个网页设计师新手都应该知道的。

1.优化网页图形以获得更好的页面加载时间

学习如何通过选择合适的格式来优化你的网页图形,并确保它尽可能的小。即使人们正在使用宽带连接,仍然有相当多的人使用拨号上网。此外,随着移动设备技术的出现,这些技术不一定具有像宽带那样的速度,由于图像文件大小而导致的较慢的页面加载时间可能会让用户失去兴趣。

这里有一个选择正确文件格式的一般经验:纯色的图像最好保存为png和gif,而连续色的图像(如照片)最好保存为jpg。优化网页图形以获得更好的页面加载时间有很多工具可以帮助你进一步优化你的图像,降低它们的文件大小,看看这个优化您的图像的工具列表.通过将您使用的图像数量限制到最低限度,明智地使用图像,并尽可能减小文件大小,您将显著地减少工作量页面响应时间一个网页和提高你的网页性能

2.保持整洁和简单

一个好的网页设计不仅仅是视觉上的吸引人,而且是用户友好的。一个干净和简单的网页设计通常是一个高可用性的网页设计,不会让人感到困惑。在一个页面上有太多的网站功能和组件,你有可能分散网站浏览者对网站目的的注意力。

确保每个页面元素都有目的,并问自己以下问题:

  • 这个设计真的需要这个吗?
  • 这个元素是什么它如何帮助用户?
  • 如果我删除这元素一下子就会让大多数人望而却步想拿回来?
  • 这个元素是如何与目标消息,目的的网站吗?

此外,虽然为你的网站提出一个新的概念或界面设计模式可能是超级棒的,但要确保设计对用户来说仍然是可访问的和直观的。人们已经习惯了常见的交互模式、网站功能和网页界面——如果你的设计是真的独特的,确保它不会太晦涩难懂。要有创造力,但也要保持简单

3.导航是你设计的最重要的东西

最重要的网站功能是网站的导航——没有它,用户就会被困在他们碰巧登陆的页面上。与显而易见的事实是,我们将讨论在构建导航方案时需要考虑的一些要点。首先,在网站的导航结构上投入足够的时间和大量的规划是非常重要的。

这是常识,但仍然令人惊讶的是,有多少网站设计认为网站导航是理所当然的。布局、风格、技术(使用JavaScript还是CSS?)、可用性和网页可访问性都是很重要的一些在创建导航设计时需要考虑的事情。你的导航设计应该在没有CSS的情况下工作,因为基于文本的浏览器。

你可以随意取笑文本浏览器,但它们在许多移动设备上仍然很流行。也许更重要的是,在CSS被禁用的情况下,导航可以通过屏幕阅读器访问(99.99%的情况下)。CSS禁用。导航应该是可访问和可用的,而不需要客户端技术,如JavaScript或Flash,用户可能没有启用或安装的各种原因,如安全或公司政策。

你必须有一个良好的导航系统,并将其放置在一个高度可见的位置。一个好的导航在网页加载时就可以检测到,而不需要向下滚动网页。这就是保持简洁的关键所在:复杂和非常规的设计可能会导致用户困惑。

用户必须从来没有哪怕只有一刹那,”在哪里网站导航吗?”对于以分层、多层次方式组织的网站,要确保在父网页和子网页之间容易导航。此外,它应该很容易从任何网页到达顶级页面(如网站的首页)。的的主要目标网站导航的目的是让用户通过尽可能少的操作和尽可能少的努力就能获得他们想要的内容。

4.明智而有条理地使用字体

尽管有成千上万种字体,但实际上只能使用少数几种(至少在主要浏览器完全支持CSS3之前是这样)。一定要坚持使用网络安全字体。如果你不喜欢网络安全字体,可以考虑渐进式增强的网页设计sIFR或Cufon。

保持字体的使用一致的.确保标题在视觉上不同于段落文本。使用空白、调整行高、字体大小和字母间距属性,使内容读起来赏心悦目,而且毫不费力能扫描的

也许网页设计师经常犯的错误之一就是字体大小。因为我们想把尽可能多的文本放到网页上,所以有时我们会把字体设置得小得让人不舒服。尽量保持字体大小在12px以上,尤其是段落文本。

虽然很多人在阅读小字体的文字时没有任何困难,但想想老年人、低视力和其他类型的视力障碍人士。

5.了解颜色的可访问性

讲完字体,我们还需要指出使用正确颜色的重要性。您需要考虑背景和前景色的颜色对比,以便可读性和低视力用户使用。例如,白色背景上的黑色文本对比度高,而红色背景上的橙色文本会使你的眼睛疲劳。

颜色的对比。此外,使用特定形式的色盲用户可以访问的颜色(查看一个名为Vischeck的工具,它可以帮助您测试特定类型的色盲)。有些颜色的组合只有在用作前景色而不是背景色时才能发挥作用。举个例子,粉色背景的深蓝色文本和蓝色背景的粉色文本,相同的颜色但不同的可读性和阅读舒适度。

重要的不仅是要得到一个好的颜色组合,而且要将它应用到页面上正确的元素。颜色组合。

6.你需要知道如何自己编写代码

随着各种所见即所得编辑器充斥市场,设计一个网站变得像1-2-3一样简单。然而,大多数这些编辑器插入不必要的垃圾代码,使HTML结构设计糟糕,难以维护和更新,并导致文件的大小膨胀。通过自己编写代码,您可以得到干净、利落和简洁的代码这是一种阅读和保持的乐趣;你可以自豪地称之为自己的代码。

知道如何使用WYSIWYG或带有可视化预览的IDE并不代表你可以不学习HTML和CSS。为了创建有效的,语义的,高度优化的网页设计,你必须知道正在发生什么。

7.不要忘记搜索引擎优化

一个好的设计师在设计网站的时候应该时刻记住SEO的基本知识。例如,构建web内容,将重要的文本表示为标题(即页面标题和logo)。

这就是学习如何正确地编写代码的地方。了解正确的,语义的,基于标准的HTML/CSS -你会很快意识到div比表格更好的网站布局,不仅在网站内容的准确表示,而且在搜索引擎排名;你也会知道的CSS背景文字图像替换是个好主意。

8.要知道人们是没有耐心的

人们平均只花几秒钟的时间就决定是继续阅读还是浏览到另一个网站。因此,作为网页设计师,你必须设计一种方法,鼓励用户在宝贵的时间内选择前者。要知道,如果访问者对顶部的内容不感兴趣,他们不会向下滚动查看整个页面的内容。

记住要把重要的元素放在最上面容易看到的地方,但也不要把页面的上半部分挤得太满,那样会吓到用户,让他们不想再往下看了。把网页设计的上半部分作为一个卖点:成为一个推销员,让人们相信他们想要看到你网站上的其他内容。

9.了解(并注意)浏览器的怪癖

作为一名网页设计师,你必须知道的一件事是,你的工作是在一个挑剔而不可预测的环境中运行的:网页浏览器。你的设计只适用于少数网页浏览器是不够的,它们需要在你能负担得起的尽可能多的浏览环境中工作。在生产之前-使用工具测试你的原型Browsershots

Browsershots

10.设计要灵活且可维护

一个好的网页设计师要确保网站在将来可以很容易地更新或修改。设计具有延展性和易于维护的网站是优秀网页设计师的标志。将风格与结构分离,使你的工作尽可能模块化。

要知道我们的行业是充满活力的,仍然是年轻的——事情在很短的时间内发生变化。记住这一点将促进灵活的网页设计的创造。

你的网页设计技巧是什么?

如果你有更多的技巧要分享给网页设计新手-请在评论中分享。

相关内容

WebFX职业

加入我们的使命,为全球的企业提供业界领先的数字营销服务,同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!