网页设计的原则:必须遵循的五个设计原则

网页设计的原则:必须遵循的五个设计原则
本教程将向朋友介绍网页设计的原则,即讨论必须遵循的五项原则。这个教程真的很好。值得学习。建议像你这样的朋友一起学习这个教程。

本教程是向朋友介绍网页设计的原则,并讨论必须遵循的五项原则。这个教程很好,值得学习。推荐给你最喜欢的朋友,快速学习。

从字体设计、绘图到版面设计,总有几个共同的原则在设计中。它适用于网页或打印。然而,在网站设计中,许多应该被搞乱了规则,只是跟着感觉走。这并不是说设计师是放松规则,但大多数网络工作者不知道他们应该遵守这些规则:mdash;mdash;即使他们知道,他们不知道如何使用它。

根据网页,以下是以下内容:
平衡

平衡是很难处理的。网络上的平衡有两种mdash;mdash;对称与不对称。我们都很习惯看对称的图片,像我们年轻的时候,剪纸花一起切开两边,这样开口对称,这种对称平衡是公认的(所有镜子反映反正),很难平衡的非对称构图。

两个例子:

图1减

不对称平衡
图1显示了在许多地方在不对称平衡的一些重要原则。你看,如一张狗的旗帜,——-黑,,在画的左边。一个X出现在图片的右边。这看似随机的灰度X是为了平衡画面的关键因素。这样,你的视野将参与中的景象。除了旗帜图,网页标题也出现在设计如mdash;mdash;菜单栏的大小和颜色都比较重,所以在减瞧,是用黑字和黑色线添加到它,所以它会在上、下水平相对均衡。

图2苹果

对称平衡

苹果是现代网页中对称平衡的一种模式,如图二所示,每个元素都排列在中轴的两侧,创造视觉和谐。
比例

对于网页元素来说,不能清楚地看到文本的长度,因此它的布局与网页的平衡和视觉上的压力密切相关。
tumbrl

如何权衡这些元素的大小与每个元素的性质密切相关。例如,当你浏览两列的页面,你会发现右边的框比左边的框中,有一些关键的信息,这是由人的视觉习惯--确定;mdash;即使文本框放在左边,元数据放在右边,它会不知不觉地朝右边看了看。所以,它的元数据占用权的地方不太科学,有些人喜欢用宽度为每列相同的网格布局,如图一。另一个人可能喜欢黄金分割率,也就是说,右边的盒子是左边边框的1.62倍。

一些网页被设计成与重要性程度成比例。


在这个页面中,各元素的比例控制得很好。不仅是视觉水平很好,水平的意义也很好。从产品的低(1),然后引导用户的行为(2),然后到一个相对密集的文本(3),布局非常合理,图文混排的地区,的标题和文字分割的重量,与左图标的关系都非常小心。当你看到这个页面,你也觉得整个很协调。

但是上面的例子有点旧了,而且网页非常扁平。

今天的网页可以通过交互设计来提高网页上显示的页面的比例。
比如,国际广告大奖网站的爸爸,当页面滑动时,页面栏的比例会降低,这样人们的注意力就会更加集中在中间部分,更应该注意阅读内容。
节奏

网络上的节奏感很重要,甚至比数据更重要。特别是那些有大量的数据和长页面的页面。例如,网站,digg,有网页上的双目录,但它也遵循一定的节奏感的原则。
Digg

Digg首先表现在标题部分的水平导航栏,然后跳到主要内容的显示部分,每一条上市反过来。这给读者一个连续的感觉,它会滑下来,这个小伎俩也用在前10排右边。
Tumblr

我们可以用音乐来理解这种视觉的节奏感,每一页都需要一些视觉上的停顿。这取决于你是否想让读者快速浏览信息,或者插入有趣的图片,或者引导读者按下下载的按钮。

如果所有元素在网页上的权重相等,那么节奏也很一致。这样读者就不会感到无聊了。(想想那些唾液歌),看看它,然后再也不想看到它了。如果你看到你想让他们看到的东西,你想看什么

如果页面上有太多的变化,这将是非常混乱的,这违反了身份原则(以下),最重要的是在网页的某些部分保持一致性。

在每个部分的节奏感是由不同的需求,确定像Digg,但整体上还需要在颜色或形状是一致的。
强调

在设计中,有比一圈没有更有魅力的模式,尤其是在网络设计,全是四合院的领域。一圈不需要使用颜色或白的明亮的眼睛。它可以很容易地吸引用户注意它的形状特征。这就是为什么你的眼睛总是被最新流行的标志所吸引,但圆最大的魅力仍然在于Lo。

图4a:一个分开的列表

正如您在图4a中看到的,一个列表使用了一个以上,但多个组的圆突出了它的LO。您可以注意到它不仅使用了发布代码(1)的符号,而且还注意到右侧的较小标记。

你还可以强调使用白色或颜色,它们可以与图形一起使用。三个元素同时使用会引起夸张的吸引力,使用户很难注意到页面的其他部分,尤其是主要内容。

图4b:眉目传情

眉目传情也把空白和颜色两大刷存在感。色彩鲜艳的眉目传情的标志和白色的面积总是吸引你的眼球的瞬间。眉目传情的设计不仅加强了它的标志,但也会让你的眼睛自然地从左到右:你的眼睛能准确地找到搜索输入箱,自然地移动到右侧的主搜索的关键。Ogle可以为用户提供搜索结果的质量最好。成功的因素之一是充分利用基本的视觉技术,为网页创建一种极佳的易用性。
整体意识

总的感觉是不同的人,不同的观点。概念,是一种一个感觉,没有一个元素真正不能满足设计的气氛和感觉。
好吧戴夫

有诚信意识的一个重要例子mdash;mdash;Dave Werner的组合作品,网站的每一页手稿,图钉和其他一些混合的东西,他把这些元素结合在一起,创造出一个整体的认识。不相同的元素显得太突兀,也没有不同的整体风格。

在他的作品中,即使是大量零散的个人元素,也被成千上万的笔记和草图所覆盖。这就形成了一个独特的作品设计风格。在他的收藏没有网页,你看不到任何痕迹(鞋钉的界面元素的组合)上。

你可能不是一个大牛市(我没有),但我希望你能吸收一些在这些例子中设计的经验,这些经验可以帮助你做出最理想的视觉效果,也能使用户的眼球跟随你的意图到指定的网页。如果没有这些元素,你不能即使你设计看起来太坏的突破。这些原则本身是很简单的,但作为设计师,我们必须注意到他们所有的时间。

本教程的结束,以上是网页设计的原则,必须遵循五个设计原则,教程都很好,希望对你有所帮助!

tag:设计原则网页设计原则电脑软件

相关内容