互联网电视界面视觉要素设计研究论文

互联网电视界面视觉要素设计研究论文篇1

在互联网电视界面设计中，色彩是超越文字与图形的、给人留下第一印象的视觉要素。色彩对于界面的影响体现在明度、纯度、色相等因素的对比与调和。通过不同层次色彩的搭配起到对界面空间层次的划分，体现色彩对于界面整体性的控制与影响，从而赋予界面空间特定的情感。从色彩的视觉层次来讲，色彩不同的色相、明度、纯度等因素是造成视觉空间与影像空间层次的要素。暖色调使人感到温和，有亲近感，造成空间上的前进；冷色调使人感到冷酷，有疏离感，造成空间上的后退。纯度越高的色彩，越能引起人们视觉上的关注，因此图标往往使用纯色系。纯度越低，越适合做背景，因为背景需要能够衬托前景醒目。在界面的色彩搭配中，并不存在一定的规范，需要设计师根据界面整体风格的要求来进行搭配。如果想要清新活泼的视觉效果，那么就可以选择多用纯度较高的色彩。而如果想要低调奢华的质感，那么选用无色相搭配少量红或金则是常用的搭配。

2质感

质感是指在界面设计中通过对视觉元素的设计与处理制造出与现实世界中相似物体的感受，是在界面设计中制造独特视觉语言的一种表现手法。对于质感的表现其根源是拟物化的设计风格。在电视界面的设计过程中经常用到的材质有透明玻璃、高光泽度金属、轻盈的磨砂冰以及布纹、木纹等质感。对于材质的渲染可以提高界面视觉元素的真实性，使用户产生现实场景的代入感。对于初次使用互联网电视产品的用户来说，这种感受可以增加用户使用界面的趣味性与生动感。如果视觉效果创造得当，还可以增加用户对界面信息的捕捉速度。

3ICON

Icon是指数字媒体界面中的数字化图形标志，作为用户图形界面的核心要素，在界面中起到识别和引导操作的功能性作用。在互联网电视的界面设计中，图标可以分为系统图标、程序图标、状态图标等。对于互联网电视界面图标而言，由于主要功能都与播放、观看有关，因此需要将电视用户在观看电视节目过程中的视觉习惯考虑在内。电视用户由于天生具有的娱乐属性，因此更加需要简洁的视觉策略。一屏的图标数量不超过20个，一般在10到15个之间。在图标设计上一般会考虑以下几个因素。

（1）可读性：

图标信息传达准确，不会使人产生误解、猜测或者无法理解的情况；

（2）易用性：

用户能够接受图标的样式并习惯于将图标作为引导操作的指示物，且便于用户培养出正确的使用习惯；

（3）个性：

虽然界面中的图标要求风格一致，但是在图标本身的设计中还是需要个性化的设计，以表达个性的视觉阅读和视觉表达；

（4）延展性：

图标在组成系列之后还需要考虑后期界面的维护与升级。因此，确定的图标风格需要能够便于后期延展。

4结语

互联网电视界面视觉要素设计研究论文篇2

一、网页界面设计中视觉传达研究的意义

1.网页界面设计的网络信息服务的地位

无论国家经济发展如何, 获取信息始终是一个国家、一个民族、一个人可以打开国门、走向世界的必须资源。无论来自任何国家、任何地方的信息, 都是需要传播媒介的发布, 从而辐射开来, 没有网络信息平台, 就无法以以最快、最时效的速度去打破时空的局限, 将全球信息整合起来。因此, 网络信息的存在, 是传统的信息传播方式所不能比拟的效率和速度。网络信息是一场声势浩大的全球式的革命, 它以巨大的传播信息的力量取代了传统网络信息服务的方式, 并为广大网络用户带来了翻天覆地的时代变化。

2.网页界面设计的必要性

随着传统信息媒体方式的逐步退出, 新时期的现代媒体信息时代, 网络用户对于媒体的接纳要求和标准在新的媒体环境下也是日益提高, 通过网络获取信息的用户是通过网页界面这样的载体作为获取信息并交流信息的关键平台, 没有这个平台信息的搭建, 就无法使得信息能够传递到网络用户, 也就实现不了信息互通。因此, 网页界面的良好存在, 并通过视觉传达给用户, 使得信息的交流和传播变得通畅、明了清楚和快速。

3.网页界面设计的视觉传达的时效性

我们每一个人都是网络信息时代的受益者, 而且在当下我们每天无时无刻都在通过网络获取信息并互通交流。比如我们每天上班乘坐的地铁里, 每个车厢里都有一个视频终端电视, 里面时刻在变换视觉信息向乘地铁的人传达信息甚至是互动, 从地铁里的视频终端里, 我们可以得到各类餐饮、娱乐、新闻头条的最新资讯动态, 还可以拿起手机扫描二维码获取自己的需求, 当时当下也可以下单购物。在极短的时间段里, 我们很快提高了我们需求的效率, 更是方便了我们的衣食住行的生活。因而, 网页界面设计的视觉传达的迅速, 与人们的生活紧密联系起来。

二、网页视觉传达与用户的关系

1.网络时代的依附性

网络信息时代占取了人们交流平台最大的版块。给人们生活、工作带来的改变和未来发展趋势也是过去任何信息传播方式无法比拟和相提并论。现在, 人们绝大多数依附网络办公、生活, 离开网络便是与庞大的信息源受限隔离。网络时代引领着人们走向独自独立且独自成为一个合作的模式在生存生活。同时, 也将人们的思维模式带入了全球化的一个趋势。所有的关乎人们的活动, 网络为我们带来信息的便利, 穿越时空的束缚。人们依附着网络, 一步一个脚印的在前行。

2.网页的视觉传达效应

网络用户通过网络浏览网站的这一过程, 为了使得用户能够通过网页视觉所传达的具体位置、网站的结构组成, 并能够通过网页的视觉传达效果达到畅想自由网游, 这其中最关键的因素就在于网页的视觉传达效果是否能够表现恰当。对此, 针对不同风格和类型的网站, 网页原创设计者也会根据用户的需求和商家的方向采用各自不同的表现手法来赢取设计此款网页视觉的效果。从网络用户的反映来分析, 一个设计框架独特、构思新颖的网页视觉的完美效果呈现, 将直接关系反映出针对本网页设计的视觉传媒的效应。此效应可以直接影响商业的发展趋势和效果。因此, 网页视觉传达的好与坏直接影响网络用户群浏览网页的效应。

3.网页视觉传达给客户的方式

网页是网络用户接触认识网络并运用网络读取信息、传播信息的最直接的平台。随之而来的网络发展趋势是需要网页有多种不同类型的风格方式来满足各种不同风格的网络用户群里的需求。对此, 各网站针对不同用户群的要求会设计多种不同类型的网页, 有包括商业、企业、个人、政府等不同的网页。这其中尤其是针对商业的网络作用, 网页的视觉传达效果将直接关联到商业目的的成功与否。因此, 不同的网页视觉传达的方式给人们的生活和交流以及社会发展都会产生不同作用效果的结果。

综上所述, 国家要取得发展, 并与国际保持一致步伐, 必经之路离不开与国际社会的交流和合作, 而随着国际化的逐步推进, 这种与国际联系愈发频繁的发展态势, 信息的沟通渠道成为关键。不仅需要传统的信息传播手段比如文字、图片, 需要更加生动、具象丰富的其他表现形式, 那么网络信息的存在和快速发展迎合了这种趋势, 并通过这个网络媒介, 将信息通过视觉的丰富多彩有效传达给网络用户, 这种视觉传达的广泛发展, 为信息交流互通带来了历史性的转变和融合。随着网络的普及和演变, 已经逐渐改变了人们的生活、工作方式, 也为网络用户在处理工作事物中的方式方法带来了扭转型的改变。网页的存在, 达成了信息可以传播的最基本载体, 而网页界面的良好视觉效果的传达, 使得信息的传达变成了直观、生动具象又有目的性的信息获取方式。丰富多变、不同类型的信息获取渠道使得信息的传播标准提高, 同时也使得人们对于生活方式的转表也随着网络媒体的发展以及网页界面设计的视觉传达有了更为丰富多变。但我国的网页界面设计水准还处在初级阶段, 我们可以学习借鉴外国网页界面设计具有创新性和建设性的实践设计经验, 来融合自己的不断发展创新, 才能够更好的为网络用户服务。

参考文献

[1]王愉, 隋涌.论网页视觉要素设计[J].北京印刷学院学报, 2005 (04) :81.

[2]胡飞.基于网络媒介的交互设计研究[J].华侨大学学报 (哲学社会科学版) , 2003 (03) :39.

互联网电视界面视觉要素设计研究论文篇3

关键词：网页界面设计；视觉要素；

中图分类号：TP393.092 文献标识码：A 文章编号：1007-9599 (2012) 10-0000-02

一、网页界面设计的特征

网页界面设计是一将艺术与技术相结合的一门学科，早期人们会有一种误解，认为网页设计主要体现在“技术”的应用上，而忽视了“设计”的层面，导致许多网页布局不合理、页面平淡无奇、内容杂乱无章等。因此，在充分传达内容和信息的基础之上，网页界面还必须具备一定的艺术特征，这种艺术是基于功能性之上，并且为其服务的。

（一）以功能性为主

网页界面设计和平面设计一样，必须遵循一定的设计原则，在必须具备平面设计特征的同时，网页设计还具有其特有的基本特性。网页界面设计应时刻围绕“信息传达”这一主题来进行。因此，它是一种以功能性为主的设计。主要体现在以下两个方面：

1.信息传达的功能

网页界面设计以信息传达为主要功能，并且信息必须准确、清晰明了，具有明确的受众对象和宣传目标，注重时效性。

2.一定的审美功能

网页界面的审美功能具有一定的综合性。以内容为主，艺术为辅，除了界面布局合理，色彩搭配美观，有清晰的导航功能，内容吸引人等，还必须考虑到用户操作的简易性和信息接受心理等因素。

（二）形象明确，易于接受

格罗佩斯在他的《艺术家与技术家在何处相会》一文中提到：“如果物体的形象很适合于它的工作，它的本质就能被人看得清楚明确。”明确地指出了“形象”在信息传递和接纳过程中所起到的重要作用。

人们在接触外界事物的时候，总是先通过视觉来接受信息，从而触发一系列的心理活动。例如：看到天空飞翔的小鸟，会联想到自由，看到长城、故宫，会联想到中国传统文化。因此，在设计网页界面的时候，必须以通俗易懂的形象来传递信息，同时，也要考虑到网页受众的年龄、职业、文化层次、兴趣的差异性，尽可能地使用简单的宣传形式来满足所有层次的受众。在可口可乐的网页中，用户可以从水珠、人物等形象中充分联想到活力四射、清凉的感觉，形象通俗易懂，传达的信息易于接受，具有良好的传达效果。

二、网页界面设计的视觉构成要素

网页无论其类型、大小、功能，风格，其具备的基本要素都是一致的，与平面设计相比，除了图像和文字之外，网页界面包含更多的要素，如声音、视频、动画等多媒体要素，以及由Javascript、VBscript等動态语言实现的网页特效和交互功能。

（一）网页界面中的文字设计

文字是网页界面的主体，也是传达网页信息的基本载体，虽然在今天多媒体元素的种类繁多，但文字依然占据它不可取代的地位，因为文字具有存储空间小、易于下载和显示的功能。

网页界面中的文字分为两种：ASC文本和像素文本。网页中大部分文字都是直接在HTML代码中编写，或者在dreamweaver设计窗口中自行输入，这部分文字主要以ASC码存储，占取空间小，易于修改和编辑，在排列文字样式的时候，一定要结合CSS样式表来排版，CSS样式表的强大功能可以同时对文字的字体、字形、大小、颜色、间距、边距和特殊效果等进行精心的设置，以达到较好的浏览效果。但是如果在网页中使用特殊字体，不同的用户可能由于未安装此字体而无法正常显示，所以，有的时候我们可以把文字在photoshop或者fireworks等图像图像处理软件中保存为jpg或gif格式的图片切片，再应用到网页界面中，这样就可以达到任意想要的艺术效果了。像素文本主要应用于网页界面中的标题、LOGO、Banner或者广告的部分。

（二）网页界面中的图形图像设计

图形在网页界面中占据着十分重要的地位。在上网浏览时，图形图像往往比文字更容易吸引用户的眼球，因为它可以最直观、最形象地表达网页的主题，其给人的视觉印象往往比文字要强烈得多。

图形必须要符合网页的主题，每张图片都必须要有其存在的价值，善用图形，可以生动形象直观地表达网页的主题，增强网页的宣传力、号召力和感染力，吸引浏览者的注意和兴趣。网页中的图形格式主要有：JPG、GIF和PNG三种。JPG具有压缩比高、压缩质量好、色彩连续性强的特点，因此，使用最为广泛。GIF虽然色彩数目不如JPG，但是可以制作透明背景，以及动态图像，也被大量应用于网页界面中。PNG是Fireworks的默认图像文件格式，集前者的优点于一身，可以对图像进行全面的优化并且导出任何想要的格式。所以，根据图形图像的使用功能，合理地采用这三种格式，是网页设计人员必须掌握的技能。

（三）网页界面中的色彩设计

1.色彩设计的基本作用

色彩对于事物的表现能力有着其它形式无法比拟的超强效果。作为一个网页设计师，只有掌握色彩的原理，熟知各色彩间的相互关系及各种色彩的生理或心理作用，结合自己所具备的平面构成知识，在网页设计中准确用色，才能实现传达特定信息和渲染页面的效果的目的。色彩在网页设计中起着重要的作用。首先，彩色网页较单色网页更具吸引力；其次，色彩本身具有象征作用，浏览者易于产生联想；第三，彩色网页具有赏心悦目、装饰性强等特点。

2.网页界面中色彩搭配的技巧

用一种色彩。这里是指先选定一种色彩，然后调亮度、透明度或者饱和度，生成新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。

用两种色彩。先选定一种色彩，然后选择它的对比色。比如当我们需要突出橙色的主体内容时，使用蓝色作为背景是最好的。这样整个页面色彩丰富但不花稍。

用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。

用黑色和一种彩色。比如大红的字体配黑色的边框感觉很“跳”。在网页配色中，忌讳的是：不要将所有颜色都用到，尽量控制在三种色彩以内。背景和前文的对比尽量要大，（绝对不要用花纹繁复的图案作背景），以便突出主要文字内容。

（四）网页界面中的版式设计

在进行版式设计时，仍然需要应用到前面提到过的Photoshop或者Fireworks等图形处理工具，直观地看到网页的版面效果，在Photoshop或者Fireworks中画好网页布局后，先切片，再导出切片，然后在dreamweaver中使用DIV+CSS集成网页，这是目前主流的网页布局方式。根据视觉流程和网页版式的实例，可以总结出以下版式构成的类型：水平分割、垂直分割、水平—垂直交叉分割、中轴型、倾斜型、曲线型、重心型、反复型、点散型等。通过这些划分方式，我们可以把一个平淡的界面劃分成若干个视觉区域，增强界面的层次感和空间感。

（五）网页界面中的多媒体设计

1.音频

音频在网页界面中主要用于背景音乐、按钮提示音等。另外，某些以音乐为主的网站还提供在线音乐下载和播放的功能。音乐成为网页与浏览者进行交互的一种重要手段。网页中的音频格式主要有：MIDI、WAV、MP3、ra、ram、rpm等，各具特点，应区别对待。

2.动画

网页中的动画主要分为：FLASH动画、GIF动画、交互动画等。FLASH动画具有体积小、整体性强的特点，主要用于banner、导航等。GIF动画可以做成一些小图标，而交互动画主要是通过Javascript、VBscript等动态脚本语言结合HTML语言来实现网页的一些特殊效果，如：鼠标跟随、幻灯片切换、动态导航等。

3.视频

视频由于其体积大的特点，在网页中用得相对较少，但它具备其它网页元素都没有的特点—信息丰富，传达便捷，对浏览者的文化水平、年龄层次要求也不高，具有较强的吸引力。常用的文件格式有：AVI、RM等。

三、总结

以功能性为第一指导原则，以技术因素为主要考虑对象，以完成或实现必要的功能为目标，在进行网页界面设计时，遵循这样一个设计原则，那么，要设计出成功的界面并非难事。对网页界面设计的基本艺术要素进行系统的研究，是促进网络发展的重要环节，对提高网页设计者的制作水平，培养对网页界面设计的审美能力而言，都具有相当现实的意义。

参考文献：

[1]刘永翔,庸良瑞.网页设计中的视觉构成分析．北京工商大学学报（自然科学版）2004,1:58—60

[2][韩]权宁杰.设计师谈商业色彩设计.周青华译.2006年12月第1次印刷.北京:电子工业出版社,2006,2

[3]索听煜.网络界面色彩设计研究[D].昆明：昆明理工大学,2005,19-20

景观的视觉要素组织设计研究篇4

美学设计是一种不依赖科学的主观性的行为, 当这一过程进行时, 需要考虑构成景观的各种组成部分, 即景观要素。只有这样, 符合某一特定人群美学观念的艺术作品才能被创造出来, 同时, 设计不仅是组织各种景观的设计要素, 还要求协调功能、成本和美学, 一个成功的设计, 要考虑好组织各种景观要素, 并在设计过程中将各种要素的功能最大的发挥出来。

如何组织视觉要素以达到我们的设计目标, 是值得研究的, 特别要注意“统一性”、“多样性”、“尊重地方风气”的设计宗旨, 组织原则可分为三类:空间的、结构的、秩序的。

一、设计目标

统一性:为了整体的视觉结构, 应不能太多样化, 不能有太多反差, 例如在形状上有反差时, 颜色与纹理却应是连续性或相似性相平衡的, 如果要使一项设计真正成为创造性的, 具备可识别的, 或独特的特征, 在背后必须有一套能把所有的因素都包含起来的统一的主题或理念, 在野外环境中, 原始的自然地貌往往具备统一性, 当人造格局进入自然环境时, 往往会打破统一性, 在城市景观中, 新建一栋建筑物要考虑与自然环境之间的联续性, 在任何景观中插入一个新的要素时, 必须考虑其景观主要特征, 以求统一, 在另外一些混乱的场合中, 通过添加新的图案, 可以达到统一。

多样性:为了丰富生活质量, 保留视觉兴趣, 多样性是必需的, 多样性取决于多种因素, 哪里有多种岩石和地形, 哪里就有多样性, 相比之下, 寒带多样性少, 热带多样性丰富, 不同文化交汇的地方, 例如纽约等国际都市, 多样性丰富。

地方风气:或称地方精神, 指的是一个地方相对于另一个地方所特有的独特品质。

不仅较大的区域有地方风气, 较小的地方也有, 在地方风气最明显的地方, 设计必须十分小心, 以防止破坏其风气的景物出现, 可变动不太重要的部分, 保留主要的。在缺乏或地方风气不明显的地方, 则要通过人工建立来完成, 例如悉尼歌剧院。

一个地区的风气主导因素可能是各种的, 如森林、地形、雕塑、建筑物等。

二、空间提示

这一种组织原则涉及的是要素在空间的相对位置和相互作用。

接近性:视觉要素越是互相接近, 我们越倾向于看成他们是一组, 切忌将不相似的要素挨在一起, 那会显得混乱, 在开敞的景观中, 把树种植成组或至少彼此靠近时, 会更妥当。

围合:要素的空间越完整, 围合程度越高, 空间越内向, 反之, 开放的围合允许空间流入或流出。

互锁:即两要素互相成为另一方的一部分, 形成更统一的结局。

连续性:空间的连续性, 即一种特定形状在各种尺寸和规模上的重复, 时间的连续性, 例植物的生长或季节的循环, 注意在连续性中要追求变化, 以免造成单调。

相似性:形状、纹理、颜色的相似性常用来在设计中形成统一或求得平衡, 形状是最应该处理成相似性的首要因素, 当形状不相似时, 才考虑纹理, 颜色, 在设计中, 要用的是相似性而不是等同性, 如果等同性太多, 就会单调, 所以要找到一个平衡点, 既保持趣味与特征, 又避免视觉混乱。

形体和地面:一些形式或物体区别于背景成为形体, 通常, 简单的形状常成为形体, 凸出的为形体, 凹进的为孔洞, 如果形体太突出为环境, 而显得反差大, 则它会是恼人的, 所以, 要在设计中引入和考虑相似性。

关于背景和轮廓的基本规则为:背景不应与轮廓竞争, 如果背景的纹理与连续性是重要的, 则个别要素不应显得突出。

三、结构要素

这一组原则是结构性的, 即各要素配合在一起的方式。

平衡:平衡或不平衡来自其要素对人视觉产生的能量作用影响, 影响平衡的几个因素:1.运动方向, 要素向相反运动可互相平衡, 2.在外观上的视觉强度, 大的比小的形状强度大, 有规则的封闭形状比不规则的开放形状强, 实体比弥漫强, 深色比浅色强, 前进性颜色比后退性颜色强, 快的、长的、频繁的运动比慢的、短的、不频繁的运动强, 垂直形态比水平形态强。

在设计中, 不对称的平衡可以用于建造一个更富冒险性的设计, 而对称性平衡可产生有秩序的、静态的、安全的结果。

紧张:它是视觉力冲突的结果, 所有的形状都或多或少施加着视觉力, 当它们冲突时, 或当一个施加强大视觉力的形状显得与较弱者有矛盾时, 就会产生紧张, 它会导致不平衡, 但能增加设计的活力, 紧张可引起观察者的兴趣, 提高景观的生动效果。

节奏:相似形状的重复产生节奏, 他可以是组合的, 复杂的节奏包含一个或多个叠加的简单节奏。

比例:比例涉及要素和要素中的各部分互相比较的相对尺寸, 最重要的黄金分割:1:0.618, 以及用来模拟它的“三分法则”, 即按1/3:2/3的比例来划分空间, 这并非指划分成1:2的面积, 而是指各占1/3和2/3的视野。

规模:规模的最重要方面是我们对周围事物与我们自身人体尺寸的比较, 从而确定事物到底有多大, 设计中, 从一个视点看到的背景会成为从另一个视点看到的前景, 所以, 规模的大小也取决于我们看景观的距离。

四、秩序

这一系列原则设计景观设计中的秩序建构。

轴线:是围着它安排要素的线, 总是直的, 他有引导视线从一处移向另一处的作用, 它可以对本来分散的要素进行强有力的控制。

对称:包括两侧对称、万花筒式对称、二元对称, 对称显得整齐、稳定、宁静, 而不对称常用来营造不正式和放松的效果。

等级:设计的很多方面要求一些部分明显的更重要或者在视觉上支配着别的部分, 所以, 产生了等级, 例:城市道路中的主干道和小巷。

基准:指的是用点、线、面、体为设计或构造的空间组织及其组成要素提供参照物, 如以中心点为基准, 以轴线为基准, 以平面为基准, 当以体作为基准时, 往往是体量巨大、形状简单的体。

转化:功能、规模随时间、空间从一种形式变为另一种形式的转化, 分为:形状的转化、空间形式的转化、从空间到质体的转化。