网页设计

当前位置:

每个刚开始工作的网页设计师应该知道的10件事

浏览量:0

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

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

        1.优化网页图形以缩短页面加载时间

了解如何通过选择合适的格式并确保尽可能小来优化您的网络图形。尽管人们正在向宽带连接发展,但仍有相当多的人使用拨号互联网连接。此外,随着不一定具有类似宽带速度的移动设备技术的出现,由于图像文件大小而导致的缓慢页面加载时间会使用

户感到厌烦。
这里有一个选择正确文件格式的一般原则:纯色的图像最好保存为png和gif,而连续颜色的图像(如照片)最好保存为jpg。有很多工具可供您使用,它们将帮助您进一步优化您的图像并降低它们的文件大小,请查看此优化图像的工具列表。

通过将您使用的图像数量限制在最低限度,明智地使用图像,并尽可能减小文件大小,您将显著减少页面响应时间网页和提高网页性能。

每个刚开始工作的网页设计师应该知道的10件事

        2.保持干净和简单

一个好的网页设计不仅是视觉上吸引人的,而且是用户友好的。一个干净简单的网页设计通常是一个高可用性的网页设计,并且不会让人感到困惑。如果一个页面上有太多的网站特性和组件,你就有可能分散网站浏览者对网站目的的注意力。确保每个页面
元素都有目的,并问自己以下问题:

  1. 设计真的需要这个吗?

  2. 这个元素是什么做它如何帮助用户?

  3. 如果我移动这种元素突然出现,大多数人会想要回来吗?

  4. 这个元素如何与目标,消息,和目的网站的?

此外,尽管为你的网站提出一个新的概念或界面设计模式可能是非常棒的,但要确保设计对你的用户来说仍然是可访问和直观的。人们习惯于通用的交互模式、网站特性和网络界面——如果你的设计是真实的独一无二的。要有创意,还要保持简单。

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

最重要的网站功能是网站的导航——没有它,用户无论在哪个页面上都会被卡住。随着那显而易见,我们将讨论构建导航方案时需要考虑的一些要点。

        首先,在网站的导航结构上投入足够的时间和大量的规划是非常重要的。这是常识,但仍然令人惊讶的是,许多网站设计认为网站导航是理所当然的。布局、风格、技术(会用JavaScript还是只是CSS?),可用性和网络可访问性只是一些创建导航设计

时需要考虑的事项。
由于基于文本的浏览器,您的导航设计应该在没有CSS的情况下工作。尽情取笑文本浏览器,但它们在许多移动设备中仍然很流行。也许更重要的是,在禁用CSS的情况下工作的导航可以通过屏幕阅读器访问(99.99%的时间)。

导航应该是可访问和可用的,而不需要客户端技术,如JavaScript或闪存,用户可能出于安全或公司政策等各种原因而没有启用或安装这些技术。当务之急是你要有一个好的导航系统,它位于一个高度可见的位置。一个好的导航在网页加载时就可以被检测

到,而不必向下滚动网页。这就是保持整洁和简单的主要作用:复杂和非传统的设计会导致用户困惑。

        用户必须从不奇迹,哪怕是一瞬间,”在哪里是网站导航?"。对于以分层、多级方式组织的网站,请确保它易于在父网页和子网页之间导航。此外,它应该很容易从任何网页到达顶级页面(如网站的首页)。

这主要目标你的网站导航的目的是让用户以尽可能少的行动和努力来获得他们想要的内容。

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

虽然有成千上万种字体,但你真的只能使用少数几种(至少在主要浏览器完全支持CSS3之前)。坚持使用网络安全字体。如果你不喜欢网页安全字体,考虑一个渐进增强的网页设计特征变换。保持字体使用一致的。确保标题在视觉上不同于段落文本。使用空

白、调整行高、字体大小和字母间距属性,让内容读起来轻松愉快可校验的。
也许网页设计师经常犯的错误之一是字体大小。因为我们想在一个网页中容纳尽可能多的文本,所以我们有时会将字体大小设置得非常小。尽可能将字体大小保持在12px以上,尤

其是段落文本。虽然许多人在阅读小尺寸文本时没有困难,但想想年长的用户
和低视力及其他类型视力障碍的人。

        5.理解颜色可及性

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

此外,使用特定形式色盲的用户可以使用的颜色(查看一个名为Vischeck的工具,它将帮助您测试特定类型的色盲)。某些颜色组合只有在用作前景色而不是背景色时才能很好地工作。举个例子,在粉色背景上的深蓝色文本和在蓝色背景上的粉色文本,相同

的颜色但是不同的可读性和阅读舒适度。重要的是不仅要得到一个好的颜色组合,而且要把它应用到页面的正确元素上。

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

随着各种所见即所得编辑器充斥市场,设计一个网站变得简单如1-2-3。然而,这些编辑器大多会插入不必要的垃圾代码,使您的HTML结构设计不佳,更难维护和更新,并导致您的文件大小膨胀。通过自己编写代码,您可以得到干净、清晰和简洁的代码阅

读和维护是一种乐趣;你可以自豪地称之为自己的代码。
知道如何使用所见即所得或带有视觉预览的集成开发环境并不能免除你学习HTML和CSS的责任。为了创造有效的、语义的和高度优化的网页设计,你必须知道发生了什么。

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

一个好的设计师在设计网站时应该永远记住SEO的基础知识。例如,对网页内容进行结构化,以便将重要的文本表示为标题(即页面标题和徽标)。这就是学习如何正确编码的用处所在。了解正确的、语义的和基于标准的HTML/CSS——你会很快意识到div比

网页布局的表格更好,不仅在网站内容的精确表示上,而且在搜索引擎排名上也是如此;你也会知道CSS背景文本图像替换是个好主意。

        8.理解人们的喜好

人们平均只花几秒钟来决定他们是想读更多的书还是去另一个网站。因此,作为一名网页设计师,你必须想办法鼓励用户在宝贵的几秒钟内选择前者。要知道,如果浏览者对页面顶部的内容不感兴趣,他们不会向下滚动来浏览页面的全部内容。记住把你的

重要元素放在最上面容易看到的地方,但也不要把页面的上半部分放得太满,这样会吓到用户,使他们无法继续往下阅读。

卖点:做一名推销员,让人们相信他们想看看你网站上还有什么。

        9.了解浏览器的小癖好

作为一名网页设计师,你必须知道的一件事是,你的工作是在一个挑剔和不可预测的环境中进行的:网页浏览器。你的设计在几个网络浏览器上工作是不够的,它们需要在尽可能多的浏览环境中工作。生产前–使用以下工具测试您的原型浏览器窗口。

        10.做出灵活且可维护的设计

一个好的网页设计师能确保网站在将来很容易更新或修改。设计可塑性强、易于维护的网站是伟大网页设计师的标志。通过将风格和结构分开,使你的工作尽可能模块化。

要知道,我们的行业是充满活力的,而且还很年轻。事情会在很短的时间内发生变化。武汉悟空云互联网有限公司牢记这一思想将献微薄之力于网页设计的发展。

 

[声明]本网整理的媒体稿件是为了分享更多的讯息。此类稿件不代表本网立场,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的某些内容侵犯了您的版权,请把您的相关内容发至此邮箱【wukongclouds@163.com】,我们在确认后,会立即删除,保证您的版权。