正文

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

发布时间：2023-04-28 02:53:35 稿源：创意岭阅读： 864

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

创意岭作为行业内优秀企业，服务客户遍布全国，设计相关业务请拨打175-8598-2043，或微信：1454722008

本文目录:

1、UI设计中的5大金手指原则
2、什么是ui，网站ui设计应该注意些什么，有哪些基本原则
3、「UI设计」如何做好按钮设计的9个基本原则
4、优秀的UI设计的10条原则？

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

一、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、按钮的摆放位置

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

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

四、优秀的UI设计的10条原则？

1.创新

绝不穷尽创新的可能性。技术发展总是为创新设计提供新的机会。但是，创新设计总是与创新技术一起发展，而永远不会成为终点。

与用户界面有关

a、“我”一词：用户界面设计中涉及很多创新。目标是考虑对您的用户而言新颖的新颖界面和交互，这可能意味着“缺少UI”或根本没有“ UI”。

b、杯子手柄因其承受能力而创新，类似地，UI应该看起来在后台“消失”，而不是引起人们的注意。

C、阅读Mark Wieser的论文：面向21世纪的计算机。

2.制作有用的产品

购买了要使用的产品。它必须满足某些标准，不仅是功能上的，而且还必须满足心理和美学上的要求。良好的设计强调产品的实用性，而忽略任何可能损害产品的特性。

与用户界面有关

a、通过使用通用约定和UI模式，可以使观众的先前经验和期望达到匹配。

b、不要为相同产品之间类似的一致的用户交互而重新发明轮子。例如，用户登录

3.是美学的

产品的美学质量是其实用性不可或缺的一部分，因为我们每天使用的产品会影响我们的人和我们的福祉。但是只有执行得当的对象才是美丽的。

与用户界面有关

A、用户界面应具有吸引力并经过风格化，以响应用户对硬件期望的质量。

B、用户界面具有je sais quoi。所有单独的元素加在一起产生的东西比任何一个部分都要大。像烹饪一样，所有食材都必须正确混合。就像厨师在上菜前先品尝食物一样，UI设计师也应如此。

4.使产品易于理解

它阐明了产品的结构，组织和目的。更妙的是，它可以使产品脱颖而出。充其量是不言自明的。

与用户界面有关

A、UI是我们通过玻璃在其上创建含义的画布。它对用户具有个性，声音和价值。如果您不了解界面在用户生活或使用环境中所具有的价值，则可能会导致错误。

B、充分了解您的用户，并不断测试解决方案是否可以理解。

5. 坦率的

达到目的的产品就像工具。它们既不是装饰物也不是艺术品。因此，他们的设计应该既中立又受约束，为用户的自我表达留出空间。

与用户界面有关

A、最好的接口是我们在不认识它们的情况下使用的接口。它们消失在我们的自然任务中

B、就用户而言，界面就是产品。

6. 诚实

它并没有使产品具有比实际更多的创新，功能或价值。它不会试图以无法兑现的承诺来操纵消费者。

与用户界面有关

A、UI并未尝试向其用户隐藏相关数据。它应该尝试提供有关用户注意而不是UI的重要信息。

B、UI清晰，有意义且易于理解，有望使它变得可用。

7.持久耐用

它避免过时，因此永远不会显得过时。与时尚设计不同，它可以持续多年-即使在当今的一次性社会中。

与用户界面有关

a、用户界面是一个可以在不破坏和重建的基础上每6个月进行一次改进的系统。(我在看着你UBER)

b、UI功能应经过测试，以确保它们与用户相关。已使用的UI功能是可以保留超时但仅在可用时可用的UI功能。

8.是最后细节吗?

任何事情都不能是任意的或偶然的。设计过程中的谨慎和准确性表明了对用户，产品和设计的尊重。

与用户界面有关

a、我们的用户在屏幕上花费的时间越来越多。我们需要通过考虑我们的工艺来使这些经历有意义，并坦率地说该死。

b、实际上，好的设计要比差的设计要难得多，部分原因是好的设计能够很好地满足我们的需求，从而看不到设计。

9.环保吗

设计为保护环境做出了重要贡献。在产品的整个生命周期中，它可以节省资源并最大程度地减少物理和视觉污染。

与用户界面有关

a、UI可以将其连接传达给更大的设计精神。它可以促进不增加废物流的叙述和原因。

b、UI可以讲述一个故事，而故事可以改变用户的心灵。

10.尽可能小的设计

更少，但是更好-因为它专注于基本方面，并且产品不包含不必要的负担。回到纯粹，回到简单。

与用户界面有关

a、出于UI的考虑，不再有UI。真正了解用户的需求应该消除不必要的用户界面元素，并减少对所需任务的分心。

b、UI对用户是有礼貌的，因此，我们的作用不是创建UI，而是为人们创建。

猜你喜欢

UI设计的基本原则包括（ui设计的基本原则包括什么）

ui设计的基本内涵是什么（ui设计的基本内涵是什么）

ui设计的图片素材（ui设计的图片素材大全）

ui设计的图片作品集（ui设计图片欣赏）

ui设计的四大原则（ui设计的四大原则包括）

UI设计的含义（什么是ui设计-包括哪些方面）

UI设计的含义及特点（UI设计的含义及特点是什么）

ui设计的含义及特点是什么（ui设计的含义及特点是什么呢）

ui设计的发展趋势2023（ui设计的发展趋势）

ui设计的原理（ui设计的原理和解决方法）

问大家

一个UI设计师，什么样的作品集内容会赢得bss以及hr的青睐？

平面设计师怎么快速进入互联网公司做ui设计？

UI行业适合男生吗？

岁开始学UI设计，还有出路吗？

一个技能全面的UI/UE设计师需要必备技能是什么？

怎样才算一名优秀的UI设计师？

UI设计需要学习几个月能找工作？

工作三年的UI设计师，未来该如何发展？你怎么看？

ui设计真的很缺人吗，为什么那么多公司搞ui设计收费培训？

UI设计新手入门，有哪些推荐的书籍或者教程吗？

真正的济南婚介哪家比较好？现在的婚恋平台有多少是靠谱的？

山东省会济南000后同城交友哪家平台比较好？高端靠谱的

济南婚恋交友网站哪个比较好？相亲征婚交友哪个网站靠谱？

让品牌有温度、有情感
专注品牌策划15年

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

猜你喜欢

问大家

推荐专题

相关主题

创意岭品牌策划

提交需求1对1免费咨询

让品牌有温度、有情感 专注品牌策划15年

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

猜你喜欢

问大家

推荐专题

相关主题

创意岭品牌策划

提交需求1对1免费咨询

让品牌有温度、有情感
专注品牌策划15年