UI设计师，这10种设计原则你知道吗？江阴上元UI设计培训

时间：2023-09-16 18:06:01 | 来源：网站运营

时间：2023-09-16 18:06:01 来源：网站运营

UI设计师，这10种设计原则你知道吗？江阴上元UI设计培训：UI设计师，这10种设计原则你知道吗？

作为一个设计师，我们通常被称为艺术家、视觉装饰者、项目的被动实现者。遇到一些甲方或上级关于设计的不调，经验不友好，您的设计原因就是这种问题，往往无法回答只能盖头反复修改，陷入质疑自己设计能力的两难境地。

摆脱站不住脚脚设计的，我们需要学习一些设计常见的设计原则，合理输出设计稿。设计原则总结有三个优点：

1. 便于确立目标和方向；

2. 便于团队协作和沟通；

3. 指导设计决策。

根据实际情况，UI设计中常见的10个设计原则，超出了设计工作的情况，希望每个人都喜欢。

01. 功能可见性

AFFordance

通过模拟现实世界中建议用户系统是如何工作的。它通常用于界面的功能设计，使用隐喻和其他方式将用户对项目的体验映射到界面。如果产品的功能可见性符合人们的感官期望，该设计将具有高的接受率和使用，并且也将被认为是易于由用户操作的。

例如：淘票APP-电影座位选择，根据实际电影院的座位安排，可以引导用户明确购买电影票在座椅上，在与用户的感官预期，表达本身的清晰传递的意义中，用户选择可访问性。

02. 意元集组

Chunking

为了适应短时记忆，一种将不同的信息收集或汇总成模块或单元的技能，便于人们全心全意地理解和记忆信息。当我们的生活中有很多记忆时，它也适用于这个原则，例如电话号码、个人地址等等。

例如：中国招商银行APP - 输入银行卡号码为一组的四个大字，容易阅读的评论，也更有利于短期记忆。

03. 金字塔原理

Minto Pyramid Principle

一切都可以概括为一个中心点。对于信息显示的分级区分是常见的，并且首先强调核心信息的传送。需要注意的是，在信息传输，对事物的感知动态比静态的东西更快的感知，感知比的彩色图形的速度更大，感觉比图形文字的速度。

例如：招商银行应用程序-突出显示总资产和数据，突出显示大面积形状和颜色块的信息，用户在打开页面时可以在第一时间感觉到。

04. 梵蕾斯托夫效应

Von Restorff Effect

特别的事件或对象特别关心和印象深刻。经常用来突出信息重点，以及外围信息来拉水平。在设计中，我们经常遇到这样的问题。这个设计点不够突出，需要很大。事实上，在设计和表达关键信息时，我们肯定不仅可以表达突出的信息，而且可以使用特殊的元素、对比色、增加形状、文本引导来衬托各种设计表达，以及常见的动态效果，许多方法都需要尝试以不同的形式表达。

需要注意的多数观点是，如果所有的强调等于一无所有强调。

例如：每天在攸县app主页的金刚区域添加促销拷贝，并以“动态”的形式将其表达出来，与金刚区域中的其他图标分离，吸引用户的更多关注，引导用户点击该功能板，实现排水和推广的设计目标。

05. 二八法则

80/20 Rule

也被称为一些关键的法律或稀疏的因素，表明80%的结果是由20%的原因造成的。用来引导用户关注的最重要的功能和内容，用户有特定的数据反馈，优先考虑产品功能，易用性，并有助于提高产品设计的有效性。

例如，在智航火车票应用的位置搜索页面，根据用户的个人使用历史数据和平台用户的诗歌反馈，在设计布局中安排优先级，以加快用户的搜索定位和购票过程。

06. AIDMA法则和AISAS模式

在看到广告和购买之间，消费者通过五个环节：吸引注意力，产生兴趣，刺激欲望，增强记忆力，促进行动。通常情况下，用户设计的促销页面收入的目的。可以从三个方面来总结：

a. 引起注意：表现手法上雨中不同，给访问者提供惊喜和趣味性

b. 产生兴趣、激发欲望：重点展示核心卖点和主要内容

c. 强化记忆，促成行动：印象深刻的文案以及详细信息，促成用户做出决定

例如，网络很容易选择应用程序功能页面升级。5个折促销搔抓引起关注 - 红包礼品销售产品激发兴趣和购买欲望 - 打折销售，以加强对内存的消耗，完整的复制过程中达到了高潮。在推广页面中，这种设计形式的过程往往被设计师采用。

以AISAS模型为依据，以AISAS模型为基础，在互联网和无线应用时代的消费者生活变化的基础上，建立了消费者行为的全新模式。在切口的各方面重视，紧密相连的用户体验。在全新的营销规则中，出现了具有网络特色的搜索与分享两个“S”，指出了搜索与分享在互联网时代的重要性，而不是盲目地向用户灌输单向理念，充分体现了互联网对人们生活方式和消费行为的影响和变化。

例如，PindoDuo应用拼贴和价格切割，更多和更多的成功离不开IT，低价格优惠吸引用户，依靠传输模式裂变的病毒集群谈判模式，促进大规模用户知道-低兴趣-购买-共享组谈判，关闭周期。

07. 尼尔森F模型

The F-Pattern Eye-Tracking

浏览页面时，用户将非自愿[F]塑造读取模式时，这种传统的用户从左到右，从上到下的阅读习惯确定页面显示F形信息的显示。常见设计方法如下：

a. 将重要内容放在最前面，让用户能够快读触达；

b. 结构化地展示信息，讲大段内容分成小块；

c. 提供简短的标题，让用户能够快速定位到感兴趣的内容。

比如：京东应用商品详情页面信息层显示，结构化商品信息，短标题，最重要的价格信息在前面用红色粗体显示，让用户快速知道。

08. 羊群效应

The Effect of Sheep Floc

羊是一个非常分散的组织，但是一旦一只羊移动，另一只羊就会不假思索地冲过去，不管前面可能是狼还是离得不远的草更好。

比喻人都有一种从众心理。与所述导向装置的适当设计可通过以下方法来实现“放牧”：

a. 利用刺激性的关键词制造领头羊，如“疯抢”、“秒杀”等；

b. 利用“领头羊”营造活跃氛围，如提示已有多少用户参加活动、下载、购买；

c. 设计好友氛围，当用户看到自己的好友正在参与，自己参与的可能性更大。

比如：淘宝应用首页双11预热、20亿红包、免息、好礼刺激信息，以及每一次热身培育活动都要拉朋友组队，每年的双11这种玩法设计都不酷。

09. 格式塔原理

Gestalt Psychology

当一个人正在观察事物时，大脑是常见的，而不是开始区分事物的部分，而是把这些部分结合起来，使它成为一个更容易理解的整体。在设计和界面布局中使用的信息，使之更加合理。

a. 相近：彼此靠近被看做是一个整体；

b. 相似：把具有共同特性的事物当成一个整体；

c. 封闭：人的大脑可以对图形实现脑补，实现统一整体；

d. 连续：连续是通过一种视觉联系让画面之间形成一个整体；

e. 简单：将设计简化，复杂图形几何化，在复杂信息环境中，构建更易懂的整体。

例如：免费应用程序主页布局。租用简单的图标表意功能，同一功能板块信息空间小，不同板块信息空间大，同一板块如新福利、毕业生专区栏目不同信息用卡+角色块圆下的右统一设计形式感，连接在一起形成一个整体，其中涉及到格式塔原理的简单、相似、连续、接口。

10. 奥卡姆剃刀定律

Occam’s Razor

如果有两种相似的设计，那么选择最容易理解。适用于主要功能，重要信息提取，去除不必要的干扰功能，信息。当一个项目评审多个功能或需求时，设计人员需要关注用户的核心需求，产品为用户提供的核心功能不需要删除。

根据奥卡姆剃须刀定律，我们可以采用以下设计方法：

。投放位置只需要的东西：简约的设计最重要的方面是要表明的，其他人隐藏的唯一的东西的作用。这并不意味着你不能为用户提供很多信息，你可以使用“了解更多”链接来实现这一点。

b. 减少点击次数：让用户通过很少的点击就能找到他们想要的东西

C.提供更少的选项：做出过多的选择也是一个压力，减少选择可以减少用户的思维负担，这将使体验更加流畅。

例如：花瓣APP - 首页布局，轻量化设计，注重平台搜索地图的核心功能在地图上找到，以减少对用户自己的平台和运营维护成本的认知负担。自助应用的登录界面也是如此，可以减少用户不必要的操作，快速成功登录应用。