当你构建用户界面和网站的时候,有各种各样的关于界面设计方法和模式的信息你可以使用,对常见问题的解决方案和一般可用性的建议。
下列给出的准则可能会引导你创造一个良好的用户界面,但是究竟什么才是一个良好的界面?一个有价值的用户界面应该具有那些特性?
下面八个特性是一个良好的用户界面所必须要有的设计特点:清楚,简明,熟悉,一致,易响应,吸引力,高效,宽容。
清楚
清晰度是用户界面设计最重要的元素。事实上,用户界面设计的所有目的是为了使人们能够与您的系统通过沟通和功能来进行交互。
如果人们不知道你的应用程序怎样工作或在你的网站上应该去哪里,他们会困惑和沮丧。
简明
清晰的用户界面是很好的,但是,您应该谨慎,不要陷入过度明晰。定义和解释很容易被添加,但是你这样做的同时也增大了规模。
您的界面规模增加。添加过多的解释,您的用户将不得不花费过多的时间去读它们。
不仅要保持清晰,而且还保持简洁。当你能用一句话解释一项功能的时候就不要用三句话。当你可以用一个单词标记一个项,就不要用两个。
保持简洁可以节省你的用户的宝贵的时间。 同时保持清晰和简明并不容易,需要足够的时间和努力来实现,但其回报是值得的。
熟悉
许多设计师努力使自己的界面,直观。但到底直观的真正意思是什么?直观也就是就是说可以自然地,本能地理解和领会。但是你怎么能做到直观一些?你可通过是它变的熟悉来实现。
熟悉就是, 跟你以前遇到过的东西相似。当你熟悉的东西,你就知道怎样它怎么做-你知道会发生什么事情。 弄清你的用户熟悉的并把它们融合到你的用户界面中。
一致
之前有谈过关于上下文的重要性,以及它应如何指导你的设计决定。而我认为,适应任何给定的上下文是很聪明,但是,一个界面仍然应保持一定程度的一致性。
一致的界面,使用户能够开发惯用模式-他们会了解不同的按钮,标签,图示和其他界面元素的外观,并识别他们。
认识到在不同的情况他们所做的事情不同。他们也将了解特定的东西如何工作,能够从过去的经验中更快的总结知道如何操作新功能。
易响应
易响应意味着两件事。首先,易响应意味着快速。如果没有软件在后台,界面应该响应很快。
等待加载和缓慢的界面是令人沮丧。看起来加载的很快,反正就是界面快速载入(即使内容尚未赶上)改善了用户体验。
易响应也意味着界面提供某种形式的反馈。界面应该反馈给用户,告知他们现在怎么了。你成功地按下那个按钮吗?你将如何知道?
按钮应显示一个被按了的 状态反馈,或许可以把按钮上的文字改成“正在加载… ”并且禁用按钮。是软件挂了还是内容载入中?用转动的轮子或显示进度栏的方式来保持用户在进程中。
吸引力
这可能有一点争议,但我相信一个良好的界面应该有吸引力。吸引力在某种意义上,是与界面交互变得是愉快。
是的,你可以让你的用户界面简单,易于使用,有效 率和易反应,它将尽其出色-但如果你可以做额外的一步,使之有吸引力的。那样用户体验会真正令人满意。
当你的软件使用起来是令人愉快的,你的客户或工作人员将不仅是简单地使用它——他们会期待着使用它。
当然有许多不同类型的软件和网站,所有的创作针对的不同的市场和用户。什么样看来’好’对任何一个特定的观众都会有所不同。
这就是说,你应该为了你的用户来包装你的界面的的外观和风格。此外,美感设计应适度使用,并且是为了加强功能。美化界面不同于加载时使用多余的眼睛糖果。

对于现在的APP设计,只要有用户就会有个人中心界面,而如今获取用户对每家公司来说都是至关重要,所以什么登录注册,个人中心都是必须可少的,在UI设计工作中你要会设计这些界面。
下面就为大家收集了一组非常优秀的个人中心界面设计,如果你在做 APP UI界面设计时会涉及到会员功能,我想这组作品案例绝对能激发你的创意灵感,除此还可以借鉴,发挥你的创意设计。




















一组Dribbble上的优秀支付页面设计









看完上面这些优秀的UI界面设计是不是瞬间感觉自己的水平还相差甚远,希望对你能带来设计上的启发和设计灵感。
要是你以后也想从事UI设计工作,各种不同的UI界面设计都是必须要会的,而且设计出来的UI界面还要让用户喜欢。如果文章对大家有帮助的话要记得帮小编点赞和转发哟。喜欢可关注微信公众号:UI设计小琪,领取教程和学习软件~
网友评论