APP下载

浅析“点”在网页设计中的应用

2017-07-24

小品文选刊 2017年14期
关键词:界面设计网页页面

罗 玉

(四川理工学院 四川 自贡 643000)



浅析“点”在网页设计中的应用

罗 玉

(四川理工学院 四川 自贡 643000)

网页设计中“点”的应用主要体现在两个方面:点对网页设计构成的辅助性应用以及点在网页设计构成中的主导性应用。在网页设计制作中,我们可以通过这两种方式将网站主体内容进行点化。

点;网页设计;网页界面;应用

当我们在浏览网页界面的时候,如果一个精美的网页出现在你面前,你一定会留意这个网页界面的具体内容而不会直接跳过这一页面。所以,一个网站制作成功与否不只是要靠内容,网页设计也是网站制作成功与否的一个关键。点是构成页面的视觉空间的基本要素之一,如何将点与网页构成的其他要素相互之间的组成关系进行巧妙地结合与设计是将点应用于网页界面的主要因素。

1 点的定义

“点是最最基本的元素,是任何事物的开端。当要在一张纸上面画出一条线、一个圆或一个图形时,总是要从一个点开始。那么在一个空间里,如要画出一个点。这是不可能的,但是我们可以想象,赋予其‘点’的概念—当我们在仰望茫茫夜空,月亮便是夜空中的一个亮点,星星是更小的点。由此可见,点是一个相对概念,是由人类主观决定的。”[1]

2 点在网页设计中的应用

“从抽象形态的角度来看,‘点’是相对大小的概念。如夜空中的月亮,树上的小鸟等。作为现实的形态,在我们周边,相对概念的点的形态也随处都有—相对于墙面,砖头即为‘点’,相对于地面,石子即为‘点’。”[2]同理,在网页界面中任何一个单独而细小的形象即可以称之为“点”,例如在页面中一个文字,一个按钮,一个logo等都可称为“点”,并且“点”的形状并不是单一地指圆也可以是其它的几何形状。

2.1 网页设计中点的应用特征

“点是相对线和面存在的视觉元素,点排列的形状、方向、大小、位置、聚集、发散能够给人带来不同的心理感受和视觉冲击。”[3]无论是国内的网页设计还是国外的网页设计,设计师都在着重强调页面中元素整体与局部的协调的同时,也在强调设计作品的设计元素在整幅画面中的点的主导性构成。例如(图1),百度搜索主页面,将百度logo放置于网页界面的中心偏上位置,在视觉上形成简洁明了的视觉中心点,通过和搜索框形成的视觉线进行对比与结合,使得整个页面简洁清晰,导航栏也是由几个视觉点构成,最右边的蓝色框底与搜索框最右边的蓝色框底形成呼应,使画面在不对称之中又显得格外协调。

图1 百度搜索首页

这种将点元素融入网页界面使其与整体页面协调的辅助性设计,在国外的网站同样受用,例如(图2),苹果官方网页界面设计,在官网首页我们可以把导航字体看作为“点”把手机主图看作为面,导航字体简洁且精小在整个页面中仅仅是作为手机主图的辅助“点”而存在,这样的设计简单但不失大气。

图2 苹果官网首页

2.2 网页设计中点的作用与意义

通过对国内、外网页设计作品的分析,可以了解到网页界面是传达信息的桥梁。而这些设计师正是将网站主体内容通过这个桥梁进行点化,用这种形式加强网页界面设计的整体性、协调性、以及感染力,给受众人群增添了视觉的美感和形式的动感的同时,把信息处理的浓缩、简洁和直观化,以精炼的内容来传递信息,增强网页界面的注意值,进而使整个页面在产生视觉焦点的同时融合在一个均衡的布局之中,通过形式与内容地统一整合把主体凸现出来,进一步的传播网站主题理念。这种被点化的内容形成了一种视觉中心,并且运用各异设计的手法,如同构、对比及平衡等设计手法,多角度、多侧面、多层次全面来表现,强烈突出的视觉中心让网页内容中心明确、一目了然,成为整个画面的点睛之笔和视线的聚焦点,这样做既可以吸引浏览者的眼球,又可以给浏览者留下过目不忘的深刻印象。

3 总结

在网页设计的制作中,我们要在借鉴前人经验的基础上,勇于探索,尝试各种新的设计手法,将作品达到出奇制胜的境界。因此,我们在进行网页界面设计时,要把握作品画面整 体的统一性,使页面达到传播的内容的点化,从而避免画面内容凌乱、散漫而错过要表达的中心内容与主题,除此之外,还应该通过强有力的表现来表现出要表现的重点以张扬出网站的个性,避免网页内容的简单空洞、平淡无奇,这样可以在美化了版面、增强了审美意韵的基础上,既提高了传达信息的功能的作用,还达到了给受众人群过目不忘的目的。只有将设计内容的核心点化,才能将要传递的主题内容升华的令人印象深刻。

[1] 吴翔.设计形态学[M]重庆:重庆大学出版社,2008.第73页.

[2] 吴翔.设计形态学[M]重庆:重庆大学出版社,2008.第104页.

[3] 孙项洁.关于网页中的点线面[J].中国医学教育技术,2008,16(4):第235-236页.

罗玉,女,汉族,四川人,研究生在读,四川理工学院,研究方向:艺术设计视觉传达。

TP393.092

A

1672-5832(2017)07-0154-01

猜你喜欢

界面设计网页页面
中医养生APP界面设计
刷新生活的页面
“共享员工”平台界面设计
中国传统元素在界面设计中的应用
答案
基于HTML5与CSS3的网页设计技术研究
让Word同时拥有横向页和纵向页
手机UI界面设计中视觉艺术元素的构成
基于HTML5静态网页设计
搜索引擎怎样对网页排序