码迷,mamicode.com
首页 > 其他好文 > 详细

UI设计--大象无形

时间:2015-05-11 08:53:14      阅读:132      评论:0      收藏:0      [点我收藏+]

标签:博客   界面设计   布局   创新   

        UI设计,大象无形

        UI设计,如同优雅的艺术品一样,优秀的UI设计也可以大象无形,大象无形的意思是有意化无意。大象化无形!就是不要显刻意,不要过分的主张,要兼容百态。无形态无框架才能容纳一切形体!最宏伟的形象就是没有形象。这个是小编对UI设计浅浅的理解,有不同意见的小伙伴欢迎讨论交流`(*∩_∩*)′!

        UI即User Interface(用户界面)的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品位,还要让软件的操作变得舒适简单、自由,充分体现软件的定位和特点。软件设计可分为两个部分:编码设计与UI设计。UI的本意是用户界面,是英文User和 Interface的缩写。从字面上看是用户与界面2个部分组成,但实际上还包括用户与界面之间的交互关系。

       在飞速发展的电子产品中,界面设计工作一点点的被重视起来。做界面设计的“美工”也随之被称之为“UI设计师”或“UI工程师”。其实软件界面设计就像工业产品中的工业造型设计一样,是产品的重要卖点。一个电子产品拥有美观的界面会给人带来舒适的视觉享受,拉近人与商品的距离,是建立在科学性之上的艺术设计。检验一个界面的标准既不是某个项目开发组领导的意见也不是项目成员投票的结果,而是终端用户的感受。

                     技术分享

       关于UI的设计,提高班进行过两次大型的讲课,伴随着讲课,小编慢慢对UI有了渐渐深入的了解,今天小编对UI方面的设计进行简单的总结,有不同意见的小伙伴,欢迎交流补充`(*∩_∩*)′!

       尽量使用单列而不采用单列布局

       尽量使用单列而不是多列布局单列布局能够让对全局有更好的掌控。同时用户也可以一目了然内容。而多列而已则会有分散用户注意力的风险使你的主旨无法很好表达。最好的做法是用一个有逻辑的叙述来引导用户并且在文末给出你的操作按钮。

        技术分享

        突出想要表达的重点

        其实不不只是UI设计,如同我们做每件事情之前,我们都需要明确做这件事情的目的是什么?软件如人生,任何一款软件最先考虑的重中之重同样的也是需要明确,我们究竟要干什么,简单的来说就是设计的目的,我们到底为何设计,通过小编接项目的经验来看,在UI设计中,展示给用户的界面空间是非常有限的,但是呢,需要提示给用户的信息却很多,在有限的空间中放入大量的提示信息是不现实的,那么我们该怎么办nie,这个时候,我们就需要根据设计软件的目的来判断出究竟哪些信息是重要不容忽视的,什么样的信息可以放在二级子菜单里面,这样,突出我们的设计重点,如果我们做的是一款聊天软件,我们就不要让听音乐啊,看电影啊成为软件的主旋律,我们的重点就应该是聊天。

                         技术分享

        相似功能进行打包,放在一起

        在整个产品开发期间我们会有意无意地创建很多模块,版面或者元素,而它们的功能可能有些是重叠的。此种情况表明界面已经过度设计了。时刻警惕这些冗余的功能模块,它无用且降低了电脑性能。此外,界面上模块越多,用户的学习成本就越大。所以请考虑重构我们的界面使它足够精简。比如在小编最近玩儿的一款游戏中,人物的属性、技能总是被摆在一起,而小地图什么的又被摆放在另外的角落。这样做,用户就可以很习惯的去同一个地方找到一类的信息,会觉得更加友好哦。

                技术分享

         温馨提示,让设计更加人性化

         提示可是很有学问的哦,特别注意的是信息提示要有一点的顺序,尽量引导用户的视觉以一个合理的顺序来获得信息,比如从上到下,从左到有,以上小编所说的提示,是类似于安装软件时候的提示。此外,信息提示的界面也有一定的要求,首先,独占式,一直始终出现在主界面上的信息。一般情况下,一定要有很重要的理由或者已经确定了的很重要的信息才能使用独占式;其次,暂时式,在一定情况下会弹出的信息提示,用过之后可以手动关掉的。这里有个小规矩,如果暂时式提示信息可以堆叠,那么,一定要设置一个快捷键能够一键关闭所有的提示窗口,这样才算“用户友好”!最后,精灵式界面,用户无需操作,即在不打断用户当前操作的情况下,给用户提示。比如在360的设计中,显示网速测试球的时候,360会给出萌萌的提示,主人,您是要残忍隐藏我吗?做出伤心的表情,小编相信看到这么一个萌萌的提示,是不是不忍心关了nie。

                     技术分享

       用户操作不慎,引起操作错误,what can  we  do?

        允许用户犯错,并且给出善意与温暖的提醒,对用户错误的原因进行智能的判断,然后提示用户到底是哪里出现了错误,我们应该如何操作,不要duang给出一句其实:“对不起,你无法进行该项操作”,比如在QQ空间中,有很多漂亮的皮肤设置,但是如果你不是QQ的会员,使用该皮肤的时候,QQ会给出这样的提示:“您保存的物品中包含了付费产品,需开通业务来获得”,除此之外,QQ真正做到了友好,在提示框的下方,给出了解决方法“立即开通黄钻”。尽可能的兼容用户的错误,比如在注册QQ的时候,对密码的字数是有限制的,只能把密码设置为六到十六个字符,这个时候我们就不要等用户已经输入了一百个字符才提示用户,只能输入六到十六个字符,再让用户清空深入的信息,二十当用户输入十六个字符的时候,就无法继续输入了。

                       技术分享

       保留用户习惯,我们可以做的更好

        比如关闭按钮,最小化按钮都要放在右上角等这种特别常用的习惯最好不要打破,作为设计软件的我们,要注意大多数用户的习惯。再比如说,当用户需要使用鼠标的时候,绝大多数的用户习惯用左手操作键盘,右手操作鼠标,所以在这种情况下,让用户使用键盘的操作,按键尽可能使在键盘上的左手区域。键盘上的按钮有限,而需要实现的功能是无限的,我们可以组合键来实现功能,但是,组合键也不是万能的,比如说截图的组合键是ctrl+Alt+A,但是如果这个组合键跟其他的快捷键重了,我们又该怎么办nie,所以,慎用组合键,保留用户习惯,我们可以做的更好。

                   技术分享
        颜色搭配,冷色调or暖色调?

        色彩心理学是十分重要的学科,在自然欣赏、社会活动方面,色彩在客观上是对人们的一种刺激和象征;在主观上又是一种反应与行为。色彩心理透过视觉开始,从知觉、感情而到记忆、思想、意志、象征等,其反应与变化是极为复杂的。色彩的应用,很重视这种因果关系,即由对色彩的经验积累而变成对色彩的心理规范,当受到什么刺激后能产生什么反应,都是色彩心理所要探讨的内容。

        红色通常给人一种不安的感觉,比如在小编做项目期间,用SVN提交项目代码的时候,特别害怕看见红色,所有一些绝对禁止的操作可以用红色来进行相应的提示,我们可以试着用蓝色来进行表示,蓝色从各个方面都是红色的对立面,在外貌上蓝色是透明的和潮湿的,红色是不透明的和干燥的;从心理上蓝色是冷的、安静的,红色是暖的、兴奋的;在性格上,红色是粗犷的,蓝色是清高的;对人机体作用,蓝色减低血压,红色增高血压,蓝色象征安静、清新、舒适和沉思,颜色搭配,可是一门很高深的学问哦`(*∩_∩*)′!

              技术分享

         以上是小编对UI方面的一下简单的总结,后续总结,博文会陆续更新,敬请期待。

         小编寄语:不知道在哪儿小编看到过这样一个简单的对话,如下:

         开发者:别走,我会教你怎么用。

         用户:教你妹,我懒得学。从这个简单的对话可以看出来,我们的用户是很没有耐心的动物,而且这个动物太过于挑剔,我们要怎么办nie,呜呜没有用户了,辛辛苦苦开发出一款产品,上线了。开心,紧张,各种情感交织在一起,坐等用户。可是,可是!用户来了,用户走了……没有用户了,产品失败了。这个剧本已经变成了一款又一款产品的常态。没关系,习惯就好。失败不可怕,可怕的是失败后不去思考。那么,产品为什么会失败呢?特别是一款开发者信心满满的产品,觉得自己做了各种创新,提供了一流的UI,提供了牛逼哄哄的功能,把自己的竞争者了三四条街的那种水平。那为什么失败了呢?创新的玩法用户不懂,需要学习成本,一流的UI太过特别,用户适应UI,需要学习成本,牛逼的功能,用户不懂如何设置,需要学习成本!创新不可怕,可怕的是用户是很没耐心的动物。so,别让他们想,他们也懒得去想。
        有的开发者会说,别走,我会教会你怎么用,我会做好学习引导的功能。是的,这是一个很好的办法,开发者留下了一部分的用户。然而有很大一部分用户甩下一句就走了:教你妹,我懒得学。别指望用户会投入多少精力去学习怎么使用你的产品,哪怕你的产品确实很牛逼。就拿dota跟lol来说,dota确实是一款很好的产品,可玩性很强,有很好的平衡性。但是有一个缺点,入门太难了。没有任何引导教学,没有指导说什么时候该买什么装备,推荐用户买什么装备。所以那一部分“学你妹”的用户就去玩lol了,因为那里有更简便的操作,不用反补,不用自己想太多就可以玩了。用户本来就是本着一颗娱乐的心态来使用开发者的产品的,如果让用户嫌麻烦了,也就代表着产品会失去那一部分用户了。学好UI设计,小编需要做的还有很多。

          技术分享

UI设计--大象无形

标签:博客   界面设计   布局   创新   

原文地址:http://blog.csdn.net/u010850027/article/details/44559201

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!