首页 > 业界 > 关键词 > 网页设计最新资讯 > 正文

网页设计中的7个基本原则

2021-01-09 09:41 · 稿源:站长之家

网站设计对于能否给用户留下好的印象至关重要,你可以采取各种策略来提高转化率或符合搜索引擎要求(提高SEO排名),但如果网站设计让人不令人满意,那么一些可能只是徒劳。

SEO,关键词,网站,数据

确保网站有不错的视觉效果,并提供无缝的用户体验是重中之重。WebFX的研究表明:

  • 94%的第一印象与网站设计有关。

  • 一个网站75%的可信度来自它的设计。

  • 89%的消费者会因为用户体验不佳转而选择竞争对手。

你的产品和/或服务可能做的很好,但如果没有充分展示你的数字品牌,可能会面临达不到目标的风险。

设计是一种营销,它传达了品牌的个性。如果你想要以吸引人的方式受众推广品牌,那么你需要遵循以下7个基本原则,才能创造出吸引力:

1. 视觉层次结构

网页设计中最重要的原则之一,视觉层次是关于重要元素的排列。每个页面内容的层次结构是由以下因素影响的:

  • 尺寸:较大的元素更容易被注意到。

  • 颜色:明亮的颜色比暗淡的颜色更能吸引注意力。

  • 方向和对齐:与其他大部分元素不同的元素会更突出。

  • 重复:重复相同的风格可以暗示内容更相关。

  • 对比:色彩的强烈对比会使一个特定的元素突出。

  • 留白:元素周围留有更多空间更能吸引眼球。

  • 纹理和风格:更丰富的纹理和/或风格更能脱颖而出。

这个原则的一个关键部分是,你想建立一个让受众最关注的区域。铭记自己商业目标,并对受众最需要看到的内容进行排名。然后调整上述特征,以确保人们会关注到这些东西。

2.希克定律

根据希克定律(以心理学家威廉·埃德蒙·希克和雷·海曼的名字命名的),建议你给用户的选择越多,做出决定的时间就越长。

大家应该都有这样的经历,比如去了一家有很多菜选择的餐馆,就会花更多时间决定点哪些菜。

同样的道理也适用于网站,你提供给访问者的选项越多,他们就越难浏览。基本上,你需要保持简单并排除选项。如果你提供的产品种类很多,那么考虑提供一个过滤功能,不要隐藏它!

想象一下,如果亚马逊、淘宝等在他们的主页上展示所有的产品,那只会让用户看花了眼。

3.费茨定律

这一定律以著名心理学家保罗·菲茨的名字命名,使用指点设备到达一个目标的时间,与当前设备位置和目标位置的距离(D)和目标大小(S)有关。

1.设备当前位置和目标位置的距离(D)。距离越长,所用时间越长;

2.目标的大小(S)。目标越大,所用时间越短。

例如,将鼠标(指移动设备拇指)移动到你想点击的下一个地方所需要的时间。通过到目标的距离除以目标大小来计算。因此,网站上的距离越长,元素的大小越小,用户到达它需要的时间就越长,这就导致他们需要花费的精力更多。

记住,好的UX(用户体验)是让你的用户更容易而不是更困难,但这并不意味着越大越好。占据半个屏幕的按钮显然就非常不合理。

更重要的是在屏幕主要元素上与所有其他按钮保持合理的比例,对于不同设备(如手机、平板电脑、台式机等)来说是不一样的。

4. 三分法

三分法来源于黄金分割理论。三分法解释了一张图像应该被分成9等份。如下所示:

将图像分成9等份,可以得到4个交点。这些交点往往是会让大家眼睛停留最久的位置。设计师可以根据重要性定位图片想要突出内容的位置。

正如你在上图中所看到的,你的眼睛会花更多的时间在右上方的交叉点上,那是也是适合放置关键内容的地方。不管你是不是有意的,三分法总是有效的。

5.格式塔设计原则

格式塔设计法则是德国心理学家马克斯·韦特海默、库尔特·考夫卡和沃尔夫冈·柯勒设计的一套原则,描述了人眼如何感知元素。

这些原则的名字“格式塔(Gestalt)”,在英语中的意思是“统一的整体”,建立在“一个有组织的整体,被认为大于其各部分之和”的理论基础上。

构成格式塔设计法则的法则多达10条,但最常见的法则是:

1. 简单原则(Simplicity),人脑有化繁为简的能力,设计的构图越复杂用户理解起来越费劲。

2.图形与背景关系原则(Figure-ground),在设计中应用图形与背景关系原则,可以使你的作品传达信息的方式有很大的不同。

3.接近性或邻近原则(proximity),即空间中距离相近的元素有被看作一体的趋势。

4.相似原则(similarity),刺激物的形状、大小、颜色、强度等物理属性方面比较相似时,这些刺激物就容易被组织起来而构成一个整体。

5.连续性原则(good continuation)

如果一个图形的某些部分可以被看作是连接在一起的,那么这些部分就相对容易被我们知觉为一个整体。

6.封闭的原则(closure).有时也称闭合的原则。有些图形是一个没有闭合的残缺的图形,但主体有一种使其闭合的倾向,即主体能自行填补缺口而把其知觉为一个整体。

这些设计原则对于设计适合品牌的网站至关重要。好的用户体验让用户的生活更加轻松,那些访问你网站的人应该一眼就能找到他们要找的东西。

6. 留白

整合空白(元素之间的空白)是一个很好的做法,可以确保你的网站不会堆满内容。应该创建一个简洁的设计,以正确地传达你的信息,以你必须明智地决定把包括图像在内的内容放在哪里,以及不放在哪里。

在上面的图片中,页面的一边是拥挤的,不利于阅读;另一边是清晰的,便于浏览者一眼就能看到内容。总而言之,一定要避免填鸭式的内容。

7. 奥卡姆剃刀原理

“奥卡姆剃刀”(Occam 's Razor)是哲学家奥卡姆(Occam)威廉(William of Occam)提出的另一个保持简洁的原则。再次强调,不要用信息轰炸人们,而要采取极简主义的方式。简单往往是正确的。

如果你不想完全隐藏所有的信息。把它放在次要位置,比如放在网站的另一个页面上。那些认真寻找关于你的企业信息的人会主动去找到它,但对大多数人来说,他们只是想在登陆(首页/介绍)页面上看到简单的内容。

结论

可以说这些原则中有一些是重叠的,但是,你仍然需要把每一个都考虑进去。有效的网页设计并不等同于好的艺术。你的目标只是让人们在你的网站上停留足够长的时间,以完成业务目标,同时提供高质量体验,让他们继续回访。

注:文章由站长之家编译自uxplanet,内容有删改,点击这里可阅读英文原文

  • 相关推荐
  • 大家在看
  • 小议搜索需求与SEO网页title

    一般符合SEO的网页title怎么写?大概就是「一个核心词」+「N个词缀」,一个词缀代表一个搜索需求。在很多行业,搜索需求并非一成不变,随着移动设备、网络速度、地理位置、网页技术进展等搜索场景的变化,会同步新增,或减少一些搜索需求

  • 干货!简化和改进站UI设计的7个技巧

    据统计,成年人平均每天在手机上花费3到4个小时。尽管大家不懂如何创建APP或网站,但却能明显感知一个产品设计的好坏。这可以很明显的映在产品使用时间上,并且很大程度可以归结为直观的用户体验和可能被忽视的UI界面。

  • 苹果上线支持页面详解 AirPods Max 低功耗工作模式

    因为苹果没有在 AirPods Max 上加入开关,所以这款耳机的低功耗模式具体是如何运作,在发布后便引发了很多的疑问。日前苹果就放出了一份支持文档来详细对该问题进行说明,苹果概述了刚刚发布的 AirPods Max 的关键性能指标,包括充电和电池相关方面。

  • 谷歌正在测试桌面浏览器 Google 搜索页面的黑暗模式

    据9to5Google 报道,尽管夜间模式目前已经在Android和iOS移动端上很普遍,但在桌面端的大屏幕上却很少见。而Google目前已经在正在A/B测试其桌面搜索页面的的黑暗模式支持。

  • OPPO海外主题商店设计私享会:发布三大计划,组建百强设计师矩阵

    12月22日,由OPPO海外主题商店主办的《乘风“造”浪》2020设计私享会在北京圆满结束。活动期间,OPPO海外主题商店团队从海外主题商店市场现状、海外用户喜好、海外主题内容生态建设等多个方面,与到场设计师、设计团队及开发者进行了深度分享,同时带来“冲浪计划、驭浪计划、造浪计划”三大计划为主题内容出海保驾护航,并宣布组建“百强设计师”矩阵,与OPPO海外主题商店官方团队合作,共同为全球用户打造优质的主题内容。通过海

  • 厦门外贸优品展新展开幕,在厦门看见当代好设计

    2020年12月25日,“厦门外贸优品展——厦门好设计”暨“看见当代好设计——2020当代好设计奖获奖作品展”在厦门红点设计博物馆正式开幕。“厦门外贸优品展——厦门好设计”由厦门市商务局主办,红点设计博物馆?厦门承办,厦门市进出口商会协办,展览将全方位展示厦门企业出色的创新设计,引导外贸企业精准对接国内市场消费升级需求,打造高品质且符合消费者需求的产品,推动内销产品品牌化、规模化,以设计助力企业转型、产业升级?

  • 元旦来袭!字体超市让你活动设计快人一步!

    转眼2020年即将接近尾声了,你们做好了迎接2021年的准备了吗?​字体超市已携手各大字体商家早早为大家备好新一年的元旦活动字体啦,赶紧来提前感受一下节日的气氛吧!

  • 2021年移动UX设计十大趋势

    2020年即将结束,这是探索2021年将会有什么样的改变最佳时机。以下是将影响2021年的10大移动用户体验(UX)设计趋势。

  • UI设计暗黑模式指南,助你增强用户体验

    ​从手机屏幕到大屏电视,黑暗模式的UI设计随处可见。暗黑主题更能表达力量、奢华、精致和优雅。然而,暗黑模式UI设计也带来多种挑战,如果没做好,就无法满足人们的期望。因此,在决定采用这种模式之前,设计师们应该先谨慎考虑。

  • 新顶级域名nTLD对网站优化有什么好处吗?

    John Mueller表示:谷歌对所有域名都一视同仁,并不会因为网站使用了新顶级域名(nTLD),而在SEO排名上有所提高或降低。同理,在域名名称中添加数字或者国家、地区的名称也不会让网站的SEO有所提高。因此,站长在选择域名时,只需选择与品牌契合的网域名称,并挑选任何一种顶级域名类型即可。使用新顶级域名或在域名中添加数字并不会提升网站的排名。

  • 卡贝家居喜获2020当代好设计

    12月18日,备受期待的2020当代好设计获奖名单正式公布,卡贝家居携旗下的“顶红”面盆龙头和“黑晶”面盆龙头从众多设计作品中脱颖而出,双双荣获“当代好设计奖”,彰显了卡贝家居卓越的产品设计能力。“当代好设计奖”简称CGD,由德国红点奖机构与厦门文广传媒集团共同发起,旨在为当代社会甄选好设计。当代好设计奖沿袭了红点奖的的国际顶级设计奖项运作经验和设计资源,极具专业性、严肃性与权威性,被工业设计界认为是全球最?

  • 库克回应有些用户沉溺苹果设备:不会设计过分吸引用户的产品

    受疫情影响,人们开始更加依赖于自己的手机,当然极个别用户甚至会出现沉迷手机的现象。据QuestMobile数据显示,过去一年,移动用户月人均使用时长增长了12.9%,由2019年4月的128.2小时增长至2020年4月的144.8小时。

  • 一加手表和一加手环大量功能信息泄露,手表将采用方形设计

    一加曾宣布在今年发布其首款智能手表,有可能在第一季度发布上市。同时还有消息称一加会推出一款手环产品,现在有一条爆料内容,同时提供了大量有关一加手表和手环的功能等信息。

  • Mozilla正更新Firefox的设计 地址栏将有大改版?

    Mozilla正在为该组织内部称为“ Photon”的Firefox网络浏览器进行设计更新。Firefox上一次重大的设计更新是在2017年11月Firefox57发布的,当时被称为“Photon”。

  • 为肥宅而生?肯德基游戏主机可以炸鸡!还设计成空气炸锅形状

    还记得近年7月份,西二旗某公司程序员用CPU烤肉的视频吗?这种大胆的想法还真的有人做成了产品。据外媒报道,肯德基早前公布的KFConsole游戏主机将于下月公布更多细节。外媒称,从肯德基六月份公布这款产品以来,酷冷至尊就一直在与肯德基合作开发该产品。

  • 谷歌回应反垄断诉讼:重新设计搜索会损害互联

    谷歌在官方博客上做出了回应称,其搜索引擎是根据用户反馈而演变的,而不是为了让竞争对手处于劣势。“我们通过严格的测试发现,用户更喜欢这些类型的丰富结果,”该公司在谈到其当前的设计时写道,其中包括与企业(和其他谷歌服务)的直接链接。谷歌表示,竞争对手必应的设计也表明微软已经从其用户那里收集了类似的反馈。

  • 亚洲家居装饰展3月重启 设计本联袂打造高峰论坛

    3月24日,2021 HD+ Asia 亚洲家居装饰展(简称HD+Asia展会)将在上海盛大开启。届时HD+ Asia 展会将汇聚来自全球728+展商参展,为家居行业带来最新的产品和前瞻性设计理念。展会上,HD+ Asia展会将联合设计本打造“陈设深圳 摩登上海”软装论坛活动。作为国内高端室内设计服务平台,设计本致力于为室内设计师提供原创作品展示及品牌推广,为全国数百万业主提供高端个性化室内设计服务。此次双方联袂合作,将给行业带来一场设计盛宴

  • 华为旗下哈勃投资九同方微电子公司 后者服务于集成电路设计

    近日湖北九同方微电子有限公司(下简称“九同方微电子”)发生工商变更,股东新增哈勃科技投资有限公司(华为投资控股有限公司全资持股)、深圳市红土善利私募股权投资基金合伙企业(有限合伙)。

  • AMD申请了基于MCM模块化芯片设计专利,GPU将采用多核封装

    据wccftech报道,AMD 于2020年12月31日向美国专利及商标局提交了一份专利申请,展现了全新的模块化 GPU 设计方法。该图形芯片令人回想起基于MCM的CPU设计。

  • 【科勒精选,为美执着】科勒精选尚思智能座便器获美国室内设计杂志年度大奖

    凝聚科勒精选品牌的高标准与高品质,将设计、艺术与科技融入每一件产品,科勒精选 尚思智能座便器延续品牌经典,融汇尖端科技与艺术设计,缔造冠绝群伦的非凡体验,近日荣获2020美国室内设计杂志《Interior Design》年度大奖(Best of Year Awards)卫浴设施类大奖。年度大奖(Best of Year Awards)由美国权威设计杂志《Interior Design》创办,今年恰逢15周年。作为表彰全球设计行业从业者的卓越奖项,《Interior Design》年度大

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议
  • 热门标签

热文

  • 3 天
  • 7天