选课报班>>

您现在所在的位置:主页 > 兴元设计 >

UI设计师,这10种设计原则你知道吗?

来源:上元教育
发布时间:2020-09-25
作为一个设计师,我们通常被称为艺术家、视觉装饰者、项目的被动实现者。遇到一些甲方或上级关于设计的不调,经验不友好,您的设计原因就是这种问题,往往无法回答只能盖头反复修改,陷入质疑自己设计能力的两难境地。
摆脱站不住脚脚设计的,我们需要学习一些设计常见的设计原则,合理输出设计稿。设计原则总结有三个优点:
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  - 首页布局,轻量化设计,注重平台搜索地图的核心功能在地图上找到,以减少对用户自己的平台和运营维护成本的认知负担。自助应用的登录界面也是如此,可以减少用户不必要的操作,快速成功登录应用。