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