ui界面设计

ui界面设计的原则是什么？ui界面设计需要注意什么？

　　相信有不少人想要从事ui界面设计的工作，ui界面设计的好坏对人机交互起着至关重要的影响，如果你界面设计的好，那么一定会方便用户使用，让用户喜欢，下面faceui就给大家说说ui界面设计的原则是什么，希望对你有帮助。

　　UI设计

　　UI设计（或称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI，互联网常用的UI设计是虚拟UI，UI即User Interface(用户界面)的简称。

　　好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。

　　ui界面设计的原则是什么？

　　1、界面风格保持一致。使用一致的术语、一致的步骤、一致的动作，让用户始终用同一种方式思考与操作。最忌讳每换一个屏幕就更换一套操作命令与操作方法。

　　2、富有吸引力。用户界面不仅应该方便、高效，还应该使用户在使用时感到兴奋，能够从中获得乐趣，从而吸引用户更乐意使用它、接受它。

ui界面设计（图片来自网络）

　　3、界面元素的位置。用户界面是由若干界面元素组成的，不是所有元素都一样重要，要确保重要的元素尽快显现给用户。重要的或频繁访问的元素应当放在显著的位置上，而不太重要的或使用频率小的放到不太显著的位置上。

　　4、保持界面元素的一致性。一致的外观可以在系统中创造一种和谐。如果界面元素缺乏一致性，很可能使界面看起来杂乱无章、没有条理，甚至可能引起用户对系统可靠性的怀疑，失去对系统应用的信心。

　　5、合理使用空白区域。当然此处的“白”并非指白色，而是指界面中没有被界面元素占用的空白区域。恰当地“留白”有助于突出界面元素和改善可用性，引导用户在不知不觉中进入系统的思维框架，从而顺利地、正确地应用这个系统。

　　6、保持界面简单明了。界面设计中最重要的原则就是使复杂的问题简单化。如果用户觉得界面很复杂，则可能会认为系统本身也很难，而望而却步，所以与大而全的界面设计方案比较起来，简单明快的界面设计往往更可取。

　　7、慎重使用颜色。在界面上合理地使用颜色可以增加视觉上的感染力，但滥用颜色会适得其反。一般而言，亮色容易使人兴奋，同时也容易使人的眼睛产生疲劳；柔和的暗色可以使人平静。

　　8、字体的选用。文字是传达信息的工具，有文字就有字体。因此字体也是影响用户界面质量的重要因素。程序员要选取在不同的分辨率和不同类型的屏幕上都能顺利阅读的字体。另外，字体的一致性也很重要，在大多数情况下，不应当采用两种以上的字体。

　　9、按钮类元素。设计界面时仔细分析各种元素的功能以及元素之间的逻辑关系，并按功能或关系进行逻辑分组，使用控件组织起来，以加强元素之间的联系。另外，如果界面放置的元素太多，可考虑采用菜单来完成相同的功能。

　　10、列表框类元素。列表框类元素有一个共同的特点，都可以设置滚动条。使在一个小“框”中阅读大文件成为可能。但也产生一个问题：如果阅读一个行列均很多的文件，用户就会反复拉动水平或垂直滚动条，给阅读带来诸多不便。设计时最好只使用一个方向的滚动条，即要么横向够宽，要么纵向够长。

　　ui界面设计需要注意什么？

　　1、尽量避免使用俗语和术语

　　未知的术语和俗语将会增加用户的认知负荷，所以应当尽量避免使用这类用户无法识别的词汇，使用常用和易于理解的词汇能够帮助用户理解。

　　2、避免使用包含大量细节的长句

　　在绝大多数的交互场景之下，都无需界面描述出全部的细节。用户在探索过程中，逐步为他们提供更多的信息和细节是更加合理的做法。所以，当你在提供信息的时候，可以这么做：

　　·提供信息时，问一下自己：用户是否必须在此刻此地知道这件事？

　　·尽量提供简短、易于快速获取的内容。即使是长内容，也尽量控制在30字以内。

ui界面设计（图片来自网络）

　　3、尽量使用一般时态描述操作

　　尽量使用现在时来描述各种操作，即使是描述过去或者将来的操作，使用简短直接的动词来描述即可。不过，在中文语境下，这种问题通常不会像英文那么严重。比如，“Message has been sent”就不合适，用“Message sent”更合理。在中文中，两者的含义都是“消息已发送”，差别不大。所以，在设计非中文内容的时候，需要更加注意这一问题。

　　4、不要混用“你”和“我”

　　交互中指代混乱会让用户相当纠结的，由于UI中常常会使用诸如“我的电脑”“我的帐号”这样的文案内容，所以在提示中使用“在 我的帐号 中调整你的设置”这一的表述会让用户感到迷惑的，最好微调规避这种问题：“在 我的帐号 中调整个人设置”。

　　5、尽量使用阿拉伯数字来表示数量

　　这也是常见问题，用户对于数字的感知速度更快，使用数字而非文字表述会更加有效。“您有三条短消息”和“您有3条短消息”相比，明显是后者中的阿拉伯数字信息传递效率更高。

　　6、避免使用代词“我们(We)”

　　在进行内容表述的时候，关注点应该是用户和他们能用你的APP做什么，而非你们和你的APP在为他们做什么，内容表述的立足点很重要。所以，Facebook 不会在用户首次登录的时候使用“为了帮你更快上手，我们将会为你显示Facebook 上的热门内容”，相反，他们的表述为“不妨从这些热门的Facebook 内容开始您的旅程”，这样无疑更加稳妥。

　　不过值得注意的是，这个是有例外情况的。当用户在向系统后台反馈问题、提出建议或者申诉的时候，使用“我们”是合理的语境，比如“我们将会审核您的申诉，并在几天内给予回复”。

　　7、避免使用全是大写字母的拼写

　　全是大写字母的内容表述看起来更加整齐，但是识别度上着实不如小写字母，全大写的拼写明显拉低了用户的阅读速度和整体体验。这同样是一个在非中文语言背景下常见的问题，在进行类似设计的时候，应当避免。

　　8、不要表述得过于绝对

　　不要使用过于绝对的表述，这样会让用户觉得不适，“我们绝不会发送促销的邮件”就不如“我们只会为您发送重要的信息”来得好听，尽管两者要传递的信息是几乎一样的。

　　9、谨慎使用感叹号

　　感叹号会让文案显得过于歇斯底里，容易让气氛变得过于紧张。“来了解一下APP的最新功能吧！”这样的表述多少有点用力过猛。而使用“欢迎！”这样的短句搭配感叹号就显得更加一致了。

　　10、避免性别模糊

　　英语是少数可以进行性别模糊表述的语言之一，其他许多语言，诸如德语，就很难模糊表述。在确知对象性别的情况下，尽量使用准确的代词来表述，避免性别模糊的问题。

　　11、使用简短直接的表述

　　将冗长的内容缩减为精准直接的表述吧，让内容和指示更容易为用户所接受和理解。诸如“你必须”，“基于当前的情况”这样的表述还是尽量避免。“你是否要保存全部的内容修改？”这样的表述应当缩减为“保存修改”。

　　12、去掉“你是否确定”

　　在绝大多数的情况下，这样的问题问法其实并没有任何价值，所以“你确定是要删除这张照片吗？”不如改成“删除此照片？”，这样更加简练。

　　13、不要使用特定文化背景术语

　　特定文化下的语言表述往往很难被绝大多数的用户所理解，在许多场合下甚至会显得特别不合适。最典型的就是各种二次元和游戏的衍生术语，如果没人解释，估计绝大多数用户都无法理解 GG 一词的真实含义吧？（Good Game，竞技游戏中，输的那一方在退出前打GG，表示认输也间接称赞对方打的不错。胜的一方先打出GG略有嘲讽意味。）

　　14、用更精准的表述替代“OK”

　　一个好的对话框应该有明确的指示。虽然“OK”能够为用户所理解，但是在对话框按钮内容设置上可以选择指代更加明确的文本，这样会更加清晰明确，规避错误。相比于“确定/取消”这样的搭配，“移除/取消”指代是否更加明确呢？

　　ui界面设计的原则是什么？ui界面设计需要注意什么？读完上面相信大家对ui界面设计的原则和注意事项都了解了，ui设计不是一朝一夕就能学会的，如果你在学习中遇到不懂的问题，可以向faceui咨询。