高端响应式模板免费下载

响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

什么是响应式网页设计?

2024年简约网站设计过程(合集10篇)

简约网站设计过程 第1篇

《创意世界》:您觉得现在的设计是一个什么样的趋势?

林笑跃:设计就是要不断满足人们对于便利、舒适和高品位生活的追求。现在的设计更关注人机的结合,与环境的融合,使产品更能够适合人和环境,产品的形状、图案、色彩等的设计都围绕产品的功能更好发挥为前提,更符合人机工程学,同时还要考虑使用者的感受以及与环境的和谐要求,我相信这是设计的必然趋势。

比如冰箱的设计,除了美观还要便于使用,这就要求设计者根据人们的生活方式、使用习惯、饮食结构来设计冰箱的空间分布。考虑到夏天经常喝冰水,在冰箱外部设计专用取水口就可以减少能源的浪费、减少操作上的复杂。考虑到人们的生活节奏加快,可以将物联网技术应用于冰箱设计中。所以说,设计必须服务于生活,而不是简单的对设计的形式要素,诸如表面的装饰和色彩做改变。

再比如过去在城市照明灯具的设计上往往追求华丽的效果,制造出不夜城的感觉。但现在设计更多考虑与环境问的统一协调。一些街灯、花园的灯不再追求高亮度,而是考虑节能亮度适度,与周边环境和谐,与人群视线匹配的灯具造型等,以此营造安静舒适的社区环境。

《创意世界》:也就是说,设计还是有好坏之分的?那么什么样的设计是不好的设计?

林笑跃:对,设计确有好坏之分。

我觉得首先是理念。没有好的设计理念,即使设计出来的是一件精美的艺术品,但它不一定是一项好的工业设计。设计的本质是关注人、关注细节,尽量考虑周全,通过设计使人和产品更和谐亲近。

其次是表现方式。表现手法是否新颖、是否符合时代和不同人群的审美需求,也是区分设计好坏的一个方面。仅仅重视外观的设计就不完全是好的设计。有些产品设计过于夸张、炫耀。可能就不适合普通人群。有些产品颜色设计好看,却不适合温馨的家庭环境,也不是好的设计。色彩、图案等形式要素的设计应当结合应用场合和生活环境综合考虑。

简约网站设计过程 第2篇

【关键词】道路交通;标志;设计分析

公路建设目的就是满足人和物的移动, 达到安全、便利、有效和经济方面的需要。道路交通标志是道路使用的说明书, 是一种无声语言, 是保证行车畅通、有序、安全的重要设施, 同时还是道路的装饰、形象、美化工程,道路交通标志是依据交通法规及国家有关的标准制定的, 是交通法规的具体体现, 道路交通标志用以管理道路交通的安全设施。在道路交通标志设计与实施中, 标志信息的强制性和安全性因素是道路设计者重点加以考虑的关键因素之一。

1.交通标志的作用与设置特点

公路标志在现代道路交通中发挥着重要的作用。交通标志设置的原则和特点主要有以下几方面:

一般情况下标志均设置在公路的右侧,驾驶员正急于寻找的位置。对于像超车道、行车道、紧急停车带这类车道划分和道路指示标志,设置在路侧确有困难时,通常采用门架式支撑,将标志板安装在公路上方,为了便于驾驶员判读,确保交通安全,在高速公路终点附近,还将一些禁令或警告标志设置在中央分隔带内。

交通标志的设置位置均保证标志与标志之间互不影响,而且没有其它结构物阻挡视线。

互通式立交及服务区附近的标志设置,以交通车辆接近交叉口或分流、合流处不会影响驾驶员视线为原则。

标志设置能保证驾驶员有足够的反应时间以便作出安全运行所必须的判断。因此,为了使标志内容起到应有的作用,标志的设置应有一段提前量。这里,还需要明确一点,即版面尺寸越大,标志内容越简单,这个距离提前量可以越小。

标志板正面面向来车方向,与公路走向基本成直角布置,板面稍向内倾斜。关于路侧标志的倾斜问题,目前尚有不同意见。有些国家的规范认为,只有当标志板与路肩边缘相距9m以上时才向内倾斜,当标志板与路肩外缘相距不足9m时,为防止反光造成的目眩现象,反而将它向外倾斜3°。

2.道路交通标志的设计分析

对于道路交通标识系统来说,图形、符号、色彩、文字和版式等平面设计元素是交通标志设计的重要组成部分。

图形设计

相对于文字标志,驾驶员对图形、符号标志更容易理解。在低亮度、快速显示等相对困难的视觉条件下,图形符号无论在辨认速度还是在辨认距离上均比文字信息要优越。用图形符号来表示信息的另一优点是不受语言文字的限制,只要设计的图案形象、直观,不同国家、不同民族、不同语言文字的驾驶人员均可理解、认读。一方面,图形设计要具有简练、直观性。标志图形要求与代表的客体的主要特征、结构相似,把自然的物体抽象化和几何化,删掉一些细节,表现物体的主要特征,让形更加简洁、直观,不仅极其清楚地为人们提供必要的资料,而且又以和谐的构图给人的视觉带来一种愉快的感觉。另一方面,标志图形所传达的意义应该准确,有吸引性。一切艺术的形式本质,都在于其能传达的某种意义。图形不仅要简洁明了,还要有效吸引人的注意,并准确传达信息,不造成道路使用者对图形信息产生歧义或模糊的理解。

色彩设计

色彩是眼睛对不同波长的光所产生的视觉效应,这种生理作用进一步冲击到人们的心理,从而产生了色彩心理效应。由于色彩在色相、明度和纯度上的不同属性,能带给人不同的心理效应。例如色彩的轻重感、进退感、距离感、胀缩感以及色彩的兴奋与冷静感等。充分认识色彩的生理与心理特性,能够使其在交通标志的色彩设计中发挥重要的作用。首先,通过颜色的刺激,使人很容易从复杂的驾驶环境中辨认出交通标志。例如红色和黄色等暖色是前进色,给人以紧迫感,视认性好。其次,通过颜色的象征性和联想性作用,使人能迅速地解读交通标志的内容。例如,红色对人的视觉和心理有一种危险感的强烈刺激,中国将其作为危险性最大、法制性最高的禁令类标志的用色;黄色具有明亮和警戒的感觉,用在注意危险的警告类标志上;蓝色和绿色使人产生宁静和平与舒适的感觉,用于指示和指路类的交通标志。另外,为了提高标志内容的可读性,可以使内容与背景形成鲜明的色彩对比。如文字与背景色的搭配,易辨认的顺序是:黄底黑字,黑底白字,蓝底白字,白底黑字等。此外,可以用色彩强化信息的区分。例如:不同的文字或指示符号,可以利用不同的色彩来强化信息的不同,让人更加容易识别。还有,色彩还能展示地方特色。

文字设计

道路交通标志尤其是指路标志中,文字是传达信息最直接的工具,如何快速准确地把信息传达给道路使用者,其本身的设计质量起关键因素。道路交通标志中,文字形式大概有汉字、数字、英文,少数民族地区还宜有少数民族文字。无论采取哪种类型文字,字体、字号、字体颜色都必须设计得合理规范。版面上的字体要统一,字号大小要根据信息主次关系而定,字距要适中,排列要协调,体现易读性高和美观相结合的特点。字体设计中,不应简单调用电脑字库中的字体,应考虑多种因素,进行有效实验后而进行设计。

版面设计

交通标志的版面设计是道路交通信息的具体反映。首先,排版要体现实用性和美观性。标志牌上的图形、符号、文字等要素编排要美观、合理,符合人的视觉流程和认知心理。并且使道路语言体现得更生动,信息传递更准确有效。其次,要控制版面信息量,防止信息过载。信息量要根据路况和人的视觉生理特点来合理安排。另外,要合理设计版面的比例和尺寸。版面大小要根据标志信息量的多少,具体道路线形特征和道路使用者行动特点合理设计,美的比例和适合的尺寸,可以使其在外观上为城市风貌增加美感享受,并且还有利于节约材料。

简约网站设计过程 第3篇

关键词:数字技术;视觉传达设计;效果;影响

科技的进步和经济的发展使得许多高新技术产品不断涌现,在一定程度上模糊了消费者对产品的了解与认识,导致产品设计与功能的同质化。随着数字技术的发展,其影响范围和应用领域不断扩展,尤其是在视觉传达设计方面的应用,其能够有效改变这一情况,提高信息传播的快速性与准确性,及时向消费者传达信息,吸引其关注产品。同时数字技术的有效应用,影响了视觉传达设计效果,使其不再是静态化与平面化的视觉效果,改变了以往单一的传播形式,为观众提供了更为刺激与新鲜的视觉体验,增强了设计的欣赏性与直观性。

一、数字技术发展下的视觉传达设计

视觉传达设计作为一门新兴的学科,其是艺术、经济和科学相结合的产物,标志着人类进入到现代化社会。对于视觉传达设计而言,其主要兴起于19世纪中叶,当前在科技发展的背景下,以网络和电波为媒介进行信息传播,具有丰富的内涵和多样化的时代特征,为人们带来了丰富多彩的视觉享受和体验。随着数字技术的不断发展与进步,基于计算机的数字信息处理技术已经成为数字媒体设计的重点与核心,需要以计算机为基础来进行多媒体设计,确保信息的交互性与逻辑性。总而言之,利用数字技术设计的作品多是以计算机软硬件为依据,由用户参与者与专业设计人员共同完成。视觉传达设计同样是以数字技术为传播手段,充分表达信息,这使得视觉传达设计的表现手法更为多样,载体更加丰富与广泛。

二、数字技术的发展对视觉传达效果的影响分析

数字技术的发展对视觉传达效果的影响主要表现在以下几方面:一是虚拟化。数字技术的重要特征之一就是虚拟化,数字技术的发展改变了信息的存储及存在状态,人们能够利用数字技术形象化自己想象的事物,营造虚拟的环境来产生身临其境之感,给人们带来听觉和视觉等的真实感受。虚拟化设计并不能与客观事物的原物原形相等同,视觉传达设计利用多样化的虚拟手法与手段,以此实现事物本质的真实性。例如2010年上海世博会开幕时,中国馆通过动漫制作和电子影像等技术展示电子动态版的《清明上河图》,对北宋汴梁的繁华市井进行生动再现,使观众直观感受与体验北宋时期的习俗风情和社会生活,增强了视觉丰富、形象和生动的冲击力。

二是简约化。简约化是视觉传达设计的重要目标和表现形式,其设计能够使作品的特征与主题更为突出,删减琐碎情节与不必要内容,将作品的意图进行有效传达,保证设计的效果与目标性。简约化设计主要是通过简约的特征强调与提炼各种信息内容,实现信息的准确与及时传达。在视觉传达设计中采用简约化的方式时,由于表现形式趋于简约化,重点强调主体,给人以足够的想象空间,使人们能从细节部分感受作品的丰富韵味,确保设计效果符合大众的审美需求。在数字技术发展的背景下,视觉传达设计的简约化,表现手法更为轻松与自然,设计语言更加朴实,设计表达的外延与内涵更为深刻,具有持久的生命力。

三是多维化。视觉传达设计中的多维化主要指的是观众与设计者之间的交流与互动,能够增强设计效果,确保设计表现形式的多样化。在视觉传达设计过程中,综合运用多媒体技术和数字技术,将相关设计领域与视觉传达领域相结合,从而使传统的平面图形逐渐转化为空间处理,也使单向的信息传递转为双向信息的交流互动,推动了视觉传达的多维化发展。总之,在数字技术不断发展的背景下,视觉传达设计具有了更加广阔的平台与空间进行创新发展,在表现形式叠加、文字设计、图形重构与解构、图形绘制等方面的视觉效果更为强烈,增强了平面图形的立体感与空间感,也使得视觉传达信息具有多维性特征。

四是异质化。视觉传达设计效果对异质化的现象十分注重,而设计的异质化就是指设计中位置、强弱、大小、色彩、音响、文字和画面等的变化带给人的不同感觉。当前各种技术不断更新与发展,要想提高视觉传达的效率,需要保证传达方式的准确性,利用视觉异质化的形式表现信息,这样复杂抽象的信息会变得简单直观,加深人们对信息的理解与印象。设计人员在创造作品的过程中,有意进行异质化设计,采用具有冲突性质的视觉符号,从而给人独特的视觉感受。随着数字技术的发展和完善,设计人员能够利用先进的技术与设备对设计构思进行自如表达,保证视觉传达的异质性,引起受众的注意,从而实现信息传达的目的。一般而言,设计效果的异质化需要以设计方法的创新为衡量依据加以实现,给人愉悦的感受,使人能准确理解传达的信息并产生联想,避免视觉效果的雷同化与同质化。

三、结束语

视觉传达设计作为科学、技术、艺术等多门学科相结合的综合性学科,其视觉效果和表现形式在数字技术发展的背景下发生了深刻的变化,迎来了新的市场,形成了全新的视觉空间和思维空间,为人们带来了丰富多样的视听体验。数字技术的发展,在一定程度上重构了人们的现实,决定与控制着文化、经济和社会的发展方向。因此在视觉传达设计过程中,需要合理运用数字技术,积极探索新的方法和手段,创造出具有独特效果和时代特征的作品,推动视觉传达设计领域的深层次发展。

参考文献:

[1]王志刚,臧之筠.数字媒体对视觉传达设计的影响分析[J].江苏技术师范学院学报,2014,02:64-66.

[2]周越,董是非.数字媒体影响下的视觉传达设计研究[J].美术大观,2014,08:151.

[3]王亚萍.计算机技术对视觉传达设计的影响[J].电影评介,2010,05:90+93.

[4]余森.数字时代视觉传达设计的新思维探讨[J].戏剧之家,2016,03:182.

简约网站设计过程 第4篇

0 前言

虽然交互设计早在20世纪90年代就被正式提出,但产品的交互设计,基于用户体验的产品交互设计却是最近几年才发展起来的。由于发展时间较短,关于产品交互设计的研究还较少,尤其是基于用户体验的产品交互设计研究,有建树的、有代表性的研究成果尚不足。为了填补上述空白,有必要加强对基于用户体验的产品交互设计的研究。

1 基于用户体验的产品交互设计原则

简单

关于产品的选择和使用,人们普遍喜欢简单的、适应性强的、值得信赖的产品。这里所说的简单并不是单纯地指产品外观设计的简单化,更不是指内部界面功能的简单,它既有实际部分的简单也有抽象意义上的简单,是基于用户情感需求和心理需求所演化而成的产品交互设计中的一个重要基本原则。遵循简单原则,基于用户体验对产品进行交互设计,用户在意的不是产品使用了何种定制技术,也不管用的是什么软件,只在意产品是否处于自己掌控之下,注重对产品掌控的这种感觉。[1]从用户的这一心理特征分析,对产品进行简单设计,需要将用户操作交互界面设计的简单大方,清晰友好,需要对产品外观进行简约化设计,简单的同时还要突出本产品品牌的特色,有别于其他品牌产品的重要标识。如乔纳森和布朗斯坦基于尽可能简单目标发明了一款简单便携式摄像机Flip,在美国市场上有着上百万台销售量的一个佳绩,这款摄像机简单便携,功能简单,是与其他复杂难用摄像机一个最明显的区别,之所以赢得了广大消费者们的青睐,是因为它符合绝大多数用户的需求,也验证了简单是产品交互设计应遵循的原则之一。

删除

根据用户自身体验,对于很多产品,如遥控器等我们有很多功能键几乎是从未用过,对于软件中的功能有很多我们也几乎从未使用过,或很少使用。从这方面考虑,将产品中的某些功能删除或省略,可能会创造出更为成功的产品,如最初的iPhone与其他手机相比,功能很少,但却掀起了波澜,引起了广大消费者的关注;Tumblr博客只具有其他网站的一部分功能,但在开通几年后日发表量却大幅上升。[2]这些案例都在一定程度上说明了删除在产品设计中所起到的重要作用。遵循这一原则,基于用户体验进行产品交互设计,将某些功能,尤其是复杂的、不常用的功能删除或省略,以简化产品设计,可以有效增强用户对产品的体验。

2 体验式产品交互设计构成要素

根据对交互产品用户在产品体验方面的相关调查和有关资料参考得到,构成体验式产品交互设计的要素主要包括四种,即品牌、可用性、功能性和内容。这四要素是带给用户完整体验所不可或缺的,将它们整合融入产品交互设计之中,通过良好的设计,不仅可以有效提高用户体验,而且可以作为交互产品用户体验的评估指标对产品用户体验情况进行有效的评估,给用户体验的产品交互设计提供所需参考。

一个生产企业及其产品在市场上所能够占据的市场份额和竞争砝码在很大程度上取决于其品牌,良好的品牌效应,品牌形象和品牌影响力,广泛的品牌知名度,是保持企业产品销路畅通,产业增值的一种重要无形资产,是对企业文化传播的一个重要媒介。[3]企业产品品牌好坏的描述主要是通过产品在交互设计过程中体验价值的发挥程度,为用户提供有吸引力的体验情况和产品对品牌设定程度的传达情况来实现的。

功能是人们在购买产品时最为关注的一点,一个产品的功能性主要体现在基于生产技术的交互界面功能和后台程序运行能力两大方面,是为用户提供体验的直接载体。可用性一般指产品的功能、实用性、特点等,指用户使用该产品对其指定任务的完成情况,完成效率,它是衡量用户对产品满意程度、衡量产品竞争力的一个重要指标。内容要素主要指产品所呈现出的结构和所输出的信息合理性,取决于技术、设计和用户需求。

3 基于用户体验的产品交互设计方法

加强用户了解

企业在生产产品之前,首先会明确产品的使用对象,适用人群,也就是所说的产品市场定位。在明确产品使用对象基础上,加强对使用者即用户的了解是一项重要工程。基于用户体验,使用交互技术对产品进行体验式设计、交互设计,通过调查来了解这部分用户真正的需求,了解用户对产品在外观、功能、适应性等各方面上的要求和偏好。然后根据对用户的了解,按照用户实际需求对产品进行交互设计。[4]以用户为中心,开发一款新的产品,设计人员、开发人员以及企业所有相关人员均不能够将自身对产品的需求、想法视为用户的需求,而应采用多种研究方法,如定性研究、对比研究等对用户开展最大量的研究,分析和解决用户在使用产品中出现的各种问题,了解用户情感需求,从而更好地满足用户产品交互体验。

构建产品交互体验模型

在明确目标用户和掌握用户情感、心理需求、认知与行为特性基础上,开始对产品进行研发设计。利用研究调查所得信息,结合产品属性对产品设计进行构思,产品功能进行规划,确定产品软硬件配置方案。在产品设计任务的分析过程中,设计师及所有研发人员应将交互设计始终视为产品设计的核心,对产品交互设计流程进行合理设计,对设计方式与所需交互技术进行合理选择,构建产品交互体验模型。

整合新旧交互技术

交互技术在应用的同时也在不断地改进和发展,形成了新的交互技术。与旧交互技术相比,在性能和适用范围上,新交互技术更具优越性,但旧交互技术有着其独特的优势和重要地位,将新旧交互技术有效结合起来,通过高效整合,对产品进行交互设计,可以为产品交互设计提供强大技术支持。[5]基于用户体验的产品交互设计不仅在产品交互上有着越来越高的要求,同时对产品设计的智能化、可用性、适应性和人性化要求也变得越来越高,只有遵循人本理念、人性化设计理念,引入先进技术,加强新旧交互技术整合,共同辅助产品交互设计,才能有效提高产品用户体验度,推动体验式、交互式产品更快发展。

4 结语

在产品种类多样化、设计方法多样化的当今社会下,用户体验的产品交互设计已成为本时代产品设计的主流趋势,对进一步满足用户情感体验、产品体验,满足用户需求起着重要作用。总之,基于用户体验的产品交互设计,随着交互技术的不断发展,其应该提高对用户的了解,对用户体验的重视,以用户需求为基础,不断优化产品交互设计,为人们带来全新的产品体验。

参考文献:

[1] 杨若男.基于用户体验的智能手机交互设计研究[D].湖南大学,2007.

[2] 王娟.基于用户体验的互联网产品界面设计研究[D].浙江农林大学,2012.

简约网站设计过程 第5篇

检 索:.cn

一、艺术设计中的图形创意

艺术设计中图形的目的是创造一种可以快捷地传递信息的印象,以再现特定的信息。作为艺术设计中视觉传达设计的基础,好的图形设计离不开创意的支持,甚至可以将图形设计的过程看作是创造性思维的实现过程。图形创意本质上是一种思维过程,它将人眼看到的信息以思维创意的过程表现出来,并用理性的分析手段形成图形作品。创意过程中设计到多种思维方式,如形象思维、抽象思维、逆向思维、逻辑思维等。

图形设计中的优秀创意因素需要具备几个必要条件,首先图形设计的创意要有独到的视点,在立意精巧的同时又要符合人的逻辑思维;其次视觉上要有一定的冲击力,创意表达的信息在说明要描述问题的同时还应该有深刻的寓意。图形设计的创意始于推演主题,设计之初就要思考如何切入主题,推演图形设计要传达的信息主题,从而保证图形设计中的思维始终围绕主题进行。

图形创意的构型形态包括同构、解构两种。[1]同构本质上是一种映射,是用其他事物表象出某种物象的结构;要想表征两种物象之间的同构关系,就必须要找到它们之间的共同点和相似点,而同构因素可以从内容、轮廓等事物的形上寻找。解构的过程和同构相反,它是将自然形分解、打散,并按照既定意图再次组合的构形方式,这一过程中创造图形的过程实质上就是“在寻找同构因素的同时打散、分解并重新组合的过程[2]”,如图1所示。

二、移动终端上的交互设计

交互设计一般被认为是涉及支持人们日常工作与生活的交互式数字产品的设计,它致力于了解用户的期望,了解用户与产品交互时的感受,其目的是使用户可以轻松地与信息时代的数字化产品进行沟通,设计更加有效的交互行为和方式,从而使产品更加易用,可以认为交互设计就是为了更好的使人与产品沟通、交流的设计方式。对使用数字化产品过程中的行为与界面进行交互设计,以此在用户与数字化产品之间建立一种有机联系,最终达到有效促进交流的作用,这就是交互设计的目的。

随着智能手机的普及,手机的功能也多种多样,在进行手机的交互设计及界面设计时就需要根据屏幕分辨率、字号以及行距等将这些功能进行分类和整理,并根据交互需求说明、交互类型、交互结构模型等因素,划分手机应用界面的结构模块,并根据手机屏幕要显示信息的相关内容及顺序,结构化设计交互元素;当应用的菜单结构及显示信息结构一致的情况下,还需要进行屏幕、窗口以及菜单等的结构设计、显示要素的布局设计等[3];完成了总体布局设计及结构设计后,还需要进行应用界面的美观设计,以利用强烈的视觉冲击达到品牌推广的目的。

优秀的移动终端界面设计不仅要方便用户操作,还应该可以使用户在陌生环境及有限时间内较快掌握其使用方法。移动终端的交互设计主要可以分为两方面:人识别手机的过程和手机对人的交流反馈过程。人识别手机的过程就是消化手机界面表达的寓意的过程,是用户采集手机图标、文字、菜单等信息,并加以识别和理解,最后对比所学知识的过程。在人识别手机的时候手机还需要恰当地给人反馈,这种双向性的交互才是真正的以用户为中心的交互设计。手机对人的反馈主要包括目标导向设计和信息反馈两种。目标导向设计是一种针对手机产品存在的问题提供解决方案的设计,而且这种解决方案可以满足用户的需求和目标。目标导向设计揣摩了用户的心理和使用习惯,可以对用户进行下一步操作有所帮助,方便用户在不同操作间直接跳转,减少用户的操作麻烦。

移动终端上的交互设计就是一种新的传递信息的方式,使用户更加自然、更加人性化地交流并接受信息,减少用户再学习的过程,而不是将信息强加于人。作为日常生活中用户信息处理的重要工具。随着多点触摸技术、重力感应等移动终端新技术的发展,移动终端上的交互方式也开始变得多种多样,但是对这些新技术的不合理利用也会在交互过程中出现效率及自然性等问题,随着这些问题暴露得日益明显,移动终端应用设计师们也开始越来越关注移动终端上用户与产品的交互问题。另外,在移动终端上设计具有交互的应用时要考虑移动终端的型号等因素,这无疑会增加交互设计的难度。移动终端的显示区域较小,难以实现多窗口同时运行,所以桌面交互设计中,用户在桌面同时进行多种操作的模式并不可行。鉴于这种限制,桌面上的交互设计模式在移动终端上应用时不得不被精简和压缩,这就需要借助良好的交互设计弥补这一缺陷。目前移动终端上的交互设计正处于发展的早期,在进行交互设计时如果充分考虑到用户的认知特征、视觉交互设计因素以及移动终端的上下文等因素,避免交互设计在移动终端上的易出错、不合理、繁琐等问题,那么交互设计最终将走向更加自然、人性化的方向,做到高效、顺畅的人机交互。

手机等移动终端上输入文本比较繁琐,手机上触摸屏及全键盘的文本输入都不像桌面终端设备的文本输入那样便捷,因此移动终端上的交互设计要尽量避免用户输入不必要的文本信息,而可以代替以选择列表或者是模糊查询的方式。在用户输入部分关键词后,交互设计方式可以给出相应的提示信息,运行用户选择检索目标或从包含目标的列表中进行选择,从而减少输入文本的麻烦。另外,虽然触摸屏的输入方式接近于用户的日常使用习惯,但目前移动终端上手写输入识别的准确性还不尽人意,加之触摸屏手写的反馈时间比较慢,所以移动终端的交互设计不建议使用。手机等移动终端的交互设计有不同于桌面终端的特点,不仅要考虑不同终端型号、不同平台的兼容性问题,还要具有行为交互方式,其不便利的输入方式和复杂的交互路径,决定了只有充分考虑移动终端本身的交互特点,才可以更好地利用已有的交互设计经验,设计出区别于桌面交互方式的移动终端应用。

移动终端上的交互设计可以分为以下几个过程[4]:(1)调查研究及概念定义。交互设计师根据前期调研结果以及用户访谈记录,圈定交互设计要面向的目标人群;同时标识需要并建立需求概念,从而把用户需求和应用需求有机结合起来。(2)迭代设计与执行。根据用户的需求进行移动终端品牌应用的设计,并分阶段地进行迭代评估,以构建应用的交互设计结构;设计完毕后,选择最佳交互设计方案,并完成交互设计的最终呈现。(3)。展示交互设计成果,并利用市场进行整个交互设计的评估。在以上三个交互设计的阶段中,用户应该全程参与交互设计的开发过程。

三、智能家居品牌应用软件

数字信息化技术的发展使移动终端成为日常信息交流的重要平台,基于手机终端的交互设计也成为近期研究的热点;另外,随着智能家居技术及智能监控技术应用的不断成熟,利用手机等移动终端远程控制智能家居也日益流行,并成为一种影响深远的发展趋势[5]。利用移动终端上的智能家居应用软件,用户即使出门在外也可以遥控开启智能家居洗衣机洗衣,或者回家前即可遥控微波炉预热食物,这样的智能家居应用不仅可以有效节约用户的时间,还会给用户带来极大的便利。本文接下来根据智能家居的发展趋势,在移动终端上设计一款智能家居应用软件。

本文在基于Iphone的手机平台上设计了一款针对苹果用户的智能家居应用软件,用户可以利用此智能家居软件完成远程控制洗衣的功能,这款智能家居软件不仅可以远程设定智能洗衣机的运转时间,还能够随时进行洗衣情况监控,用户无需时刻守候在洗衣机旁。使用Iphone的用户大多是智能手机移动终端的高端用户,可以熟悉使用智能手机应用,而且这部分用户一般都使用3G网络,能够随时利用网络远程控制家居设备。分析了此类用户的特点后,选择七位使用Iphone的手机用户,他们都有较高的收入水平,家中都有智能洗衣机。在对这些用户对于智能洗衣机的观点进行了解后,本文将智能洗衣机的概念分解为“智能”、“洗”、“机器”以及“控制”四个主题概念。

明确了用户对智能家居应用软件的概念定义后,借助功能隐喻模型可以找到智能洗衣应用的基本功能元素包括以下几点:智能开关、暂停、调节模式、洗衣进程显示以及扫描;这些功能可以分为显示和操作两类。本文首先对市场上的智能洗衣机具备的功能进行调查,并设计调研问卷,咨询上述七名用户对智能洗衣机功能的重点关注点,将智能家居应用软件的功能设计为扫描衣服数量、选择洗衣模式、显示洗衣进程以及控制洗衣的状态(开始、暂停以及停止)等功能因素。确定了智能家居应用的功能因素后,再利用结构隐喻模型串联所有的功能点,这样可以更好地设计功能因素间的层级关系以及功能按键的排布方式。在对以上用户的使用习惯进行分析后发现,市场上已有的一些智能家居应用软件的交互设计结构可以借鉴,这样能够降低用户学习新应用的成本。用户在使用智能洗衣应用时,一般会经过查看衣物种类、设定洗衣模式、查看洗衣进程等步骤;在智能洗衣应用的界面设计时,由于旋转按钮的动作与用户操作智能洗衣机实体的行为方式相同,所以设定洗衣模式的动作可以借鉴旋转按钮的动作,以符合自然的用户体验原则。

可以设定智能洗衣应用的主题和风格,诸如白色、水珠、科技等等。可以将智能洗衣应用的主界面主题设置为科技模式,并抽取动画中EVA机器人的特征,混合渲染白色及蓝调,充分显示出科技感及智能性,在开启应用程序前预先显示一个机械化自动门,从而给用户一种机械感及自动感。另外,这样的应用设计以机器人为主题,更好地切合了智能家居的主题。

总结

本文从交互设计入手,介绍了基于移动终端的交互设计,调查了市场上的智能洗衣机具备的功能,并设计调研问卷,咨询用户对智能洗衣机功能的重点关注点,然后设计了一种智能家居应用软件。

注释

[1] 薄玉桴:《智能手机应用软件交互设计和设计流程研究》,华东理工大学硕士学位论文,2011。

[2] 李鸿明:《基于手机游戏中的人机界面交互设计及应用研究》,华南理工大学硕士学位论文,2012。

简约网站设计过程 第6篇

关键词:广告设计 视觉传达 模糊性

中图分类号:

文献标识码:A

视觉传达模糊性是相对于传统视觉传达理论侧重的清晰、平衡、守恒与稳定等原则而论的新型视觉传达创意。传统哲学概念中对于模糊性持排斥态度,认为模糊就意味着非理性、不科学。然而伴随着后现代工业化与科技理论发展到一定程度,客观世界的运动永恒与多元科学等理论的出现却让“模糊性”正式被定论为一种理论成为可能,比如现代数学理论中的“模糊”集合理论、现代物理中的“耗散”结构论等都为“模糊性”成为正式的科学概念起到了支持。在传统理性科学领域确立了“模糊性”理论的地位后,这―概念随即进入了美学与哲学范畴。无论处于哪种科学范围中。模糊性理论侧重的都是物质的非稳定、不确定与相互渗透性,这个与传统认识大相径庭的概念于是在广告设计中成为了革新与创意的新亮点。

一 视觉传达模糊性的特点

视觉传达模糊性一个最突出特点即为不稳定,与大多数人习惯性认为客观世界是稳定与相对恒定所不同的是,模糊性理论认为客观现实恰恰是以不稳定为恒定,而稳定却是相对的和临时的。在这一观点中,表面上稳定的现实世界仅仅是由于不稳定因素缓慢累积尚未达到临界值,因而维持着相对不变,但本质上不稳定却是随时随地在发生着并积累着。一旦这样的不稳定累积到了一定程度达到饱和,则稳定必然被破坏,从而让原本隐性的不稳定成为显性。正是由于这些连续不断的不稳定之间逐渐过渡,于是模糊性出现,不稳定成为模糊性的先决条件,而模糊性则是不稳定的必然结果。

如果说不稳定是挖掘模糊性形成的微观本质而形成的特点,那么着眼于宏观上看模糊性的另一个显著特点就是“整体”。即组成某个概念或者定义的各部分看似是一个个相互独立的个体,但其实这些部分内在却存在着本质关联。这些部分之间被一条隐性的链条联结,彼此间具有互相解释或说明的作用。同时,这些看似分离的部分却又不断有所交集与融合,甚至不断进行穿插和渗透,就在这样持续的分与合中,部分形成了整体。但这个整体由于处于不稳定状态中叉并没有相对清晰的轮廓,只是一个模糊的大致框架,但正是由于模糊使这个轮廓或框架具有了特殊的审美。

上面提到的“整体”特性中已经出现了表面独立的个体之间相互联结与融合的情况,故模糊性之第三个特点就是其“互渗”性。主要是指各个中间环节之间由于在不断的变化中而互有渗透,由于彼此间持续性地穿插、过渡并且不断进行着转化,故模糊性因其“互渗”而不能确定、不能预测。

二 广告设计中视觉传达模糊性的特点

视觉传达模糊性本质上具有的特点在其应用于广告设计中时也相应地在广告设计中产生了有所对应的特点。比如“随机”,也就是广告设计创意的无恒定性思维的特点。即使是同一类型的广告在设计创意思维上也总是变化着和运动着,并无相对稳定不变的标准。比如美国著名饮品“可口可乐”的广告设计,同样是平面广告,“可口可乐在奥运”就与“可口可乐之环保”的设计创意截然不同。“可口可乐在奥运”运用了剪影绘画手法,在大红色背景前有一个黑色的人形剪影,右手高举一支黑色火炬,身体呈献奔跑状态,火炬开口处一长串弯曲变形的“白色飘带”组成字母“Co”,画面左下角则是白色花体字母“CocaCola_和白色的奥运五环的图案。而“可口可乐之环保”虽然同样是大红色背景,剪影图案却变成了女性的两只手,白色而纤细的女性手臂分别从画面的左上角和右下角切入,上半部的手掌心向下,下半部的则掌心向上。上面那只手的手指轻搭在下面那只手的腕关节处,而腕关节的位置有一只刚刚萌芽的绿色幼苗。从画面看既可以理解为上面的手轻触下面的手上萌芽的小苗,也可以理解为上面的手将一只萌芽的小幼苗栽种在下面那只手的手腕上。很明显,奔跑的人的剪影十分恰当地契合了“奥运”在广告设计中的主体地位,而“幼苗”则明显是环境保护的点题处。两个广告同为可口可乐的平面设计,但风格、主题与内涵却完全不同。(图1、图2)

上面两款可口可乐广告设计中还体现了模糊性在广告设计中的另一个特点,那就是“多向”。两只女性手臂形成的图案在不同受众看来可以具有相反的含义,比如既可以是“生长”,也可以是“培育”。这就说明模糊性在广告设计中会兼顾多数受众对广告的理解与感受,使广告创意能够涵盖尽量广泛的潜在人群。

三 视觉传达模糊性在广告设计中的应用

(一)异形同构

所谓“异形”是指在形状、形式上完全的差异性,而“同构”则指内在本质上的共通性。以OLIVIA披萨店的两幅并排平面广告为例,乍一看两幅广告都是被切成扇形的披萨饼的大致外形,但细看下却是“别有洞天”。左边一幅扇形浅白色底画上绘制的是几幢高矮不一的摩天大楼,大楼之间点缀着零星的绿色植物,与现实生活中居于闹市中心的商业楼宇和写字间的格局十分相似。而从左侧打过来的强光则代表着阳光,让这些高楼大厦在右侧投下了错落不一的阴影。右边一幅同样是扇形浅白色底画,但画中出现了更多的绿色植物,点缀其间的倒成了相对矮小的建筑物。细细看来,这些矮小的建筑与绿植共同组成了带有典型美式中产阶级特色的社区。相较与左侧强烈的光线,右侧的广告明显暗了许多,而且在栋栋小房屋间似有灯光闪烁,很明显描绘的是夜间的情景。从左右两幅画面可以比较容易看出广告设计的意图,即“OLIVIA披萨既适宜上班族日间品尝,也适宜晚上全家共享”。

(二)异质同形

“异质”指不同材质、材料或物质,“同形”指相同或类似的形状。即采用具有近似含义的外形但材质却千差万别的设计展示具有更新、更深内涵的意义。以“派克公馆”地产平面广告设计为例,这款广告仅看图案会极易让人误以为是一幅奢华金表的广告,左侧是印刷体的金色英文大字字母“PARK CHATEAU”,右侧是一只长方形、表盘周边一圈镶钻的金表。金表表盘上纵横交错的金色条纹,似乎是装饰用的金丝线。然而仔细观察表盘内部条纹却能让人大吃一惊,那些纵横交错的“金丝线”构成的是一幅酒店大堂顶棚的缩略图。如果结合钻石外圈的设计,可以将其理解为一栋富丽堂皇的酒店大门装饰,透过大门能看到内部大堂顶棚金色的拱形支架与透明的弧形玻璃天花板。这款广告设计的创意之处在于利用了钻石金表与顶级酒店(公馆)建筑共同的特性――豪华作为着眼点,以钻石金表指代“派克公馆”地产走的高端路线与设计的精致与华美。

(三)视觉反差

利用强烈的视觉冲突营造出对比强烈的画面感,以此突破传统设计思路惯性易造成的平庸感。以ORANGINA原味橙汁平面广告为例,广告主体色调只有背景的蓝色与图形的橙色,冷暖色调对比已经营造出了初步的冲突感。画面四周是若干汁液飞溅的橙瓣,仿佛正在半空中旋转。画面中间是一个形似绘制了橙色条纹的玻璃饮料瓶,但仔细看可以发现实际上是一条极长的橙子皮被卷曲缠绕成了瓶子的形状。由于中心图案采用的视角是仰视,可以看见“瓶”底缠绕成一圈圈的橙皮,既可以将其理解为橙色的玻璃瓶底,也可以理解为在透明玻璃瓶中旋转的橙汁。这幅广告的创意独特处在于用橙皮替代了传统惯性思维中的饮料瓶结构,同时以橙皮为外框还可以暗示瓶子里装满了货真价实的橙肉和橙汁。在不同距离的视线下,近看是一圈圈橙皮绕成的空瓶子,远看却是盛满了汁液的饮料瓶,两种视线给予观看者明显的视觉差异,使人产生广告既大胆又有趣的感受。(图3)

(四)矛盾空间

现实生活中的空间是遵循透视法等物理原则而存在的空间,因此人类已经习惯于以方位、距离、远近等对周遭环境进行衡量。当透视法等物理原则被刻意运用在非客观真实的场景中时,人眼就会由于这一违反物理原则的设计而在头脑中产生超现实的空间构成。以标致508汽车平面广告为例,这款广告的中心议题在于突出标致汽车强劲的驱动力,以至于任何坡地都不会难倒这款汽车。广告画面的近景是一台平衡放置的标志汽车,但其依靠的地形比较特别,虽然汽车所在的位置是十分标准的水平路面,但水平路面两侧却分别是相当陡峭的斜坡。左侧为从右上往左下的斜坡,右侧则是从左下往右上的斜坡。因此整体观看,标致汽车似乎刚刚从左向右攀爬上了一个角度极其刁钻的梯形结构的路面。但广告创意独特处却不止于此,奥妙在于汽车后部行道树的设计。处于画面背景的行道树共三排,分别按左、中、右设置。左侧与右侧的行道树都很正常,保持着与地面垂直的角度。然而中间一排树木却倾斜了'排列成与上下坡坡度相同的约四十五度斜角。通过行道树与汽车的对比,会出现一个十分奇特而混乱的逻辑推理疑问,那就是到底是汽车处于一个倾斜的位置还是行道树全部出现了角度的偏差。这款广告设计的创意思维在于利用了客观世界的透视原理,却将其运用在非现实的平面设计中,于是强烈的不稳定感应运而生,其产生的广告效应也就不言而喻了。

简约网站设计过程 第7篇

关键词:

UI交互设计;用户研究;人机界面;用户体验;视觉美观

UI的概念,是人们为解决与机器的交流问题而提出的,如日常生活中的汽车操控界面,最早的收音机操作界面,电视遥控器界面,正在研制的各种更超前、更易用的感应式电子软件操作界面。人们正在经历着图形界面时代,产品操作界面的图形化处理越来越受到人们的重视。好的交互体验使人们一眼就能识别如何操作,能理解操作带来的实际作用。人们对用户体验和界面美观的要求提升得越来越快,这种图形化的界面设计也推动了新的经济时代到来。随着智能手机的飞速发展,人们对手机APP的使用迅猛增长,如今各种APP在互联网移动终端设备上的使用率越来越高,使用人群也逐渐细化。APP产品琳琅满目,产品经理开发手机APP的使用价值,就必须研究用户界面交互设计,通过用户界面交互设计的研究得出这些产品的推广和应用方式。实际上用户界面本身就是一种设计,像其他设计一样需要独特的设计方案。随着硬件技术的发展,人们关心的重点是软件的易用性和美观性。如何设计成功的界面,取决于对UI交互设计的理解和对用户体验设计的研究。

一、用户研究,了解用户,弥合差距

现实生活中,人们对周围世界的描述和感知有部分不是真实的,人们所感知到的在很大程度上取决于人们的期望,人们的描述根据期望提出并通过设计展现出来,人们的过去、现在、将来成为影响感知的三个要素,设计者对于用户也需要从这三个要素上去研究、观察、分析和反馈。现在,移动终端的开发不断创新,如几年前老年智能机的出现、近期儿童智能手表的广泛应用。各个科技公司正在研发更加强大的智能终端系统APP。如2015年底面世的锤子T2手机,锤子科技针对如何教会老年人使用智能触屏手机开发了远程协助功能,这给智能科技手机带来了新的盈利模式。正是出于对用户的不断探究,各种新奇、有用的APP应运而生。互联网公司、手机科技公司、软件公司对新产品的研发要从用户研究做起,要了解透彻用户,要寻找用户使用产品的痛点,然后进行痛点分析,据以进行产品开发或改造。在对用户研究的过程中,准确把握用户经验、使用环境、未来目标,是进行产品研究开发的必要基础。

移动互联网用品专家在分析网络移动终端产品时将用户分成三类。第一类是专家型用户。这类用户的特点是有强烈的愿望探索新的产品和服务。对于出现的新产品,专家型用户往往迫不及待地花时间探索产品的新功能、新特征。不过,这类用户在总体上占少数。第二类用户可以称为随意性用户。随意性用户可能不喜欢改变,接触全新事物的意愿可能不是太强。第三类用户可以称为主流用户。这类用户往往不会因为产品有某项技术而使用这种产品,他们使用产品的目的是完成某项任务,在情感上更加偏重手机的功能本身,但是他们往往不会花费精力学会所有的功能,在用户中,这类用户所占的比例最大。在研发过程中,设计者应尽量避免只针对专家型用户的需求进行设计,否则设计出来的手机APP可能会使主流用户知难而退。很多软件的开发要以主流用户为主体,设计者在进行用户分析时,可以多观察主流用户的行为习惯,通过用户测试改进手机和网站等,在研发过程中以主流用户为目标用户。总体来说,设计者要解决的UI交互设计的核心问题就是产品对用户使用心理的影响,要将产品设计的核心转移到以用户为中心上来。UI交互设计师或程序员要想设计出好的产品,就要明确目标用户是谁,正确定位用户的使用需要。当然,很多时候用户可能不清楚自己的需求是什么,或者难以清晰表达自己的需要,此时UI交互设计师或程序员就该发挥自身的作用,了解用户的特征、使用能力和使用目的,想办法满足用户的要求。好的UI交互设计应该能够在不影响用户个人目标的情况下,帮助他们达成实际目标。真正解决问题的关键在于设计者能够换位思考,以用户的心理状态、行为方式考虑产品设计。

二、应用视觉设计研究,设计过程

在过去的产品设计过程中,一般是程序员设计交互界面,但程序员往往没有足够的时间考虑UI交互设计,没有明确的产品设计方向,也没有恰当的设计思路和方法,所以一些电子信息产品的UI交互设计并不成功,甚至影响了产品的有效使用。现在,人们对于用户体验、交互方式的要求与日俱增,产品经理为了解决在信息时代所面临的复杂而独特的问题,对于营销思路方式、视觉设计研究、设计过程越来越重视,逐步提高对用户评价的重视程度,逐步改善产品的交互体验。在创建软件的过程中,战略层、框架层、信息层、用户层、设计层、体验层常常是在压缩成本时最先被考虑的部分。在产品设计的视觉层面,设计过度的情况时有发生,如果希望设计的产品能够得到用户的认可,就需要将产品界面设计得简洁而不简单,如果设计过程和视觉设计思路非常棒,就会大大提升产品的竞争力,使产品的使用寿命延长,具有更长的生命周期,有利于提高客户的忠诚度,使产品创造出更大的价值。

在UI交互设计研究开发过程中,设计师主要是对产品界面的文字、图形、色彩、版式进行研究,在设计过程中需要不断试错、改善,甚至在投入使用后,还要进行修改、更新。UI交互设计师为了了解用户的使用心理,会在实践中进行用户研究,注重和强调人作为主体的多样性,而不局限于运用市场人员通常采用的统计式量化研究方法。在UI交互设计过程中,视觉设计起着掌控大局的作用。随着网络移动终端产品的日益复杂和功能越来越多、越来越强大,用户对产品易用性的要求也越来越高。用户在使用过程中可能产生一些困扰,这时UI交互设计就会发挥联系产品和用户的桥梁作用。UI交互设计在软件开发过程中起着重要的作用。对于每一个新的系统,用户都需要新的适应过程,如果产品界面风格设计变化不定,会给用户带来很大的麻烦,增加用户的使用难度,甚至会招致用户的厌烦。在界面设计过程中,视觉设计部分也要注意交互的重要性,注重设计风格的统一性。如,APP界面中要有“返回”“后退”“上一页”等按钮,界面上图标的风格要一致,文字或图形不能随意摆放,从而保证用户获得较好的交互体验。UI交互设计对于界面元素的模块化也非常重视,版权信息、导航条、图片等要尽量重复使用,设计过程应尽量简洁,将元素缩减到最少或者排列到最合理的位置。

三、交互细节研究测试,说服沟通

交互设计侧重的是交互式系统的开发。UI交互设计研究以技术为重心,强调的是设计技巧。这种设计技巧通常着眼于呈现内容时的视觉美感,即对界面的视觉美化和包装。视觉美感是设计师通过对界面中图形、文字的编排展现的,体现的是技术性,强调的是平台相关的范式。UI交互设计师是连接程序员和用户的有效桥梁。在设计过程中,UI交互设计师需要考虑的第一个重点是系统的易用性。UI交互设计师要明确并不是每位用户都能非常熟练地掌握计算机网络技术,一些工具栏的图标对于初次接触网络移动终端产品的群体来说是比较陌生的,因此图标的设计起着至关重要的作用。在交互细节研究测试过程中,最好可以让不同的用户从首页开始操作体验,不要给用户任何操作提示和帮助,设计者观察用户使用的熟练程度,记录并查找软件的所有缺陷,加以改进。UI交互设计考虑的第二个重点就是流程简便。交互的核心在于用户和产品的对话,即用户和系统与服务的对话,交互设计是为了让产品产生更大的使用价值,展现出能够引起目标用户共鸣的良好设计,使用户更加简便地解决复杂问题,最终增进用户的愉快体验。UI交互设计对人有直接的影响,理解了这一点,就能为整个设计过程注入独特的、人性化的一面,从而将设计的重心从技术工艺转移到人。只有以人为中心,研发的产品才能更好地为人所用,才能获得长足的发展。UI交互设计的精髓在于:设计应该以用户为中心,说服沟通。真正理解用户需求的唯一途径,即与用户进行实际的互动。理解用户的过程就是尝试了解他们的所思、所说和所做的过程,设计师由此创造可用、有用和令人向往的UI交互设计作品。

四、结语

UI交互设计师尝试在独立的组件之间建立有意义的视觉表达,以期了解它们背后的关系。创建这些可视化表达的终极目标是获得深入的理解。设计师用新奇的方式对各种想法进行分析、重构,对想法之间抽象的、有意义的关联获得深入的理解,这种理解会被应用到系统、服务或人工制品的开发过程中。在UI交互设计过程中,沟通是设计中极为重要的问题之一,做好沟通是UI交互设计的前提。产品的设计要注重为用户着想,人性化设计是项目成功的保证。我们周围充满各种各样的APP产品,好的UI交互设计能给用户带来愉悦感,使工作效率得到提高,使产品突出、耀眼、深入人心。优秀的UI交互设计给人们的生活方方面面都带来非常好的体验,UI交互设计的工具和手段不仅可以用来开发产品,还能被借鉴以解决社会问题。先超越风格之设计,进而提升到深远的世界之大设计,是UI交互设计师不断探索研究之本。

参考文献:

简约网站设计过程 第8篇

随着信息技术的快速发展和体验经济时代的到来,互联网用户对数字媒体产品的交互设计性能要求越来越高。与此同时,激烈的市场竞争也驱使网站设计者不断完善互联网产品的交互设计功能,以提升用户的体验。社交网站作为一类为用户提供社交服务的网站,势必对网站的交互设计有着更多独特的需求。

一、社交网站的交互设计

(一)社交网站交互设计的概念

交互设计是由人机工程学、视觉传达设计、认知心理学等学科交叉构成的一门新兴学科。詹妮弗·普里斯认为交互设计就是“设计支持人们日常工作和生活的交互式产品”[1]。具体来说,交互设计就是以用户为中心,以重视产品带给用户的体验,为增强产品的功能和交互能力而进行的设计。

社交网站的交互设计,是指如何运用相关知识和技术,设计社交网站的功能模块及网页界面等相关网站产品,以使社交网站能为网站用户提供更真实便捷的社交网络服务。

(二)社交网站交互设计的特点

社交网站的交互设计是为了使用户获得更好的体验,因而应科学地分析社交网站的用户行为,要分析社交网站的用户行为就应当了解社交网站的用户特点。此外,从可用性工程学和用户体验角度分析,如何使用户在使用社交网站时能轻松愉悦、人机交互和谐便捷,需充分了解网站功能和价值等方面的特点。

1.网站用户特点

据中国互联网信息中心的数据显示,截至2013年6月,中国社交网站用户规模已达亿人。从社交网站用户年龄结构来看,20~29岁的用户超过1/3,占比最高,其次是10~19岁的用户。可以看出,社交网站用户的主流群体是年轻、时尚,追求新鲜事物的年轻一代。这就对社交网站的交互设计的新颖性、时尚性提出了更高要求。

2.网站功能特点

社交网站是为用户提供社交的平台,在平台中用户可以寻找好友,并进一步与好友进行互动,包括视频、文章、图片、活动、状态等的、分享、评论等。此外,在社交网站中用户还可以参与游戏、第三方应用、购物、创建组织主页或访问公共主页等。

3.网站价值特点

社交网站的网站价值主要体现在网站给用户带来的价值,包括:交友、娱乐、资讯、宣传等。当然,也包括网站用户为网站带来的价值,包括:用户注意力、增值服务等。

(1)网站为用户带来的价值

在交友功能方面,社交网站的交互设计只有使用户能更加便捷地找到自己关注的朋友或主页,才能提高用户的黏着性和用户对网站价值的正向评判;而娱乐方面,主要体现在网站为用户提供的娱乐活动,包括游戏、购物等,只有将娱乐功能与网站盈利、交友功能等有机融合,才能最大化提升网站的价值;社交网站的资讯价值体现在交友价值中,用户好友或分享的多媒体内容中包含着大量资讯,如何在交互设计中更好地呈现资讯,如分享排行、推荐等交互功能,是提升资讯价值的关键点;宣传作用,是众多组织或名人关注和使用社交网站重要原因,网站只有开拓更多用于宣传的渠道和方式,才能提高用户对社交网络的重视程度和使用频度。

(2)用户为网站带来的价值

在注意力经济时代,用户为社交网站带来的最大价值,莫过于用户注意力。因为,社交网站可以将受众的注意力转卖给广告商,以获得广告收入。在社交网站中,广告位的交互设计应与网站用户、功能等特点相符,才能获得整体价值的提升。

二、社交网站交互设计构成要素模型

(一)产品交互设计中的构成要素模型

在产品交互设计理论中,有一种被称为产品交互设计构成要素PACT—P系统模型,即:交互设计主要因素由围绕产品(PRODUCT)为中心的人(PEOPLE)、人的行(ACTIVITY)、环境(CONTEXT)、技术(TECHNOLOGY)所组成。

互设计构成要素关系图[2]

PACT—P系统中的五种因素通过相互之间的信息交互,来满足用户的交互体验需求。这些因素的关系可诠释为通过技术能够提供什么样的产品,来支持人在环境中的行为。

(二)社交网站交互设计中的构成要素模型

借鉴产品交互设计的PACT—P系统模型,可将社交网站看作是Product,来构建社交网站交互设计的构成要素模型,即围绕Product的四大要素:网站用户(P)、用户行为(A)、网站所处的网络社会环境(C)、网站的核心技术(T)。在社交网站的交互设计中,社交网站(P)是以网站核心技术(T)构建的网络产品(P)。在复杂网络社会环境之中,社交网站通过用户和网站之间、用户和用户之间,以及社交网站与其网络环境之间的交互行为,为用户提供社交、娱乐等服务。

三、社交网站交互设计实践策略

(一)用户与网站的交互设计策略

社交网站用户与网站之间的交互设计,包括:注册、登录、页面设置、账户管理、好友搜索功能的交互设计。新用户的注册是用户使用网站时重要的交互行为。社交网站在设计注册交互时应充分尊重用户隐私,例如给用户姓名和昵称的双重选择。

此外,注册方式应多样化,如可通过邮箱账号、手机等账号注册,以供不同使用习惯的用户选择。在登录操作的交互设计中,网站应考虑多种用户登录行为的差异。若用户没有注册,也可通过其他已有的网络账号登录,如人人网可选择MSN账号、360账号、天翼账号登录。

在页面管理、账户管理等交互操作中,网站应满足用户隐私性、安全性、个性化,美观性等体验需求。就账户管理而言,网站在设计时应能满足用户的自助服务,既要简单易懂,方便操作,又安全有效。如人人网开设了手机和邮箱密码设置,并有人性化的提醒服务。

简约网站设计过程 第9篇

关键词:

交互设计;UI;草图设计

如果交互设计中视觉设计的标准只是“美”的视觉效果,那么设计师就会陷入无所适从的境地。采用什么样的视觉元素来表达完全出于设计经验与所谓的“感觉”,而衡量设计是否够好的标准仍旧是“感觉”。要脱离这个窘境,就需要设计师回到理性中来,认识到视觉设计工作是针对目标用户来表达内容,采用什么样的视觉符号是出于对用户的分析和内容表达的需要。如同教师讲授课程,干巴巴地念书面稿可以完成内容讲授,但教学效果差,如果能将课程内容辅以清晰的图表等方式进行视觉化表达,学生往往会更受用。在交互设计的流程中,视觉因素要适宜整个交互设计并被包含于交互设计的结构中,才能够做出符合受众行为习惯的交互设计产品。

一、交互设计草图的视觉因素作用

在交互设计初期,视觉因素以交互草稿等形式,在设计过程中起着不可轻视的作用,它以草图、视觉符号、视觉形象的方式表达着设计师的意图。首先,草图的视觉因素具有记录构思的作用。即对构思的整理、推敲、记录。在交互设计过程中,交互产品的视觉形象作为一种符号,必然具有符号学的一些特征,对于交互设计师来讲,其所设计的交互设计草稿图中的符号总显示着某种意义,代表了设计师当时想法的流露和灵感的迸发,总与交互的意义形影不离,一系列符号构成了设计师的整个思维过程。其次,草图的视觉因素具有表达性的作用,即将自己的构想传达给第三者,让他人理解你的创意。绘制交互设计草图是为了让客户及团队理解交互思路,能够以草图形式和团队成员进行沟通合作,它是设计师与团队及客户之间的桥梁。再次,草图的视觉因素可以表现最终交互产品的视觉风格定位,虽然初期视觉草稿不能完全表现最终交互产品效果,但对最终视觉风格和形象都有了准确定位。初期并不完善的视觉设计因素的绘制为交互产品视觉和交互性的深化留下了很多想象的空间,为交互设计的进一步深化完善和细节处理打下了基础。用户研究阶段的视觉草稿表达能够快速记录下设计师的想法,而且还能不断刺激设计师产生新的想法。

二、交互设计视觉因素表达交互意图的方式

在交互设计中期阶段,此时的视觉设计要符合交互产品的交互性。在交互设计流程中优秀的视觉设计能精确与高效地传递信息与任务,从而能够清晰地表达交互意图。此处的清晰意为清晰的视觉引导和引导元素的精准性。视觉设计能够在交互设计中以科学的视觉语言方式,自然而又清晰地规划出视觉路线,来引导使用者进行流畅地检索和阅读。同时,以图形、符号、色彩等因素给予交互画面或外观以强烈的美感。从而达到吸引用户进行交互并能够帮助用户顺利完成交互。在交互设计的流程中视觉因素要基于三个交互基本要素而设计:

(一)交互对象,用户的非专业性。研究交互对象首先要研究用户活动,因为交互对象是用户活动的直接反映。研究用户要坚决杜绝凭空想象,专业人士拥有的知识构架和审美水平,可以潜移默化地影响他们的行为,特别是交互设计人员,属于专业用户,普通用户难以理解的交互符号和繁琐的交互步骤,可以被他们轻易掌握。他们的专业技能决定了他们不同于普通用户也不能推理出普通用户的认知。所以我们的交互视觉设计一定要符合普通用户的要求,其中任何一个微小细节的偏差,都有可能影响用户体验,交互对象的视觉设计应该在交互框架下能够辅助用户交互并且在视觉上具有相适宜的美感。

(二)动作,产生事件的交互操作过程称为动作。动作作为产生事件的交互操作过程,完全由用户引发,是交互过程中的中心环节,视觉设计在交互动作中应该以视觉因素引导和提示的方式给予用户交互方向的说明,并且通过符号、图形、颜色帮助用户方便而满足地完成交互。

(三)事件,用户与交互对象产生动作即交互时产生的操作结果称为事件。事件作为用户与交互对象交互产生的操作结果,要符合客户的期望,用户通过动作使交互产品产生某一特定事件。当这个事件跟用户所期望的相一致或者比较接近的时候,用户就会产生满足感和成就感,这就是交互中良好的体验,而交互产品反映的事件与用户所期望的结果不同时,用户就会产生挫败感。在交互设计流程中事件通常以反馈信息或者进一步动作提示的形式把动作结果反馈给用户,所以视觉形象在此时要清晰地表达出反馈结果或者进一步引导和提示用户交互。

三、交互设计后期视觉因素的整合

贝塔朗菲强调任何系统都是一个有机的整体,它不是各个部分的机械组合或简单相加,系统的整体功能是各要素在孤立状态下所没有的新质,整体功能大于各部分功能之和。在交互设计实施阶段,视觉因素整合作为交互设计不可缺少的环节尤为重要,此时应该以交互性为前提,把不利于交互产品易用性的不易表达的视觉因素舍弃,使得视觉因素与交互功能完美结合。而我们的最终交互产品也要求是能够美感与交互易用性兼顾的交互设计产品。

四、视觉因素在交互设计流程中的重要性

优秀的交互设计就像婀娜的舞者,用美丽的线条(视觉因素)和轻盈的舞姿(交互性能)诠释形式的美感与精神的表达。没有人愿意看到臃肿演员跳芭蕾,不是因为臃肿的“丑”,而是因为与内容的不适宜。同样,对于交互设计而言没有丑陋的视觉设计,只有与交互性能不适宜的视觉设计。事实上我们在信息不足的情况下,是通过封面,判断一本书的质量;通过外观,判断一家餐馆的档次;通过视觉设计判断一家网站的好坏。如果访问者正在寻找精美的服饰或儿童玩具,他们或许不会在一家满眼望去都是灰色调,视觉设计不鲜明的网站上花费时间。我们设计师努力提升访问者的体验,并不是放弃可用性的标准,我们设计师一直在谋求利用交互设备的独特性,刺激、吸引、愉悦访问者。出色的视觉设计,能够赋予意义,提供语境,唤起情感,能够让更多用户在与交互对象交互中体验到更多满足感。VR技术的快速发展体现了对人的因素的不断重视,使人机交互更接近于自然的形式,使用户能利用日常的自然技能,无须经过特别的努力和学习,就可以让认知负荷降低,工作效率提高。这就更需要交互设计中视觉因素的不断发展与补充,形成以视觉通道为主的各种感觉通道结合的交互发展方向。在VR技术更加成熟的明天,交互设计的视觉因素会因为其他感觉通道的加入对交互设计师形成新的挑战,交互设计师唯有以用户为中心,探索符合人心智模型的交互视觉表达方式,才能跟随交互技术革新的步伐不断前行。

简约网站设计过程 第10篇

DOI:

1 “交互设计”概述

所谓“交互设计”指的是以“用户体验”为基础的,借助于人与产品互动而进行设计的一种设计方式。人机“交互设计”通过考虑用户的需求、使用目的以及操作过程中的个体感受,设计出符合用户需求的产品。简而言之,“交互设计”就是要通过“人机交换”设计、创造易用、满足用户需求的产品,并且让使用者在使用产品的过程中获得较为“愉悦”的体验。一般情况下,微观层面来看,完整的“交互设计”主要包括产品、人、输出输入行为、产品融合技术以及产品的使用场景等五个方面的内容;宏观层面来看,“交互设计”主要包括使用者、介质以及过程三个要素,而现代工业设计中的“交互设计”也多是围绕这“三个要素”展开的,其核心就是满足用户的功能需求、情感需求。

2 “交互设计”在现代工业设计中的应用分析

促进“交互设计”在现代工业设计中的应用,应该重点从以下几个方面采取措施:

明确工业设计中“交互设计”的目标

一般而言,工业设计的出发点、归宿点是满足用户的需求,帮助客户解决问题,这就决定了“交互设计”的目标主要是从用户体验、可用性两个层面来分析、关注客户的需求。首先,“交互设计”应该以提高产品的“可用性”为目标。任何工业产品的设计、服务设计都应该具有“可用性”,否则,就失去了其设计、存在的价值。“交互设计”应该要重点增强产品的有效性、易用性、易学性、容错性以及易记性等,比如,苹果笔记本上设置了各种不同形状、大小的数据接口(优盘接口、数据线接口、电源线接口、耳机接口等等),这就为了避免用户插错而进行设计的,体现了“交互设计”的容错性。其次,“交互设计”应该以增强“用户体验”为目标。相对于“可用性”目标而言,“用户体验”更加强调增强用户的主观情感享受,比如,苹果手机的多点触控、人性化的健康记录软件等等,这使得苹果手机不再仅仅是发短信、打电话的工具,更是一种时尚消费的“载体”。实践中,设计者在将“交互设计”应用于现代工业产品设计中时,必须要重点考虑用户的情感体验、感官体验、思考体验、关联体验以及行为体验等,这样才能够最大限度地确保产品设计符合用户需求,促进产品功能作用的有效发挥。

“人机交互设计”在现代工业设计中的具体应用

实践中,“人机交互设计”可谓是现代工业设计中最为常见、最基础的“交互设计”技术,其中,又以语音交互、动作交互最为适用,比如,智能手机中的“语音助手”就属于语音交互,而电脑键盘、电视遥控器则属于动作交互。无论是哪一种“人机交互设计”,首要的就是必须要满足产品的使用功能需求,目的是让消费者快速、便捷地使用产品或者服务,以体现产品或者服务的先进性、科学性。另外,“人机交互设计”还需要尽可能地体现出“多功能”的优势,旨在使用户在使用该产品或者接受相应服务的同时,体验到视听、情感的“归属”。比如,汽车自动挡、手动挡的设计方式,就是为了满足消费者的差别“体验”,奔驰汽车采用“拨片”目的是体现其在加速换挡方面的“卓越”性能,而捷豹汽车设计了“旋钮式”加速换挡则体现了高科技性能。总之,“人机交互设计”在现代工业设计中的应用,重点是考虑了用户的“功能”需求。

“触觉交互设计”在现代工业设计中的具体应用

与“人机交互设计”不同的是,“触觉交互设计”更加注重用户的触觉体验感受。从某种程度上来看,“触觉交互设计”是基于用户对不同材质的产品的差异感受基础上而进行设计的,后期,随着“交互设计”在现代工业产品设计、服务设计应用的普及,“触觉交互设计”逐渐地具有了“触觉操作”的功能,满足了人们对网上交易、购物等屏幕触觉操作的功能需求。比如,以苹果智能手机为例,设计的滑动关机、触摸操作软件等等都是充分考虑了用户的触觉感受而进行设计的。与传统的操作方式相比,“触觉交互设计”使得产品、服务的操作流程更为简单、更为人性化,产品服务的质量、效率都得到了质的提升。另外,“触觉交互设计”的应用,使得产品、服务的设计由以往的被动的满足消费者的需求,逐渐地转变为积极、主动地去了解消费者的需求,设计更为人性化、智能化、科技化。可以预见,“触觉交互设计”将会在现代工业产品设计、服务设计得到更为广泛的应用、普及。

“驱动交互设计”在现代工业设计中的具体应用

“驱动交互设计”主要是以“用户为中心”而进行的设计,以用户需求作为“驱动”,实施精准设计,确保现代工业产品、服务能够达到预期的效果。“驱动交互设计”主要分为用户目标驱动交互设计、用户行为驱动交互设计两种方式,其中,前者以符合用户的“期望”为设计的出发点,在确定需求目标的前提下,完成设计任务,主要可以分为用户需求的研究阶段、设计建模、定义需求、定义框架、细化阶段以及测试修改阶段等流程,以用户目标需求为导向,有助于实现客户价值的最大化;后者主要将满足“用户行为”需求为导向,设计的核心并不是关注产品或者服务的性能,而是重点关注用户使用该产品或者享受服务时的“行为”,比如,设计游戏,就需要特别关注用户的行为,一般而言,行为驱动交互设计主要包括用户模型设定、用户行为方式分析、用户产品原型、原型可用性测试、设计及完善等阶段。“驱动交互社及”必须要准确把控好用户的心理需求、行为需求,这是准确进行交互设计的关键所在。

总之,“交互设计”在现代工业设计中具有较高的应用价值,实践中,设计者需要根据产品或者服务的不同,灵活选择设计方式,将“交互设计”应用于相应的现代工业产品、服务过程中,以增强用户的情感体验、满足用户的功能需求。

猜你喜欢