黄南高端网站制作:作为一名网页设计师,你可能犯了10个错误

作为网页设计师,我们每天都在努力追求完美。虽然我们是人,但我们的许多日常任务是处理设计和开发项目,直到最近的像素。沿途,我们有时忽视细节,我们不愿保持我们的专业优势。

下面黄南高端网站制作列出了你作为网页设计师可能犯的10个错误。用这些错误来纠正坏习惯,或者克服我们所犯的障碍。

1.使用Flash

闪光灯是惊人的,但它只是它不再是过去。虽然Flash提供了一些令人惊叹的动画体验,但它也带有一些包袱。负载时间长,没有移动支持,或者必须学习另一种完整的语言是导致它最近消亡的原因。目前,只有少数移动设备通过插件提供额外支持来支持Flash。

随着新库的出现,未来对Flash的支持看起来有点黯淡。基于JavaScript的库(如jQuery或AngularJS)正在改变我们使用互联网的方式,并以疯狂的速度启动。

黄南高端网站制作

各种JavaScript库可用于在Web设计和应用程序中引入所有类型的功能。

2.海量图像

当今的一个普遍趋势是在整个网站中使用更大的图片。虽然这增加了用户的体验,并为用户提供了很多可查看的内容,但同时也增加了一些复杂的因素。

使用较大图像的一个很大的结果是页面加载时间的增加。各种工具有助于图像优化,如GruntJS-ImageMin(对你们这些咕哝的人),ImageOptim(通过命令行或GUI),以及类似的应用程序CodeKit前Pros在应用程序内部自动进行图像优化。这些工具帮助我们的工作流,但不能完全解决这些可怕的加载时间问题。

最近,许多黄南高端网站制作设计师开始采用SVG的趋势,并使用代码在浏览器中绘制或动画图形。其结果相当于加速了页面加载,并且仍然有大量吸引眼球的元素可供查看。

图像复杂的另一个原因是它们没有响应性。一个图像有一个固定的宽度和高度,这是永远不会改变的。浏览器可以倾斜和缩放图像,但文件大小不受影响。

这个问题目前正在由W3C包括新的<picture>元素添加到当前HTML 5标记中。添加此元素可以根据屏幕宽度在元素中调用不同的图像大小。最终的结果是对任何设备上的任何用户来说都是最好的体验。

为网页设计师和开发人员提供有帮助的任务运行人员和图像优化器的屏幕截图。

3.固定高度和宽度

固定大小限制了所有用户的适应性。虽然有解决办法,但应避免使用这些原则,以使网页设计模式具有真正的响应性。例如,在CSS中设置固定高度限制了用户可以查看的内容,除非该高度稍后通过媒体查询进行调整。拥有这个额外的代码会导致性能问题和膨胀,否则这是不需要的。这个规则也有例外,但是作为一个基础设置,如果可能的话,应该始终避免固定的大小。

4.假设您的设计适合所有屏幕大小

设计人员在Photoshop、Sketch或任何其他图形编辑器中工作,为其响应工作流中的特定断点进行设计。虽然这些屏幕宽度覆盖了很多设备,但并不总是覆盖所有设备。市场上有这么多设备,所以很难设计出所有的东西。

前瞻性思考和适当的计划可以提供最好的结果与您的设计在一定的宽度。一定要记住这一点,并且一定要在你可以访问的设备上进行测试。虽然大多数设计都可以在图形编辑器中完成,但一旦达到此阶段,大部分设计将在浏览器中进行。

5.过度使用动画或效果

许多网站都是令人叹为观止的体验。有些提供独特的体验,而另一些则提供惊人的内容。网页设计的关键和真正的秘诀是将这两个原则结合起来。许多网站都想给用户留下深刻的印象,以至于他们忘记了为什么用户会首先访问网站的内容。

流行的动画或黑客在体验中遇到了障碍,比如元素的褪色、上升、下降、周围等等。比如滚动黑客。使用这些治疗方法肯定可以增加经验,但在将它们应用到项目中时,您应该保持警惕。

6.不良环节处理

一定要欣赏链接是什么以及它所做的事情。一个超链接允许网络存在,如果你从整体上考虑它。要轻松地从一个页面转到另一个页面,需要一个链接。用户需要快速访问链接才能获得他们想要的信息。确保您的链接看起来像链接,而不是那些默认的蓝色下划线类型以及!

7.在CSS中不使用干法

黄南高端网站制作使用干燥的方法来使你自己和你的用户受益。干代表不要重复你自己。这种方法有助于保持您的代码干净和简洁,同时只使用必要的代码来对您的网站进行样式化。

传统的CSS在设计其他元素中的特定元素时需要大量的重复。您的选择器通常会变大,最终会花费更多的时间编写。在整个设计过程中使用类,而不是独立地样式化HTML中的每个元素。

css预处理语言,如较少沙斯是最新和最伟大的CSS技术。这些语言通过提供嵌套、变量、混合函数等特性来加快设计和开发过程。生成的代码随后被编译成我们都知道和喜爱的常规CSS代码。LessandSass允许网页设计人员和开发人员在不重复的情况下编写更少的代码行。

8.优雅退化与渐进增强

优美退化构建Web功能的实践是在更现代的浏览器中提供一定程度的用户体验,但在较旧的浏览器中优雅地降低到较低的用户体验水平。

一个常见的例子是对InternetExplorer 7和8的支持。许多用户根本不更新他们的浏览器,因此需要某种程度的支持才能屈服于这个因素。

开发一个现代化的网站有时就像是在公园里散步,直到你后来意识到你必须支持一些有自己特定依赖性的老浏览器。

渐进增强类似于优雅的退化,但它所做的却是相反的。从每个浏览器支持的基本用户体验开始。然后,您还构建了更多的功能,这些功能可以自动提供给可以使用它的浏览器。

这两种方法都很难,是一些好网站有别于坏网站的原因。有许多不同的浏览器可以支持不同的场景。很多时候,网页设计师和他们的客户必须决定什么将和什么将不支持他们的用户。充其量,您应该尝试在项目中使用这两种方法来向最活跃的用户提供最好的体验。

9.非用户友好导航

导航是网站功能的关键组成部分。设计师必须找到一种方法,让用户通过提供共同的用户体验来浏览网站,这几乎是自然的。如果设计得很好,并且经过深思熟虑,大多数用户都会立即获得有关体验的知识。

如果用户体验差,用户将变得沮丧,很可能不会再次访问网站,寻找更好的解决方案。始终牢记可用性。您的设计可能看起来很棒,但是如果它不实用,并且易于使用或学习,那么设计就变得无用了。

Denny最近的设计显示了很多内容,但是依赖于水平和垂直滚动,这使得导航更加困难。

10.更多地关注设计而不是内容

黄南高端网站制作在20世纪现代建筑的工业设计阶段,一种共同的原理形式-跟随功能得到了广泛的应用。这一原则与近期历史上任何形式的设计并驾齐驱。

同样的规则适用于从建筑到图形和网页设计的所有东西。对象的一种形式应首先根据其预期的功能或目的而定。

网站就像互联网上收集的一桶信息。用户使用他们访问的每个网站来消化他们选择的数据。如果用户由于糟糕的用户体验而无法获得他们需要的信息,那么他们就转移到另一个来源。人们需要快速的信息,这也是为什么互联网如此庞大和强大的一个重要原因。

形式超过功能在许多正确设计的网站的成功中起着巨大的作用。这些网站既美观又自然实用。

Craigslist首先关注内容,而不是设计。用户可能会对完全重新设计用户体验做出负面反应。

我们只介绍了网页设计师经常犯的几个错误。我们都经历过更多的错误。分享你在下面所犯的错误,并告诉我们你为纠正错误所做的事情。





二维码