当前位置:首页> 自助建站新闻> 武汉网站的巧妙设计——让页面活起来

武汉网站的巧妙设计——让页面活起来

发布时间:2021-05-20 11:00:00

如果你在创作时没有灵感,你可以停下来认真思考,用笔和纸涂鸦,勾勒出一些布局。或者倾斜的线条,或者不规则的图形,改变角度,也许你会发现一些灵感的突破。或者反复欣赏一些好作品,在不断的幻灯片预览过程中,可能会有瞬间的视觉冲击在你的灵感中。

为了使自己的页面设计具有鲜明的艺术特色,从众多页面中脱颖而出,下面重点就以下四点进行介绍。

在网页设计中,文本在整个界面中起着主要的作用,是传达信息的主要元素。字体的大小、颜色、字体样式甚至间距都会直接影响页面的视觉传达效果。图例如下:

整个页面趋于简洁,但文字和图形的巧妙结合使整个页面简洁而不空洞。同时,整体文字大小的对比也使得页面层次感更强。

合理地将字体进行灵活的艺术处理,使其图形化,既能呈现信息,又能使整体造型更符合设计主题,更具美感和艺术性。

虽然页面上的信息量很大,但由于合理处理了间距和大小的对比,整个页面看上去充实而不凌乱,很容易一眼就找到信息点。

网页通常由大小不同的列和表组成,这些列和表基本上非常方正。正确使用一些几何图形,如三角形、菱形或圆形,会使整个画面更加生动,起到打破惯例的作用。图例如下:

提取logo颜色,利用不同的几何图形形成固定的背景图案,使整个页面更加直观。

Logo采用了几何图形,导航则巧妙地运用了好的表现形式,使原有的信息量和页面看起来生动饱满。

利用几何图形直接作为快速列,在悬停状态下直接呈现内容,使画面简洁丰富。

古人曾说:“虚实相生,无画不妙”,那是留白于景的美。巧妙的使画面的空白更加透明流畅。避免了元素的积累造成图片拥挤,识别率低。当然,留白不是页面中的白色区域,而是没有其他元素的可视区域。图例如下:

以人为中心,大面积空白环绕,突出中心内容区,虽然信息量小,但简单、直观地表达了网站内容主题。

信息量大的电子产品页面,通过简化内容、留白设计,内容少,却突出了主要功能点,使产品看起来更加简洁、富有品质。

以图形为中心的个人网站,由于信息匮乏,大胆采用大面积空白设计。聪明之处在于在空白的基础上,将图形作为网站的主要特征和主题,透明、生动、严谨。

点缀,顾名思义,就是用小巧精致的手法来衬托或装饰原来的东西,使之更加美丽迷人。同样,合理运用点缀色也能对页面设计起到画龙点睛的作用。图例如下:

整体深色设计,配以紫色点缀,涵盖各种主要元素,突出信息,使原本沉闷的页面神秘而生动。

简洁纯净的页面,采用黄蓝相间的背景和元素点缀,丰富页面内容,增加页面活力。

大面积采用点缀色作为栏目背景色,使原有的方形页面明亮,突出栏目内容。以上是网站制作过程中的四点。当然,有四种以上的方法可以使页面生动,例如插图元素和动态效果,它们可以为页面添加颜色。这就需要我们在今后的研究中进行更多的总结和积累。