当前位置:首页 > 日记 > 正文

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

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

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

从字体设计、绘图到版面设计,总有几个共同的原则在设计中。它适用于网页或打印。然而,在网站设计中,许多应该被搞乱了规则,只是跟着感觉走。这并不是说设计师是放松规则,但大多数网络工作者不知道他们应该遵守这些规则: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的组合作品,网站的每一页手稿,图钉和其他一些混合的东西,他把这些元素结合在一起,创造出一个整体的认识。不相同的元素显得太突兀,也没有不同的整体风格。

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

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

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

相关文章

青春QQ的经典话语谈QQ空间

青春QQ的经典话语谈QQ空间

空间,话语,青春,经典,电脑软件,有些人喜欢读一些文章,尤其是一些美丽的例如,悲伤的句子,优美的诗歌等;;空间微语录,写下人生的悲欢,酸甜,记录自己的情绪。 第一,风向,更适合飞行、搏斗! 第二条,成功之路并不拥挤,因为坚持的人不多。 三,记住那天日落的奔…

经典签名快乐句经典签名

经典签名快乐句经典签名

乐句,经典,电脑软件,破坏关系的最好办法是听信谣言。为你的QQ选择一个经典签名。 1、听久了,看花开花落,感叹人生,想让别人明白。 2,俄罗斯需要一秒钟把世界变成交响乐,把你变成支柱。 三.对蚂蚁来说,一碗水就是海洋。 4,人生不仅需要享受幸福,更要…

镶嵌材料效果3dmaxPS图象处理软件

镶嵌材料效果3dmaxPS图象处理软件

处理软件,效果,材料,图象,酷图,本教程介绍制作很酷的朋友PS图象处理软件马赛克3dmax遮阳效果的教程材料的方法是很好的教程,很有用,推荐给爱,朋友可以跟着教程一起学习 本教程介绍制作很酷的朋友PS图象处理软件马赛克3DMAX材质效果的方法,很好…

用excel函数公式设置颜色excel函数

用excel函数公式设置颜色excel函数

函数,设置,公式,颜色,电脑软件,选择表格单元格颜色效果,格式化条件格式,选择公式;公式如下,然后选择格式;;按钮,选择颜色模式。 1。交错色效应(奇数行): = mod(行()(),2)= 1 2。隔行色彩效果(偶数行): = mod(行()(),2)= 0 三.如果要为3行应用程序设置一个底纹的格式,可…

QQ空间生活情调谈QQ空间的短语

QQ空间生活情调谈QQ空间的短语

空间,短语,情调,电脑软件,QQ,一、花光淡雅,水照真,人的光是纯洁的。人需要轻、轻、长的香味。不要打架,不要奉承,不要灿烂,好好品味。光真的味道,光是真的。如果心是安全的,那么如果你不伤害我,爱,做什么。痛苦是因为比较,忧虑是因为心。 二,如果心累…

华丽的双11黄金钻石PS图象处理软件

华丽的双11黄金钻石PS图象处理软件

图象处理,软件设计,黄金,电脑软件,华丽,该文本由两部分组成:菱形和立体表面,制作菱形字的方法是在线学习的方法,用图层样式和一些颜色调整工具完成,立体表面用等比例复制法完成。 文本包括菱形和立体曲面两部分,制作菱形字的方法是在线学习方法…

WPS如何调整工具栏WPS文本教程

WPS如何调整工具栏WPS文本教程

文本,调整,工具栏,教程,电脑软件,当我们用WPS编辑文本时,我们需要大量使用工具栏,很多朋友不经意地隐藏了工具栏,不知道如何调整它,其实很容易把这个方法分享给大家。 首先,打开要运行的WPS文档,然后单击右上方的隐藏按钮。 然后我们的工具栏又出…

PS使现实和奇怪的冻结效果

PS使现实和奇怪的冻结效果

冻结,奇怪,现实,效果,电脑软件,本教程是向朋友介绍PS创建一个现实的和奇怪的冻结效果的方法。教程产生的冻结效果非常漂亮,难度也不是很大。建议我们看一看。 很多人都看过现场后的一天,大概是获得10000冷冻很深的场景图像,甚至有些人想做一个…

把图画变成彩色海报的方法

把图画变成彩色海报的方法

方法,图画,海报,彩色,电脑软件,一个非常美丽的效果,把图片变成一个时装插图海报。 萧边今天在在线教程中看到了一张很棒的彩色照片。 先看看效果吧。 人物画素材: PS图象处理软件将图片转成一个彩色血流图课程:1。打开图片素材,复制一层图像阈…

如何2013word删除空白页word2013教

如何2013word删除空白页word2013教

教程,删除,空白页,电脑软件,word,当使用word2013编辑文件时,经常会有空白页,并删除它们。解决方法是什么当然!下面,萧边带你学习2013word如何删除空白页。 word2013无法删除空白页,主要是因为休息,但不显示默认页,所以不会删除空白页。 打开要编…

用PS制作橙色幻想卡通少女

用PS制作橙色幻想卡通少女

橙色,卡通,幻想,少女,电脑软件,本教程主要使用PS图象处理软件做卡通风格的签名过程。主菜是橙黄色的。整体色彩搭配非常漂亮。让我们和我们最喜欢的朋友一起学习。 设计素描 uff1a 课程uff1a 层序列: 原始图:…

最幽默的QQ个性签名搞笑个性签名

最幽默的QQ个性签名搞笑个性签名

个性签名,幽默,搞笑,电脑软件,QQ,QQ签名是展现我们个性的好舞台。一个好的QQ签名可以让你印象深刻。萧边在这里给你一些搞笑的qq个性签名,你想留下来。 1,月光在床前,他发现床上睡得很香,很脏,所以起床了。 2、铁杵能磨成针,但木杵只能磨成牙签,材…