网站建设时使网页设计美观的7个关键原则(上)

发布时间: 2019年10月15日

1.保持设计平衡。

平衡就是确保您的设计不会偏向另一侧。这就像实现对称或不对称时的重量平衡。

在下面网站的标题图形中查看这只狗。右侧的十字形如何弥补狗左侧提供的视觉重量。用手遮住十字架,亲眼看看。

这就是我们所说的不对称平衡。如果您不善于安排布局,则设计会很快变得不平衡。可以通过多种方式来控制设计的视觉效果,例如颜色,大小以及元素的添加或删除。如果要制作一个充满活力的橙色十字架,它将变得更重,并且可能会使布局再次失去平衡。网站建设中如果网站实现不对称平衡是一件特别微妙的事情,需要花费一些时间进行微调,并且需要经过一定训练的视觉才能真正实现。

下面网页对称平衡的另一个例子。尽管标题图形是非对称平衡的,但设计的其余部分在下方具有对称的列。不对称的平衡可能更难实现,但是它会使设计更加有趣。

您会发现,您认为不错的每个设计都有一个结构合理的平衡点。而且,这里讨论的每项设计在我们网站建设中的七个原则中都得分很高。因此,花一点时间上下滚动,看看自己是否都通过了。

2.使用网格对设计进行分区。


网格的概念与平衡的概念紧密相关。网格是一系列水平和垂直标尺,可帮助您“分隔”设计。列提高了可读性,使页面内容更易于吸收。间距和三分法则(或类似的黄金分割)的使用使一切都变得更加轻松。

“三分法则和黄金比例”解释了为什么侧边栏通常仅占页面宽度的三分之一,以及为什么主要内容区域大致等于设计宽度除以1.62(在数学上等于phi)的原因。我们不会解释为什么会这样,但是在实践中似乎确实如此。这也是

为什么专业摄影照片中的拍摄对象通常不位于中间,而是位于假想的九个正方形网格(三乘三,两条水平线和两条垂直线)的相交处的原因。

网格非常适合极简设计。德里克·彭斯兰(Derek Punsalan)撰写的《三十一》(Thirty One)说明了以下原因:


虽然该设计本身在视觉上并不令人印象深刻,但清晰的严格结构元素使其易于使用。左列的大小大约是右侧边栏的两倍,这很有意义,在创建网站设计时需要考虑一下。


3.您的网站设计最多选择两种或三种基色。

如果您将网站上的基础红色更改为石灰绿色,该怎么办?因为它不属于同一调色板。诸如ColourLovers之类的网站存在是有原因的。您不能随便挑选Rambo风格的颜色。有些颜色搭配得很好,有些则不行。关于颜色及其组合的很多理论的存在,包括单色和对比方案约定,但很多归结为常识和具有感觉吧。


找出适合自己的方法。吸收尽可能多的网站设计,例如许多CSS展示网站(例如Best Web Gallery)中的任何一个,以了解颜色如何相互作用。在您的设计中最多选择两种或三种基色,然后在必要时使用这些基色的色调(较浅,与白色混合)和阴影(较暗,与黑色混合)来扩展调色板。

选择漂亮的颜色与选择正确的颜色(即作业的正确颜色)同等重要。一家舒适的小餐厅的Web设计将很好地适应“土”色:红色,棕色等。

Bence Kucsan的网站拥有自己的配色风格。它主要是单色的(单色的色调和阴影)和消色差的(黑白),而颜色(红色)突出:

黑色和白色传达出别致而专业的感觉,而红色则添加了使某些元素脱颖而出的香料,并防止外观显得沉闷。当然,不仅仅是红色使此设计有趣。顺便说一下,一家公司特别流行了这种风格。

说到色彩,尼克·拉(Nick La)设计的WebDesigner Wall绝对是幸福:

所有这些柔和的粉彩都使该设计更加耀眼。乍一看,颜色选择可能看起来有些随意,但是当您仔细观察时,会注意到严格定义的调色板,这对于确保所有元素都融洽相处是必要的。该网站,尤其是其背景,还展示了色彩和图形的完美结合,使我们排名第四……


4.网站建设设计时也可尝试使图形配合。

好的,网页出色的设计不需要精美的图形。但是不良的图形肯定会损害设计。图形会添加到可视消息中。WebDesigner Wall网站上的插图令人印象深刻,而其他网站则轻描淡写。

网站Max Voltar上仅使用了少量图形,但是他以大胆的想法和谨慎使用实现了它们。非侵入式背景图像和精致的表冠是其中两个图形。从外观上看,它们并没有给人留下深刻的印象,但是它们都可以增强网站的外观和感觉


一段时间以来,Max Voltar的设计与上面显示的设计有所不同。但是对于这个上线两个月来说,很容易成为人们的最爱之一。图形方面的使用非常出色,以下是最新版本的图形。

具有更多的图形功能,在网站建设中无论从技术角度还是主题角度而言,都可以完美执行。


您可能不是出色的插图画家或摄影师,但这并不意味着您不能在网站上放置精美的图形。只要懂的一些基本的Photoshop技能和一些库存图像及个性的品味。尝试使图形相互配合,并确保它们体现您想要的样式。接下来您也可以通过向其他人学习来挑选一些东西,但是有时候您只需要选择最适合自己的样式即可。

   

以上是4个网站建设中对于网页设计的4大观点,接下来请关注我们的网站设计3大观点;在此也为您推荐一款智能建站平台,www.eyingfbao.com.上千套符合此7项设计观点的模版,都可以为您省去设计的烦恼,人人可建站不再是空谈,免费体验热4006552477 15600002121.咨询有惊喜!!!





相关内容