视觉交互在扁平化UI设计中的应用外文翻译资料

I. Connotation and status quo of interaction design and the Internet

(I) The Internet

Network interaction design can not be separated from the Internet, then what is the meaning of the Internet? What is the development status? The Internet is a network that uses the Transmission Control Protocol/Internet Protocol (TCP/IP protocol) to connect global computers to each other. The system agrees that communication between different computers is the Internet. A few years ago, nearly 30 million computers had been connected to the Internet, including electronic bulletin boards, WWW, telen tools, file transfer protocols, IRC, etc. They were able to use the Internet for data transmission of sound, software, text, and images.

(II) Interaction design

For the word “interaction”, it has long been integrated into our daily life, including the medium and small events around us (home appliances, automobiles, mobile phones, applications, game software, web pages, etc., all interact with each other. In terms of people and people, people and things mainly describe the interaction between machines and people, and people and people mainly describe the interactions between people. At present, there are many definitions of interaction design, interaction design. It is an emerging discipline that is different from other design fields. The carrier of interactive design works can be a smart phone or a variety of electronic devices such as computers. Some designers believe that “interactive design” focuses on the userrsquo;s possible behavior, or mainly describes Planning the behavior of things, and then describing the most effective form of the behavior, etc., are all defined from the perspective of application editing interactive design, is not a fixed point, is the design of a certain interactive relationship, passing through and ending the entire process design , and integrate new ideas, therefore, its definition is more extensive, and even includes emotions between people and machines, designers should From visual perception, visual elements and flexible application design.

(III) Status of Network Interaction Design

There are various types of websites at home and abroad, and it is not possible to simply delineate websites based on nationality. However, for web design, its design platform (designed software environment) is globally shared. Obviously, the information medium is diversified. The visual performance of web interaction design is mainly divided into free-form visual performance (landing) and grid-type visual performance (mainstream). The former design method is more popular, mainly using the current new technology means, and enhance the artistic visual effects, and ultimately the performance of a unique web page. This form of strong sense of the times, personality, and easy to give people a fresh feeling. However, there is a need for strong technology, and the content of page updates is relatively small. If designers do not design properly, it is easy to make a mistake. Then the visual performance is mainly manifested in the form of personality. The latter grid-type vision is expressed in a geometric form, focusing on online sales, information preview, and so on. The advantage is intuitive and helps users quickly find what they want. The following general feelings of experience appear: “Is the floating banner blocking my vision or affecting my emotions? At a glance, Irsquo;ve seen topics of interest; walking down the lattice, whether therersquo;s any desired information, etc. With the help of raster layout design for targeted improvement, if the designer can take into account the users habits of procedural rules or layout more visual aesthetic, it will undoubtedly enhance the visual experience. The following mainly focuses on the visual experience in network interaction design.

2. the visual experience in network interaction design

(I) Visual experience

The word “experience” in the visual experience of network interaction design mainly exists in the result of the interaction between people planning certain events and mental states. It is a persons own subjective feelings and emotional sublimation resulting from the analysis, observation, and understanding of the object and the psychology and physiology after the cognition. The network interaction experience is the experience and understanding of the website function and design in the process of browsing through the website. Usually, people appreciate a group of excellent designs and resonate with them. Throughout the interaction, they are affected by their own emotions. They gradually increase from the intuitive visual experience to their own psychological emotional experience and thinking experience, and then to the behavioral experience. It translates into a reflective experience. According to Normans 'emotional design' theory, we can know that interactive experience is divided into sensory experience, behavior and reflective experience. At the beginning of the interactive experience is the visual experience, we must ensure that the visual form elements are very accurate and effective, in order to convince the user, and then stimulate the emotion and resonate, and ultimately make the user psychological recognition of the experience. In order to make the users first impression, it is necessary to pay attention to two aspects, namely the attribution of type and the balance of quality. The former needs to clarify the user. In the early stage of interaction, it must be designed in accordance with the expected type and aesthetic. The latter mainly describes the users perception of a reasonable level of hierarchy when interacting for the first time. Interaction design and visual design are closely linked. Combining visual elements can improve efficiency and accuracy, preview rate, and quickly convey information to ensure quality.

(II) Conditions for Network Interaction Design Visual Experience

At

剩余内容已隐藏，支付完成后下载完整资料

一、交互设计与互联网的内涵与现状

(一) 互联网

网络交互设计离不开互联网，那么互联网的内涵是什么呢? 其发展状况又是如何呢? 互联网是利用传输控制协议/互联网协议( TCP/IP 协议) ，将全球计算机相互连接组合而成的网络系统，同意不同计算机之间的通信交流即网际网络。几年以前，已将近 3000 多万台计算机连接了互联网，包括电子公告栏、WWW、telent 工具、文件传输协议、IＲC 等，能利用互联网实现声音、软件、文本以及图像等数据传输。

(二) 交互设计

对于“交互”这一词而言，其早已融于我们日常生活中，包括身边中大小事件( 家电、汽车、手机、应用程序、游戏软件、网页等都存在着交互。其表现在人与物、人与人两个方面，人与物主要描述机器与人之间的交互内容，而人与人主要描述人与人之间的交互内容。目前，对于交互设计的定义有很多种，交互设计是新兴的学科，不同于其他设计领域． 交互设计作品的载体可以是智能手机，也能是计算机等各种电子设备。一些设计师认为“交互设计”专注于用户的可能行为，或者主要描述与规划事物的行为方式，接着描述该行为最有效的形式等等，均是从应用程序编辑角度定义交互设计，并不是固定的点，是对某种交互关系的产生、经过以及结束整个流程的设计，并融入新的观念，因此，其定义更为广泛，甚至包含人与机器之间的情感，设计师应当从视觉感受出发，灵活应用视觉元素进行设计。

(三) 网络交互设计现状

国内外网站类型多样，不能单纯以国籍为界限划定网站孰优孰劣，然而，针对网页设计而言，其设计平台( 设计的软件环境) 是全球共有的，显然信息媒介是多元化的。网络交互设计中视觉表现主要分为自由式视觉表现( 异军突起) 与的栅格型视觉表现( 主流) 。前者设计手法较为流行，主要使用目前新技术手段，并提升艺术视觉效果，最终表现独具特色的网络页面。这种形式时代感强、个性突出，容易给人耳目一新的感觉。但是需要有较强的技术，且页面更新的内容比较少，如果设计师设计不当，极易偏题。继而该视觉表现主要以个性形式进行表现。后者栅格型视觉以几何形式进行表现，集中于在线销售、信息预览等。优势在于直观感强，能帮助用户快速找到想要的。一般出现以下体验感“浮动广告条是否遮挡我视线或影响我情绪; 一眼看到感兴趣话题; 顺着格子走下去，是否有想要的信息出现等。无论所产生的情绪好坏，都能够借助于栅格编排设计进行针对性改进，如果设计者能够考虑用户习惯的程序规则或者编排更富有视觉美感，无疑能提升视觉体验效果，下面主要围绕网络交互设计中视觉体验进行分析。

二、网络交互设计中的视觉体验

(一) 视觉体验

网络交互设计的视觉体验中“体验”一词，主要存在于人筹划某种事件与心智状态相互发生反应的结果。是一个人自身对物象的分析、观察、理解以及认知后心理与生理所产生的主观感受与情感升华。网络交互体验是用户通过浏览网站，在这一过程中对网站功能、设计的体会与了解。通常人在欣赏一组优秀的设计中，与其产生共鸣，在整个交互中，全程受自身情感而影响，从直观视觉体验渐渐上升至自身心理情感体验与思考体验，再过渡到行为体验，从而很好地转化为反思体验。依据诺曼的“情感化设计”理论，可知交互体验分为感官体验、行为和反思体验。交互体验之初为视觉体验，必须保证视觉形式元素十分准确且有效，才能使用户信服，进而激发情感而产生共鸣，最终使用户心理认同这次体验。为了让用户第一印象深刻，需要重视两方面，分别为类型归属与质量权衡。前者需明确用户，在进行交互前期，必须设计出符合预期的类型与审美观。后者主要描述用户初次进行交互时，依据自身的感觉合理划分等级。交互设计和视觉设计联系紧密，结合视觉元素，能够提升效率与准确率、预览率，将信息迅速传达，确保质量。

(二) 网络交互设计视觉体验所需的条件

目前，视觉体验一般源于网络交互界面上的视觉元素，其界面是由图像、文字、色彩、符合以及图像等多种元素组合而成并传达信息，极大促进了人与物之间的交流。因此，基于网

络交互设计视觉体验的研究是网络交互界面视觉元素的研究，加上设计师主观思想，将其有效组合，便于用户交互。视觉体验是用户在浏览网页的直观感受，设计者在设计网页的过程中，为了使用户印象深刻，必须考虑到网页界面拥有足够的视觉冲击力以及美感，才能激发用户的内在情感。继而充分了解使用者的认知心理与审美观，重视细节表达，灵活运用相应的色彩、图案以及文案等，最好能够流畅地表达交互设计的意愿即主旨明确。使用户能够渐渐投入交互体验这个过程当中。设计的核心点在于认知与审美，生活中人们习惯借助于自身感知经验认知抽象的事物，并依靠自身的思维加以理解与深化。不同的是人的审美观是具有差异性的，但基本都感兴趣于形式美感极为突出的视觉元素，同时，会主动去了解，探究其新奇之处。

三、网络交互设计的视觉元素存在问题与分类

(一) 网络交互设计存在的问题

近几年，国内外网络技术迅速发展，在网页设计中，不仅包含平面视觉所需的元素与布局结构，还包含交互元素、多媒体、动态等独居特色的视觉元素。目前，人们在浏览网页的时候，许多网页设计美感不足，只是简单的堆砌，动画、色块、文字、图片以及自动弹出的广告窗口无时无刻不在影响人们浏览的兴致。当然，有一些界面美感强烈，但内容过于空洞。可

能源与自身利益、模仿、不确定性等相关联。其一，内容不确定。由于网络是具有交互性的特点，本身的图片与文本能够随着时间而不停的更换内容，动态感很强。而且一些内容可

以随时跳转界面，如果碰到不负责的设计师，有可能导致用户欣赏途中迷失方向，陷入变化莫测的网页元素中。其二，利益与模仿。由于处于某种利益的熏陶，设计师故意设计某广告，

将主要的信息隐藏于不易察觉的位置，诱使未成年用户禁不起诱惑而点击广告，例如自动弹出的游戏窗口、长期悬浮的广告等。其三，单纯模仿。网络设计最重要的因素之一是创新，

但是许多设计盲目照搬照抄，求简单，求效率，导致设计过于单一，长期以往，难以使用户深入欣赏。这些因素无不在干扰网络交互设计的视觉体验，因此，这些文字、图片等视觉元素与视觉体验是紧密相连的，需要引起重视。

(二) 网络交互设计的视觉元素分析

文字、色彩、图形、版式等是网络交互设计基本的元素，还包含标志、信息菜单与正文、标语等多个内容。以下主要从图像、文字、色彩以及版式为重要研究对象进行逐一分析。

1． 色彩

人的眼睛能够区分 1000 万种颜色，并能利用色彩区域有效的进行分类与整理。因此，在设计网络交互界面的过程中，第一，注意依据不同所使用的“场景”，合理选择适合的颜色;第二，重视用户自身心理、文化与颜色之间的联系; 第三，避免同一界面的颜色超过三种，否则会过于混乱，视野不清晰; 第四，加强色彩的对比度，以浅色背景深色字或深色背景浅色字，保证其色彩足够吸引人。一般而言，色彩能够成功转移网络用户的注意力，获得很好的视觉效果。

2． 图像

通常人们常用图像的格式为 JPEG 与 GIF，设计师在进行网络交互界面排版时，所使用的静态图像以出血图、方形图以及退底图为主要形式。退底图较为自由，因其个性突出常给人深刻的印象，画面动态十足，如果与自然相结合，会增加亲和感，但是极易设计的过于混乱，整体性不强; 方形图比较常见且简洁，常给人一种理性、可信与稳重的感觉，但也显得过于平淡。出血图是指单个或多个边将页面充满，给予人舒展的感觉，常用于表达个人情感、运动气息的页面，易于接近。因此，设计师应该依据用户的需要合理选择。同时，也应该注意图片的面积、位置、方向以及数量，不仅使人赏心悦目，还应整体与统一，且突出重点，尤其与文字的搭配。

3． 文字与字体

如今，计算机可用的字体种类非常丰富，无疑有利于网页编辑，且也考验设计人员的实际水平。我们生活中 word 文档使用的文字大多数默认字体，例如宋体，其与网络交互设计不

同，在设计过程中，需要增设特别的字体，例如手写体与广告体等，均紧扣主题思想进行设计。但是，值得注意的是，同一页面字体种类不宜繁杂，同样只能选择 3 至 4 种，并进行精心的编辑与处理。

4． 版式设计

版式设计在网络交互设计中起着至关重要的作用，为了使交互界面更为和谐与整体，需要重视其布局与编排。灵活选择并搭配与主题相符合的图片、文字。目前网络交互界面所运用的版式有对称型( 相对对称的手法，常见页面为左右对称，但注意避免呆板) 、焦点型( 以对视线的诱导，视觉界面效果强烈) 、中轴型( 垂直排列，给人含蓄、平静的感觉) 、满版型

( 给人大方、舒展的感觉，该类普及面广) 、自由型( 界面自由，给人欢快、活泼的感觉) 等。

(三) 展望

网络交互设计的视觉体验与视觉元素密不可分，其长期发展需结合我国信息技术、计算机，只有交互设计融合与时代科学技术，才能更好的发展网络交互设计，满足日益增长的用户需求。相关研究人员还需不断的挖掘新的时代元素，不单纯停留在文字、图像、版式等元素上，学会灵活运用网络，不断提升自身思维的深度与空间，为用户创造更好的交互体验平台，是他们主动性去欣赏多样化的交互艺术产品。

剩余内容已隐藏，支付完成后下载完整资料

资料编号：[22269]，资料为PDF文档或Word文档，PDF文档可免费转换为Word