|
设计人员应该注意的网站设计布局规则规划网页设计布局是网页设计师必须学习的第一项技能,尽管网站设计总是在变化,但每个设计师都应遵循一些基本原则。 本文是由我们上海襄企的设计师团队创作的,不管是初学者或是已经在该网页设计领域已经有经验的人员都需要遵循这八个基本规则。 无论您的技术水平如何,您都应该发现这几项规则很有用,因为在这个充满各种令人眼花缭乱的效果和奇特的创新的世界中,返璞归真也是非常有必要的。 以下是我们归纳的具体内容: 页面布局基础: 页面布局是指各种元素的排列方式,网页设计中,非常重要的一方面是视觉层次。 页面布局过程中因该将重要的内容放在比较显著的位置,以便访客能更快的看到。而不重要的元素可以放在不太显眼的位置。视觉层次结构涉及到我们需要展示的信息结构,好的视觉层次将会帮助访客更方便浏览页面。 简而言之,良好的页面布局可为用户提供以下线索 (1)每个页面元素的重要性 (2)元素之间的关系 设计良好的页面布局的主要目的是清晰有效地传递信息,而不会分散用户的注意力。 设定目标对象 在不了解用户群体以及用户体验的情况下,您不能盲目的进行设计,网站最终是以客户需求为导向,客户对您网站的体验如何最终将决定您这次设计的成败。 混乱的布局会影响客户的使用体验并导致他们不满意,在设计之前您需要分析目标受众以及他们的浏览使用习惯,然后根据他们的需求来设计一个功能性和视觉上令 他们欣赏的页面布局,这样才能让他们更愿意浏览网站。 网站设计布局的8条规则 既然您已了解了设计布局的基础知识,请查看以下8条规则,这些规则将确保您的布局达到理想的目标: 1.三分法则 这条法则在网页设计重并不常用,但是在室内设计、画作、摄影中会经常使用它,三分法则指的是将一个页面给它分割成三行三列。 线条相遇的地方都应放置一个主体,对于无法平衡设计的设计者而言此技巧简单有效,并且很少会失败。 2,网格 网格也是如此,初学者和经验丰富的设计师都可以使用网格将他们的设计元素放在一起(不一定是实际网格,虚拟网格也行)。使用网格意味着将页面分成方块,以帮助设计者以均匀分布的方式放置元素。 网格可以很方便的适用于任何类型的项目。它们以使设计干净,平衡和有序而著称。 3.视觉层次 这是本文前面提到的原理,其实也应该将其定义为设计布局的规则,只要您知道该怎么做,人眼就能以您想要的方式完全感知页面上的元素。 为了遵循此原则,请先一次排列好元素的重要性,然后按层次排列这些元素,最重要的元素必须获得用户最大的关注。 4.对称性 没有对称就没有美学效果,网页设计基于对称与和谐,应避免将元素集中在页面的一部分,而将另一部分留空,讲究页面的对称性,页面将变得完美。 5.吸引客户注意力 网站同时包含静态和动态内容,因此你必须找到一种平衡这两种内容的方法。为了吸引注意力,请大量使用视觉效果,图片更易于吸引客户注意力,并引导他们去浏览。 科学证明人眼是非线性的,这意味着人眼可以轻易的被某些精心设计的视觉效果吸引,您可以利用这种方式来引导客户。 6.空白空间 设计并不意味着您必须用内容来填充整个页面,流出空白空间同样重要,它可以使用户有片刻的休息时间,在信息密集的网站上,认知负担确实容易使人疲惫,而平衡负担的唯一方法就是通过负数空间。 使用它可以将您的内容划分多个区域,以帮助用户更轻松的消化展示的信息 7.视觉流程 视觉流程与视觉层次结构不同,但是概念紧密相关。在谈论层次结构时,您只是根据元素的重要性进行排列。 在设计流程时,您需要周密地组合这些元素,以使用户浏览页面变得顺畅,并具有从一个元素到另一个元素的逻辑流程。 8,一致性 最后你需要保持页面的一致性,好的设计在导航,外观、字体、基本布局上始终是一致的,您不能为同一个网站使用多种设计样式,保持一致,页面将显得干净简洁。 总结 由于每个人的审美角度不一样,网页设计通常具有主观性,所以很多人认为网页设计是比较困难的,其实只要您遵循这些简单的设计布局规则时,网页设计似乎一点也不复杂。 |
7x24
在线售后支持