(资料图)
UI的设计原则:仅是一个应用程序,它应该能为用户服务,是用户与程序沟通的罕有的途径。界面的设计为的是用户而不是程序员。UI设计作为一个比较新的设计领域,其涉及学科比较广,很多设计师对于这个方面的能力都比较欠缺,而用户对这方面的需求又很迫切,有大有小。 UI设计是针对用户的设计,一切活动的目的都是完成用户沟通。那么设计中就必须遵循一些原则,从而实现目标。1.人性化:高效率和用户满意度是人性化的体现。应具备专家级和初级玩家系统,即用户可依据自己的习惯定制界面,并能保存设置。2.简易性:界面的简洁,UI设计图片是要让用户便于使用、便于了解、并能减少用户发生错误选择的可能性。保持简洁上乘的设计中,你看不到华而不实的UI修饰,或是用不到的设计元素。换而是,其必须的元素一定是简洁且有意义的。3.界面清晰重要:界面清晰是UI设计的第一步,要想让用户喜欢你设计的UI,首先必须让用户认可它、知道怎么样使用它。让用户在使用时预期会发生什么,并方便地与它交互。 4、全力维护用户的注意力:在阅读的时候,总是会有事物分散我们的注意力。因此,在设计界面的时候,能够吸引用户的注意力很关键,千万不要将界面的周围设计得乱七八糟。 5、让界面处于用户的掌控之中:人类往往对能够掌控自己和周围的环境感到舒服,不考虑用户感受的设计往往会让这种舒适感消失。确保界面处于用户的掌控之中,让用户自己感受主动权。 6、界面过渡自然:界面的交互都是关联的,所以要认真地考虑到下一步的交互是怎样的,并且通过设计将其实现。当用户已经完成该做的步骤,不要让他们不知所措,给他们自然而然继续下去的方法,以达成目的。 7、颜色不是决定性因素:物体的颜色会随着光线的变化而变化,颜色是一个变化的性质,不应该在界面上起决定性作用。它可以用于提醒,但是不应该是罕有的的区分元素。 8、零状态的界面:第一次访问界面是重要的,但经常被设计者忽视。为了帮助用户适应,应该提供启动的方向和引导。UI设计中应回避的一些细节:A、易用性原则:按钮名称应该易懂,用词要准确,屏弃那些模楞两可的字眼,要与同一界面上的其它按钮易于区分,能望文知意比较好。理想的情况是用户不用查阅说明书就能知道该界面的功能并进行相关的正确操作。 易用性原则的一些细些要求: (1)、相同或相近功能的按钮用Frame框起来,以便于操作。 (2)、常用按钮要支持快捷方式和硬件操作,如按Tab键或者是其它键能够实现的切换功能。 (3)、按功能将界面划分局域块,用Frame框括起来,并要有功能说明或标题。B、规范性:(1)、常用命令要有快捷方式。 (2)、菜单前的图标能直观的代表要完成的操作。 (3)、菜单深度一般要求多控制在三层以内。 (4)、工具栏要求可以根据用户的要求自己定制一些内容。 C、合理性原则:(1)、父窗体或主窗体的中心位置应该在对角线焦点附近。 (2)、多个子窗体弹出时应该依次向右下方偏移,以显示窗体出标题为宜。 (3)、错误使用容易引起界面退出或关闭的按钮不应该放在易点位置。 (4)、与正在进行的操作无关的按钮应该加以屏蔽。 (5)、对可能造成数据无法恢复的操作必须提供确认信息,给用户放弃选择的机会。 (6)、对运行过程中出现问题而引起错误的地方要有提示,让用户明白错误出处,避免形成无限期的等待。设计时候要注意的要点如下:1、 每一个模块的边框,标题,按钮(如果有的话),“更多”“详细”功能,这些元素的颜色、大小尺寸、位置、对齐方式、字体、字号、行距等都要一致。 2、 整个页面的基调颜色要一致,不同的模块除非有很大意义的差别,颜色应该一致。 3、 可以点击的文字、按钮、图片,鼠标应该呈现出统一的可点击样式,区别于不可点击区域。 4、 呈现的日期格式的统一,比如都用长日期格式“2007-2-1”或者都用短日期格式“07-3-1”,样式不同的日期呈现方式还不如不呈现。 5 、可以点击的图片比较好用不同的样式显示,比如鼠标滑过时候的辉亮效果。因为网页会大量的使用图片做修饰效果,区分可以点击和不可以点击的图片是值得去做的。 6 、有没有不必要的弹出窗口。(从netscape开始这个设计真的很糟糕,ie也完全继承了,解决的办法是用js方式来呈现弹出窗口。) 7 、文字描述。很多时候会忽略这个问题,在我们做demo的这个项目中有很多的文字描述,各有其用,统一描述的方式,统一人称,统一语气,都是给用户带来良好体验的途径。 8、 图片风格。我不是这方面的专家,从欣赏的角度,图片应该是尽可能的统一风格,素描样式和点阵样式共存总不是太好的事情。 9 、图标。很多时候会用图标来描述功能,漂亮的带点阴影和倒影的图标是非常抢眼的,使用图标的话要注意风格、透视角度、分辨率、辨识度的一致性。 LOGOCopyright 2015-2022 魔方网版权所有 备案号:京ICP备2022018928号-48 联系邮箱:315 54 11 85 @ qq.com