ui设计的基本原则（ui设计的基本原则有哪些）

大家好！今天让小编来大家介绍下关于ui设计的基本原则的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。

创意岭作为行业内优秀的企业，服务客户遍布全球各地，相关业务请拨打电话：175-8598-2043，或添加微信：1454722008

文章目录列表:

• 1、UI设计中的5大金手指原则

• 2、什么是ui，网站ui设计应该注意些什么，有哪些基本原则

• 3、「UI设计」如何做好按钮设计的9个基本原则

• 4、软件界面设计原则有哪些

一、UI设计中的5大金手指原则

一、先搞清楚：给谁用?在什么时候用?

首先，你必须要分析做的这个设计解决的是什么人(用户)、在什么时候(场景)下的问题?而青藤小编在他们前面都加了一个词“不同”，一般情况下，即使是同一个界面，在不同用户的不同场景下设计也要细分，有所区分的进行设计。

二、搞清楚：用户在这个页面要做且必做的一件重要的事是什么

做事情不能三心二意，做页面设计亦是如此。界面设计要简洁，一个页面只承载一个最为重要的功能，完成最重要的一个指标，如果一个页面要表达的东西太多，那将会给用户带来选择恐惧，想要说都是重点那也将都不是重点。

三、重点优先级：功能+交互操作+视觉

做设计要让页面的元素具有清晰的层次，一个页面的重点是什么?次之是什么?最弱化的是什么?而这个层次从三个方面都要有设计体现：功能+交互操作+视觉。一般情况下，这三个的优先级基本是一致的， 功能的优先级决定了交互操作和视觉的优先级，视觉优先级引导用户的操作路径的优先级，他们互相制约互相影响。

四、可识别性是第一视觉原则

清晰明了的识别是界面设计的第一原则。产品最好不要搞朦胧派、抽象派，要想你设计的界面立意准确、有效有用，首先就得保证用户能够准确的认出它，然后准确的操作使用它。

五、取舍：功能性能大于视觉

对大多数设计师来说，都把自己定位为视觉型设计师，把颜值看得比生命还重要，殊不知我们应该晋级成为产品型设计师、运营型设计师甚至是还要懂一点技术的设计师，要带着用户的思维从源头来看这件事，那就是设计这个界面的目的是什么?答案：为了解决用户的问题。

以上就是青藤小编关于UI设计中的5大金手指原则的分享，总之，界面设计不仅仅只是设计一个美丽的外表，它必须在保证有用好用的前提下再是好看!

二、什么是ui，网站ui设计应该注意些什么，有哪些基本原则

UI即User Interface(用户界面)的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。

好的网站UI设计，不仅具备清晰的界面，还要给用户以简洁的感觉。用户的第一印象是非常重要的，简洁的UI设计原则会让用户在最短的时间内找到自己想要的内容，提高了效率，很多建站公司都明白其中的道理，进行网站改版就是为了简洁化。扁平化设计就是一个好的思路。

三、「UI设计」如何做好按钮设计的9个基本原则

按钮是任何用户界面当中（无论是桌面还是移动用户界面）必备的交互元素：甚至可以说，如果页面中没有一个按钮，整个页面设计将是不完整的。

接下来我们就来聊聊制定按钮规范时会遇到的一些问题，虽然只有普通按钮，但还是有很多细节值得我们思考学习。

大纲如下

1、 按钮的类型

2、 按钮的状态

3、 按钮的主次关系

4、 按钮的设计尺寸

5、 按钮的圆角

6、 按钮的文字

7、 按钮的样式一致

8、 按钮的色彩

9、 按钮的摆放位置

1、按钮的类型

按钮包括很多种，本文主要分享的是我们在设计中经常运用到的一些按钮类型。比如普通按钮、图标按钮、文字按钮、下拉按钮等等

2、按钮的状态

按钮的状态一般分为三种：正常态、不可点击状态、点击状态。

正常状态就不必多讲了。按压状态：我常用的一种方式是将按钮的不透明度改为80%- 85%:

不可点击状态，也推荐两种实现方式，一种是降低为30%的透明度，另一种是直接置灰:

3、按钮的主次关系

页面的内容信息可以通过文字的大小、颜色形成层级关系。同样按钮设计，我们可以在风格上进行区分，让主要按钮与次要按钮形成差异，达到层级结构的视觉提升，更好引导用户根据设定的轨迹进行操作。

4、  按钮的设计尺寸

4.1   合适的大小

按钮需要方便用户进行点击操作，如果用户点击失败或者误点到周边元素，就会带给用户不友好的体验。若是带有文本的按钮，只要文字大小不要小于极限值即 移动设备上 44 * 44 ，通常实现出来的按钮交互热区都会满足点击需求。

4.2 按钮的高度

每个平台都会有多种型号的按钮，我见过最多的可以分为5种：超大按钮、大按钮、中按钮、小按钮，超小按钮，这个可以根据自己平台的需要来制定多少种。每一种按钮都需要有一个特定高度，那么这个高度如何制定才比较科学呢？这里可以推荐一种方式，就是按钮的高度是文字的三倍左右，这样看起来会比较舒服：

4.2 按钮的宽度

在不同的页面中按钮的宽度是随机的，所以按钮的具体宽度我们需要具体的功能来设置。

比如在闲鱼 APP的登录页、购买页中，按钮的宽度都不是相同的。

5、  按钮的圆角

对于按钮边框来说，我们通常采用全圆角和小圆角居多，这样显得稳重大气。 一般我采用全圆角的圆角值等于按钮高度值的一半，而小圆角的圆角值通常控制在 1/4H（高度值的四分之一）以内。

同时要注意的一点是，在同一款产品中要保证所有按钮的  圆角比例是一致的，而不是圆角一致  。如果不同大小按钮的圆角都是一致的，那会显得非常别扭。

6、  按钮的文字

按钮文字和边框的设计要预留一定的留白，不要做“舍不得”的设计，使得按钮给人感觉很拥挤。如果你把控不好可以分析一些按钮的负空间获取经验，看看文字大小和负空间之间是否存在某种比例关系。找到这个比例关系运用到按钮设计中，也许会让你的设计显得更加成熟稳重。

建议按钮的文字一般  不要超过6个汉字  。

7、  按钮的样式一致

在同一页面中  按钮的样式要形成一致  ，不要给用户造成理解上的成本。

8、  按钮的色彩

颜色部分比较简单，一般会选用规范体系的颜色即可。但像红色或者橙色多为行动刺激作用，不适合在非品牌色的时候滥用。浅灰色或者低饱和度的色系会带有不可用、禁用、失效等属性，需要酌情选择。

9、  按钮的摆放位置

按钮的摆放位置通常要  结合用户的视觉感受、与用户操作习惯  进行摆放。

好了，以上就是关于按钮规范的分享，希望能帮助大家提供一些思路和灵感，欢迎交流！

四、软件界面设计原则有哪些

界面设计原则总的来说可以概括成界面在用户的掌控之中、保持界面的一致性和减少用户记忆的负担这三大点，下面就给大家具体介绍一下界面设计原则。(一)界面设计原则(1)用户原则。人机界面设计首先要确立用户类型。划分类型可以从不同的角度，视实际情况而定。确定类型后要针对其特点预测他们对不同界面的反应。这就要从多方面设计分析。(2)信息最小量原则。人机界面设计要尽量减少用户记忆负担，采用有助于记忆的设计方案。(3)帮助和提示原则。要对用户的*作命令作出反应，帮助用户处理问题。系统要设计有恢复出错现场的能力，在系统内部处理工作要有提示，尽量把主动权让给用户。(4)媒体最佳组合原则。多媒体界面的成功并不在于仅向用户提供丰富的媒体，而应在相关理论指导下，注意处理好各种媒体间的关系，恰当选用。(详见媒体的选择)(二)界面分析与规范在人机界面设计中，首先应进行界面设计分析，进行用户特性分析，用户任务分析，记录用户有关系统的概念、术语，这项工作可与多媒体应用系统分析结合进行，囊括于用户分析报告里。(三)人机界面的类型任务设计之后，要决定界面类型。目前有多种人机界面设计类型，各有不同的品质和性能，下图进行了详细的描述。创造性地使用多媒体环境，将会使应用程序功能大大增强。要做到这一点，需从如下两方面考虑：(1)媒体的功能：没有任何一种媒体在所有场合都是最优的，每种媒体都有其各自擅长的特定范围，各种媒体功能参考如下：①文本：在表现概念和刻划细节时可用表现。②图形：擅长表达思想轮廓及蕴含与大量数值数据内的趋向性信息，在空间信息方面有较大优势。③动画：可用来突出整个事物，特别适于表现静态图形无法表现的动作信息。④视频影像：适于表现其它媒体所难以表现的来自真实生活的事件和情景。⑤语音：能使对话信息突出，特别是在于影像，动画集合时能传递大量的信息。⑥姿态与动作：在与别的媒体结合时具有较强的信息引用能力，可以在相关信息之间建立起时间、空间以及逻辑上的联系。(2)媒体选择的结合与互补：脚本设计可根据内容需要分配表达的媒体，这里要特别注意媒体间的结合与区别。提出几条原则如下：①人们在问题求解过程中的不同阶段对信息媒体有不同需要。一般在最初的探索阶段采用能提供具体信息的媒体如语音、图像等，而在最后的分析阶段多采用描述抽象概念的文本媒体。而一些直观的信息(图形、图像等)介于两者之间，适于综合阶段。②媒体种类对空间信息的传递并没有明显的影响，各种媒体各有所长。③媒体结合是多媒体设计中需要研究的新课题。媒体之间可以互相支持，也会互相干扰。多种媒体应密切相关，扣紧一个表现主题，而不应把不相关的媒体内容拼凑在一起。④目前，媒体结合在技术上主要通过在一个窗口中提供多种媒体的信息片段(空间结合)和对声音、语音、录相等随时间变化的动态媒体加以同步实现(时间序列组合).⑤媒体资源并非愈多愈好，如何在语义层上将各种媒体很好的，结合以更有效地传递信息，是要很好地探索的研究课题，也是应用系统人机界面设计的关键问题。(四)界面设计原则中的用户心理学认知心理学，从广义上来说，就是关于认识的心理学。人类认识客观事物，主要就是通过感觉、知觉、注意、记忆、思维想象等来进行，因此，凡是研究人的认识心理过程的，都属于认识心理学。实际上，我们这里所指的认知心理学是指纯粹采用信息加工观点来研究认知心理学过程的心理学，也就是运用信息论以及计算机的类比、模拟、验证等方法来研究的的知识是如何获得、如何存贮、如何交换、如何取使用的。所以，我们这里所指的现代认知心理学实质是信息加工心理学。一般地，人们将信息加工心理学又称为狭义的认知心理学。1.认知过程看和听的过程构成知觉，图像和声音作为刺激的特征被接收并以抽象的方式被编码，把输入和记忆中的信息进行对比得出对刺激的解释，这一过程就是认知。人体信息处理器包括感官，短期记忆、长期记忆及与其相联系的动作处理器和认知处理器。每种知觉均有一个对应的短期存储器和处理器，人体信息模型总体框图如左图4.3.1所示。其中认知处理器执行的工作就是我们通常所说的思维。思维的结果或被存储起来，或送至动作处理器控制行动。2.认知心理学(1)现代认知心理学的核心： 现代认知心理学的理论实质，就是以计算机信息加工的观点来研究人的心理学活动，把人脑看作是一种如同计算机的信息加工系统。(2)现代认知心理学两个关键的重要概念： 现代认知心理学的学说内容集中体现在两个关键的重要概念上。现代认知心理学的一个重要的中心概念，就是“信息”。在某种程度上说，抽掉了“信息”的概念，认知心理学的理论也就会散架解体，难以存在。 现代认知心理学的另一个重要的中心概念，就是“信息加工系统”。信息加工系统的理论，是现代认知心理学理论的主体。(3)现代认知心理学的研究方法：现代认知心理学的研究方法有实验法、观察法(包括自我观察法)以及计算机模拟法等。3.人机交互设计遵循的认知原则根据用户心理学和认知科学，提出了如下基本原则指导人机界面交互设计。(1)一致性原则。即从任务、信息的表达、界面控制*作等方面与用户理解熟悉的模式尽量保持一致。(2)兼容性。在用户期望和界面设计的现实之间要兼容，要基于用户以前的经验。(3)适应性。用户应处于控制地位，因此界面应在多方面适应用户。(4)指导性。界面设计应通过任务提示和反馈信息来指导用户，做到“以用户为中心”。(5)结构性。界面设计应是结构化的，以减少复杂度。(6)经济性。界面设计要用最少的支持用户所必须步骤来实现。在界面设计原则指导下，提出以下几点针对界面设计与屏幕设计的参考：(1)由具体到抽象。即首先通过多媒体界面给用户提供具体的对象。然后从具体对象、内容中让学习者归纳出抽象的概念或原理，或用模拟系统来引导出抽象的原理。(2)由可视化的内容显示不可见的内容。尽可能利用数字、图解、动画、色彩等清晰爽目的对象显示原理、公式或抽象的概念。(3)由模拟引导创新。突出人机交互，尽量启发用户的积极思维和参与，并激起用户的学习和创造欲望。(4)合理运用再认与再忆，减少用户短期记忆的负担。所谓再认就是从系统给定的几个可能答案中要用户选择一个正确的或最好的。再忆即要求用户输入正确的答案或关键字。(5)考虑用户的个别差异，使用用户语言。以上五点具体体现了“由易而难，逐步强化。”这一源于认知心理学的原则。上文介绍的界面设计原则应该让大家心中对界面设计原则有了一定的认识，当然，因为界面设计是复杂的需要多学科参与的，心理学、语言学、设计学等学科都在里面占有重要作用。而用户界面是与程序交流的唯一方式，为了给用户提供最便捷的服务，界面设计原则是一定要遵守的。

以上就是小编对于ui设计的基本原则问题和相关问题的解答了，如有疑问，可拨打网站上的电话，或添加微信。

推荐阅读：

学了UI能做平面和电商吗（学了ui能做平面和电商吗知乎）

免费ui素材网站app（ui素材免费下载）

上甲UI设计（上海ua设计）

客服能看到哪些信息（客服能看到哪些信息呢）

0经验转行做短视频运营行不行？