当前位置:首页> 自助建站新闻> 成都市网站界面的基本设计

成都市网站界面的基本设计

发布时间:2020-04-28 11:00:00

1、 接口设计分类

(1) 基于功能实现的界面设计。交互设计界面最基本的功能是它的功能性和可用性。通过界面设计,用户可以理解功能操作,更顺利地将工作本身的信息传递给用户,即用户,这是功能界面存在的基础和价值。但是,由于用户的知识水平和文化背景的差异,界面应该是关于作品本身的更加国际化和客观的信息。

(2) 以情感表达为中心的界面设计。通过界面向用户传达情感是设计的真正艺术魅力。用户在接触作品时的感受使人产生情感共鸣,并利用情感表达有效地反映作品与用户之间的情感关系。当然,情感信息传递中存在确定性和不确定性的统一。因此,我们更注重用户触摸作品时的情感体验。

(3) 基于环境因素的界面设计。任何交互的设计作品都离不开环境,而环境对设计作品的信息传递有着特殊的影响。包括历史、文化、技术等诸多方面的作品本身,所以营造界面的环境氛围是一项不容忽视的设计工作,这也是我们看电影时需要关灯的原因。

2、 界面元素

计算机键盘和鼠标是人机界面最传统的组成部分,但这些已经逐渐成为人机界面发展的局限性。因为人类无法通过键盘和鼠标将信息和数据自由地整合到人类的活动想象中,这使得人类感到与人机界面的疏离。如何超越键盘和鼠标的局限性,进一步拓展数字系统与人的接口,使数字系统真正进入人的生活,已成为当前接口设计的研究方向。

(1) 以操作作为接口。亨利·西长期研究计算机信息组织能力。他的作品《关注》强调装置以动作为接口工作。该设备是在特定的智能环境中构建的。有一个虚拟人物在看书,访问者的行为会影响“读者”的行为。研究表明,参与者通过对虚拟人物的行为影响来尊重和侵犯读者的个人空间。Sammy和haganone发明了一系列结合姿势跟踪的设备。在植物转化过程中,来访者的行为和体形影响着人工生物的种类。这是一个互动的环境。游客可以进入这个虚拟空间,看到他们用自己的身体创造了一个虚拟花园[2]。人体的姿态和运动范围直接影响到虚拟植物的生长。

(2) 触摸作为界面。克里斯塔索米和梅格诺恩:手机感知探索陌生人分享个人信息的双重情感。大卫·斯莫尔和汤姆·怀特开发了一种基于水的人机界面设备“意识的水流”,它呈现了一个小瀑布,瀑布表面反射着文字。如果访问者试图触摸文本,他们会使水和文本涟漪:“你可以伸手触摸水,尝试阻止或搅拌文本,改变形状,并将其转换成新的文本进入下水道,回到流的源头,然后再出来。”

(3) 以凝视为界面。德里克卢塞布林克和约阿希姆·索特的《看不见的人》以象征性的形式探索凝视的力量。通过欣赏挂在美术馆墙上的画,观众可以做出不同的改变。在画的背面有一个隐形跟踪器,它可以实时跟踪和定位眼睛注视的方向,即“眼睛跟踪器”。当观众站在画前时,观众的注意力就会消散,观众的眼睛就会在下一幅画中显现出来。当观察时间超过30秒时,图片将恢复到原始状态。这个装置通过凝视作为一个界面,让观众意识到无论他看哪里,他都在用眼睛破坏图像。

(4) 以呼吸为界面。Cha Davis char'Davies创造了一系列具有各种有机和地理景观的虚拟世界,这与大多数虚拟现实环境有很大的不同。在他的作品中,观众通过呼吸节奏在虚拟世界中移动,从而“消除了自我与自然的界限”。在回顾isea的渗透展时,anick·Breude认为“呼吸界面”对作品成功地传递到虚拟世界中起着重要作用。渗透是一项让我们保持距离的工作。当我们呼吸时,它会穿透我们。而作品取决于观众的身体。他们的基本活动(呼吸和平衡)对于理解工作本身非常重要。

3、 接口设计要求

(1)保证读者操作方便。交互作品的界面设计采用超媒体链接技术,将文本、图形、图像、声音、动画等媒体元素排列成一个连贯的整体,呈现在一个复杂的交互系统中。界面反映的是信息的总和,而不是单个信息。如果在提示、菜单和帮助中生成相同的术语,则应在不同应用系统中具有相似的界面外观、布局、交互方式、信息显示和界面设计,以保持风格的一致性[3]。用户根据自己的认知经验,可以理解功能操作可以通过界面上的视觉提示正确选择内容,并可以返回主界面或在任何地方退出整个多媒体作品。因此,每一个操作都应该是合乎逻辑的,以便用户能够容易地理解它想要表达的信息和情感。

(2)接口设计中应考虑的问题。互动设计作为一种新的媒体形式,必然会突出艺术的视觉性,将新的艺术理念和理念融入作品中,吸引和影响用户。界面使读者能够打开互动作品的第一层。通过设计师在视觉界面上使用的前卫艺术符号和虚拟的空间结构来营造跳跃式的视觉效果,可以使用户有更好的情感交流,使其与设计师通过作品传达的信息产生共鸣。界面设计的目的是促进信息的传递,满足用户的需求。在设计接口时,关键在于接口本身能否有效地支持交互。接口上的组件服务于交互行为。它可以是美的、抽象的、艺术的,但不能以任何理由破坏作品的互动功能和功能[4]。

4、 web界面的组成

在确定web接口之后,我们需要进一步确定接口的组织结构。与传统媒体不同的是,web界面增加了生动性和复杂性,强调通过代码语言编程实现的交互体验效果,同时也使得页面元素的布局和优化更值得网页设计者考虑。一般来说,软件界面的要素包括主色、字体大小和颜色、界面布局、交互方式、界面功能分布、界面输入输出方式等,其中影响用户工作效率的要素包括:输入输出方式、交互方式和功能分布。在使用命令交互模式的系统中,命令名和参数也是界面元素的内容[5]。影响用户对系统友好性评价的因素有:颜色、字体大小、界面布局等,总体而言,软件界面中任何不符合用户习惯和要求的元素都会降低用户对软件系统的认可度。

5、 用户需求分析

网络的交互性已成为网络接口设计的重要目标之一。为了从设计的角度提高网络的可用性,设计者应该充分关注和理解用户的多样化需求和行为特征。依靠正确的方法可以更准确地记录和实现用户的多样化需求。网络界面的设计从用户的调查分析入手,分析直接影响用户使用的因素,如用户的需求、用户的心理分析、用户的网络常识、用户的情感体验等,在用户分析中,应运用心理学、传播学、社会学等相关学科理论上分析不同类型用户对界面的不同需求和响应,为交互系统的分析和设计提供可靠的理论依据和参考,使设计的交互系统更适合不同用户的使用[6]。

(1)体现以用户为中心的设计。首先,从用户调查入手,然后进行用户建模、信息概念设计、网站原型设计、用户测试和方案实现。整个设计过程总是围绕着用户,真正关注用户。保证用户界面操作的一致性是web界面设计的关键之一。在“主页”列表框的设计中,如果双击其中一个,则将完成某些任务。双击列表框中的任何项目,都应完成相同的任务。也就是说,所有窗口按钮的位置设计应一致,标签设计和提供的信息应一致,颜色应一致。用户界面设计的一致性将使用户为网络界面的操作建立精确的心理模型,从而降低用户培训和支持的成本。在页面视觉传达方面,根据网站的主题内容和定位,确定与之前使用的元素一致[7]。

(2)减少用户的思维设计。一般短期记忆只能维持20秒左右,最长不超过1分钟。在这么短的时间内我们能储存多少信息?答案是7.2,5-9项,平均7项。可见,人们的注意力是集中的,而且在短时间内是少量的。基于识别的用户界面在很大程度上依赖于用户所关注对象的可见性。显示太多的对象和属性将使用户很难找到感兴趣的对象。同时,用户经常反复输入一些信息,如个人账号、安***息、操作习惯、下一步操作行为等,这就占用了用户完成其他重要任务的时间。

(3)清晰反映网站的***。用户界面应清晰反映网站的***,将网站最大的空间和最大的卖点以及用户最关心的最常用的培训系统安排在最显眼的位置,同时其他用户也会对渠道信息感兴趣,最新分享信息板块和论坛板块在界面的位置更加突出。这些基本上都是为了满足用户的需求,以用户为中心的界面。

(4)迎合用户的习惯。迎合用户的习惯,主要是为了让用户在操作上简单到极致。作为一个UL设计师,我们应该更多地了解用户习惯于在哪里寻找导航栏,他们习惯于关注网站的哪个部分,他们习惯于在哪里点击注册,他们习惯于在哪里寻找搜索框,他们习惯于点击什么按钮[8],什么颜色会加快用户的心率,增强消费冲动。因此,根据用户的行为习惯,对网站的整体布局进行了重新设计,使网站变得简单、简单、简约到极致。通过清晰的流程和界面,用户可以减少对网站的思考和搜索时间;准确的色彩和表情可以减少用户心理斗争的时间。通过不断的研究,使用各种可用性实验来计算用户在每个界面下需要思考的时间。那么,页面设计的最佳评价标准是用户花费最少时间的页面。