提高网站制作的8大设计原则,你有做到吗?

2019-03-07伟之琦建站

  网站建设过程中网页设计的多元性远比我们想像中重要许多,我们可以任意修改网页但如果整体看起来很糟糕对我们制作网站的初衷没有任何助益。企业网站制作不单只是设计师的责任,同时也包含了企业的行销概念。我们对设计的领域了解越多,应用于网站制作上成效也会越好。下面郑州建站公司汇总了8个实用的网页设计原则供参考:
  实用的网页设计原则#1 :视觉阶层
  好的视觉效果引人注目,视觉效果是好网页设计中最重要的要领之一。因为视觉反应是全部感官中最快也是最直接影响我们情绪反应的,当用户首次进入网站,最推荐的是哪个部分呢?当然是网页中我们想推荐的重要内容,而不是其他的地方,我们希望传达怎样的讯息,就将比较重要的项目突显出来。
  视觉阶层并不单只受大小形状的影响,像网上商城运用了要求行动的概念,以颜色突显出“加入购物车”;网站中项目和元素的排列应该根据该企业的经营目标而订,如果缺少明确的目标,是很难厘清先后顺序的。
  实用的网页设计原则#2: 黄金比例
  1.618是黄金比例的代表数,是让很多东西达到力与美的绝佳展现,此外也有费波那契数列,其中每个数字都为前两数字的总和—0, 1, 1, 2, 3, 5, 8, 13, 21……依此类推。值得注意的是,两个看似不相关的数字可以推算出与其相关的数字。很多艺术家与建筑师都是按照黄金比例完成他们的作品或工程,其中最著名的就是建于古希腊时代的帕德嫩神庙。这可以被用于网页设计上吗?
  当然没问题,如果屏幕宽度是960px,将它除以1.618 (=593px),我们就值得了网站的内容可以是593px,以及边框是367px;如果网页高度为760px,可以将它分两块分别是479px和299px(760/1.618=~470)。
  实用的网页设计原则#3: 席克法则
  席克法则讲的是:每增加一个选项,做决定的时间就会增加。当使用者在网页中遇到越多的选项,就会让网站在使用上的困难度增加,或者完全不想使用,为了让使用者能够更乐在其中,删除一些选项是必要的,删除不必要的选项是为了让整个设计更加简洁有力,以展现出良好的网页设计。
  在这个资讯爆炸的时代,人们要的是精简过的选项!如果产品种类繁多,筛选过的商品会使人更容易做决定。
  实用的网页设计原则#4: 费茨法则
  费茨法则指出,移动到目标区域(例如:点击按钮)所需的时间,是到目标的距离和目标的大小的函数。也就是说,物体越大且距离越近,就越容易被使用。
  网页设计中越大并不代表越好,显而易见占去半个版面的按钮绝对不是好的,就算如此,费茨法则是二进制对数这也说明了对于可用性预测的结果是沿着曲线进行,而非直线。若能将一个很小的按钮放大20%,将增加它点击的容易性;按钮的大小应视其点击率的高低而订,需要先了解大多数的人最常点击哪个按钮,再决定是否增加它的大小。
  实用的网页设计原则#5: 三分构图法
  在网页设计中使用图像效果非常好,因为图像视觉效果所传达的讯息远比文字有效。图像应依循三分构图法:想像这个图像由两条相同纵线及横线,均分成九等分,再将你所想传达或表示的讯息沿着这些线条或交叉点放置。
  网站制作中会发现图像图文配置后整个版面既活泼又不失工整,这就是三分构图法的魅力,使用亮丽的大图像有助于设计,并跟着这个原则,使网站更有趣、更吸引人。
  实用的网路设计原则#6: 格式塔法则 (完型法则)
  格式塔心理学是一种思想和大脑的理论,主要表示,在注意物体的细部之前,人们倾向先观察物体的全貌。
  应用到网页设计上就是在进入一个网站时,我们习惯先浏览整个网页,而不是单单只注意标题、浏览项目或页脚等。其中一位构图法的创始人科特考夫卡表示:“整体与其部分个体是独立存在的”。
  1. 接近法则
  我们会将相近的东西集中在一起,然后它们进而就成为同一个体。在网页设计中,你必须确保每个物件不会让人把它们联想在一起;同样的,有些项目就需要被看成一个个体(浏览选项、页脚等)。
  2. 相似法则
  我们会将相似的东西分为同类,比方说相似的形状、颜色、阴影特效等。
  3. 闭合法则
  我们习惯追求物体的完整性,假设一个形状的线条有一些缺失,我们在看的过程中,自然而然的会补满那些部分。即使没有一个形状是完整的,我们还是能看到两个正方形重叠在四个圆上,假设少了闭合法则,我们会认为那些只是长短不一的线条,并不会觉得它们能组成一个形状。
  4. 对称法则
  在我们的认知中,普遍认为物体会是相对称的,且会有一个中心点。我们会习惯将物体等分成数个小部分。当有两个相对称的东西时,我们很自然的会将它连在一起。
  5. 共方向法则
  我们通常会将物体沿着它的线条方向而视,同向的物体基本上会被归类在同一区。举例来说,指着同方向的物体或手势会被分在一起,这个概念可以套用到网页设计,让使用者跟着你的指示浏览网页(像注册表格、价值主张等)。
  6. 连续法则
  我们基本上认为一条线会继续沿着它的方向发展,在有交叉的情况下(像线条十字交叉),就算它们重叠了,我们还是会觉得那两条线是没有关联的。
  实用的网页设计原则#7: 留白与简洁
  留白部分是页面中空白的地方。也就是指图表、边缘、装订区域、各行列之间等的空隙。其实空白的部分是网页设计中非常重要的元素,它让网页中的内容更突显出来,留白部分是使用了阶层的概念,像是各类型的资讯、颜色或图像。这也说明了为什么简洁的网页设计是相对好的。
  足够的空白空间会让网页看起来很舒适干」,虽然简洁的页面更能传递出所想表达的讯息,但这不代表要将内容简化。简洁的设计是指在页面范围中充分运用空间,在设计之前,你必须知道要如何充分发挥留白的空间。
  将留白的原则套用于网页设计中,除了能更突显网页所想传递的讯息,也易于浏览者阅读;空白的部分不仅使网页看起来更精巧,也易于阅读及增强网页所传递的讯息。
  实用的网页设计原则#8: 奥坎的剃刀
  奥坎的剃刀原则说明:从各假说之中,挑出一个最合理、最浅显易懂的假说。以设计的领域来看,奥坎的剃刀原则说明了最简化的方法往往是最好的。外观虽然重要,但更重要的是网页的操作性,越简单越好。
  总结:好的网页设计与艺术是不同的领域,在了解企业目标之后,网页设计的风格是因使用者而订,在网站制作中使用上述推荐的网页设计原则,可以使网页在观感及效益中都得到良好的效果,脱颖而出。
  • 上一篇:网站建设中10个简单步骤有助于提升为成功网站
  • 下一篇:汇总网站建设中判断网页设计好坏的10个重点
  • 新闻中心
    网站改版不要盲目(网站改版:合…

    本文将探讨如何在网站改版过程中避免盲目行动,通过合理规划和有序实施来解决企业面临的问题和挑战。

    如何制作适应不同手机尺寸的网…

    同样的内容,要在大小迥异的手机屏幕上,都呈现出满意的效果,并不是一件容易的事。 于是,网页设计师不得不…

    使用者体验对网页设计影响比较…

    网页设计不只是单纯华丽的界面,使用者体验也很重要 网页设计不是单纯把界面设计的很华丽,代码写一写就可以…

    三种网页开发语言的不同之处

    一、网页开发大势所趋随着wifi的全面普及应用,现在的互联网已经可以称为移动互联网,大家不仅可以在电脑上…

    客户评价