APP下载

“艺术设计之美”在交互设计中的应用

2018-09-16王晓芸山东工艺美术学院山东济南250000

丝路艺术 2018年5期
关键词:网页布局艺术设计

王晓芸(山东工艺美术学院,山东 济南 250000)

选题思路

[1]艺术设计始终以生活为中心展开的设计构思,生活和艺术是彼此呼应的,艺术用更美的形式为生活开辟了一条通往美好向往的路径,生活又真实的反映了人们对美好的向往追求。随着国民生活水平和经济发展水平的提高,人们更青睐于虚构模拟的非现实世界,这就促使交互设计行业的迅速发展,人们对新技术需求越来越强烈,也就促使交互设计不断创新发展,用更新颖的形式展现交流互动,这就促使技术设计美在交互设计中不断深化和发展,独特的创意和虚拟的设计概念使交互设计在生活中熠熠生辉。

一、课题背景资料和考察调研

(一)、艺术设计美学形态表现

艺术设计美学是艺术设计的简单美化形式,是为设计着以简洁华丽的外衣,外层虽是华丽的外衣,却始终掩盖不住设计本身美妙的设计内涵。总而言之,艺术设计美学是以美的眼光和表现形式去展现设计师独特华丽的设计思想。设计美学总会将设计师的曼妙设计思想用语言表现的淋漓尽致,更多的是用语言文字形式表现出来。

自然和人工是艺术设计美学的两种基本形态。从概念上来说,自然形态是顺应自然界的变化而变化的,但它也会随着人们的意志改变而改变,例如自然界中存在的高山、流水、树木、花草等等。人工形态是是带有极强目的性的产品设计,它包含了产品的材料、结构、审美、功能等。

(二)、技术设计美学形态表现

技术设计美学具有明确的社会目的性和产品设计意义,通常是在强烈的商业背景下完成用规范的技术实现产品的批量生产。

随着新时代的不断发展,品牌形象的不断强化与发展,网页设计在平面设计中独树一帜,其要求设计者综合技术与创新能力,在美学形式和创新设计思路上不断追求更高的设计目标,这就要求设计师不断朝着新时代技术和设计技巧综合素质方向发展。

(三)、设计美学的形式法则

美学在设计中起着至关重要的作用,下面我们探讨一下设计美学的形式法则有哪些:

[1]李姝琳.多媒体艺术设计课程的开发与建设研究河北大学,2011.

1.节奏与韵律

节奏与韵律是一幅好的设计作品的核心表现形式,节奏具有强烈的理性指导意念,韵律是不断将理性的节奏深化,披上感性设计美的外衣,使之更富有艺术气息。

2.空白与虚实

设计是以美术为基础的设计,良好的美术功底能为设计的发展开天辟地,同样平面设计中也要运用绘画的设计理论。绘画中讲求上留天、下留地、虚实相映,在平面设计中同样有留白的设计方式,虚实相结合,既要突出主题,又要用理性的设计思维表现设计的意蕴,既要做到疏可跑马,又要体会密不透风。留白除了突出主题以外,也间接表现、传播设计者的设计主题思想,为用户留下徘徊的余地和空间,更引发读者兴趣。

二、设计美学在网页设计中的应用

(一)、色彩效果美

[2]色彩心理学在网页设计中具有举足轻重的地位,不同的色彩给用户带来不同的设计感受以下分别从红色、蓝色、黄色、黑色、紫色分析色彩给用户带来的不同感受。例如,红色会给用户发出热情、勇敢、自信、果敢的信号,网页中以红色作为主色调的网站极其稀少,大部分作为辅助色出现的。蓝色给人沉稳、内敛、安静、庄肃、清澈的感觉,所以很多医院、企业、学校以蓝色作为网站的主色调,显示国家单位的正规性。黄色代表着青春阳光的设计形象,但给人一种不稳定、高傲、敏感的视觉心理感受,但像食品网站就用黄色作为主色调,用阳光温和的颜色吸引顾客的食欲。随着设计潮流的不断更新与发展,黑色既是百搭的颜色,也是高科技的代表色,有神秘、高贵、庄重的意蕴,在3D演示和创意展示中,黑色具有独特的设计魅力。紫色是优雅与浪漫的象征,在色彩服饰和花店设计中运用到了紫色,给用户以优雅美丽的视觉享受。

(二)、版面布局美

网页设计也属于平面设计的一部分,网页设计包含平面学科内容广泛(广告设计、排版设计、字体设计等),使平面设计脱离纸质的载体工具在新的多媒体工具上展示不同的信息作品。接下来让我们深入地研究下网页设计中的版面布局。

1.“同”字形布局

画面信息排版构图像一个“同”字,例如“中国人民大学”的学校网站,把所有的信息规整统一地编排成“同”的形状,信息如笔画一样一排排罗列出来,简单的色彩和条理的信息排列,给用户均衡的视觉感,并且主次分明。

2.“匡”字形布局

顾名思义,“匡”字形布局将文字信息内容转移到右边,导航栏的上方和左方用图片填充,使整个画面内容更丰富和富有节奏感,用图文并茂的形式达到视觉上的规律效果。

3.“吕”字形布局

其布局是在“同”字形布局的基础上,将信息分为上下两大模块,具体信息的分布又有“同”字形结构的特点,大部分的新闻网站设计采用这种布局方式,如“新浪新闻”、“凤凰网”、“光明网”等。

(三)、交流互动美

网页设计实质是将平面设计应用于多媒体工具中,其侧重点在于用户通过此平台达到体验虚拟现实的效果作用,交流互动在交互设计中起着至关重要的作用。接下来让我们探究下交互设计的交流互动方式:

1.直接引导用户体验型

随着多媒体工具的迅速发展,网页设计不断用新的审美视角和视觉观念来满足用户的不同需求,以用户为目标的交互体验设计会用新颖的方式引导用户进行下一步的操作,如图。当鼠标移到网站上时,网站上的数字会发生变化,并且背景音乐也会发生细微的变化,这会引导用户不断进行新的探索,期待下个交互活动会发生什么。

2.音乐体验型

音乐在交互设计中也占有重要的地位,在匡威的宣传网站中,不仅利用鼠标的滑动引导用户进入下个页面,还会随着鼠标的移动富有时尚激情的音乐不断播放,当松开手中的鼠标,音乐和进度都会戛然而止。在浏览整个网站内容的过程中,文字占据极少的部分,更多的是用音乐和鼠标来建立和用户沟通的平台,用户在时尚激情的听觉效果的刺激下用好奇的心态不断走入下一个交互体验设计中。

3.直接互动型

直接与用户接触的互动型大多数用在游戏设计中,例如国外著名的游戏获奖创意网站。网站设计者选取简单的紫色调,给用户优雅、端庄、征服的感觉。设计者将用户设计成以为其骑士,任务是骑着奔跑的快马不断前进,在悬崖峭壁中获取悬挂着宝石,获得的宝石越多骑士的荣耀越高,同时会获得至高无上的荣耀。但在奔跑的过程中如果不下心触碰到悬崖峭壁,马会模拟现实中的马出现晕眩的症状,同时速度会减弱,几次之后就会结束游戏。简单的画面设计形式搭配紧张刺激的骏马奔跑的背景音乐给用户新颖的交互体验形式,在紧张的状态下追求更高的任务荣誉感。

4.间接引导体验型

网页设计中越来越追求简化的文字信息,极简化在网页设计中占据重要的位置。引导页在设计中占据举足轻重的位置,简约的信息文字会间接的引导用户进入下一步交互体验设计之中。

猜你喜欢

网页布局艺术设计
《星.云.海》
《花月夜》
基于CSS的网页导航栏的设计
基于HTML5静态网页设计
BP的可再生能源布局
基于URL和网页类型的网页信息采集研究
VR布局
网页制作在英语教学中的应用
环境艺术设计中的“混沌之美”解读
2015 我们这样布局在探索中寻找突破