四个基础的UI设计原则

UI设计师想要减少改稿次数,拒绝产品经理“加一道光”的需求,首先要学会不靠感觉做设计。今天这篇文章从设计原则的重要性谈起,总结了四个UI的基本设计原则,让你每一个元素界面都有理有据,适合刚入门的设计师,一起来学习ui设计吧。

  图形设计大师Paul Rand(保罗·兰德)曾经说过:

  “设计绝不是简单的排列组合与简单地再编辑,它应当充满着价值和意义,去说明道理,去删繁就简,去阐明演绎,去修饰美化,去赞美褒扬,使其有戏剧意味,让人们信服你所言……”

  上面这段话现在看来有点啰嗦,毕竟是老外写的嘛,但其实说得非常有道理。试想下如果一个设计师只是凭感觉(而不是理性)的去排列组合你的设计元素,或许你永远无法变成一个NB的设计师,更多的是别人眼里的“美工”。

  事实上很多时候这样状态做出的设计,是很容易被推翻的。(特别是UI界面设计)

  或许当你很满意的做完某个设计给别人看的时候,经常有PM(产品经理)或者其它搅屎棍这样问:

  “你为什么用这个颜色?这个按钮为什么那么小?这个配图好像并没有表达我们想要的意思……”

  设计师:“……”

  其实很多设计师的内心的回答是这样的:

  因为这个颜色好看啊,竞品也用这个颜色啊。

  按钮做太大好难看,太土鳖啊,不够高大上,不懂别BB。

  卧槽,怎么没有想要的意思啊,你行你上啊。

  很多时候这些搅屎棍其实并不是觉得你设计得不好看,而是你的设计并不适用于当下这个产品。

  这就暴露出很多设计师并不是理性在做设计,而是相当的感性。

  So,为了能够更好的阐述如何正确的进行设计。思前想后,发现其实在做一个设计之前,需要你对将要进行的设计有一个清晰的认识。然后为了不至于犯一些低级的错误,了解和遵守设计原则显得尤为重要。

  脑袋里带着这些原则去进行思考和设计,那样至少确保你是走在一个正确的道路上的。严格来说,遵守这些设计原则只是做出棒棒的设计的第一步而已。

什么是设计原则?都有哪些?哪个更加重要呢?

  简单点说就是设计时要遵守的必要准则。而这些基本设计原则其实你我心里都知道,也在很多网页上或者同事口中说起到。然后很多时候,就是做着做着就忘了,

  按照过往的经验,笔者将主要有以下四条基本设计原则,并按照优先级来给她们做了排序:

  1、清晰明了的设计

  首先我们必须明白的一点,设计是服务于产品的。或者说是为了解决产品上碰到的问题而发挥作用的。因此,你所要设计的产品需要在某个界面或者节点上完成某个目标。这个时候用户在足够清晰的界面环境中轻易完成任务显得重中之重啊。

  如果你打开一个页面或者App,无从下手,不知点哪里。或者找个想要的功能按钮找个半天,卧槽,那恭喜你,你的产品可以去屎了。这个时候你的设计再漂亮也是白搭,(其实这类设计还真的蛮多的,其实你会发现那些牛逼的产品经理不会整天和设计师过不去,只要设计的图形或流程是能够满足产品需要的,他们都会通过,他们喜欢把主要精力放在产品逻辑和用户体验上,而不是设计得好看不好看的细节…

  当然那些矮穷矬的产品经理没事就喜欢和设计抬杠,不吐槽下设计,他们一般都浑身上下都不舒服,我只想说滚… 原谅我又没忍住)

  so,消灭歧义,帮助人们更准确的理解和使用产品应该是排在首位的。

  2,高效的操作

  其实单就高效而言,似乎与清晰明了差不多。但试想下,高效是不是就意味着清晰正确的处理目标任务呢?答案是不一定的。高效无障碍不代表不会出错。很顺畅的出错才叫惨,这个成本相当的大的。

  另外一个极端就是交互层级太复杂,本来两步就可以完成的东西,硬是饶了一圈,搞个4-5步才完成。这尼玛就是作孽,一般这类产品不是被吐槽的很惨就是直接弃之,

  能一步完成的东西不要设计成两步。知道为什么iPhone为什么那么火吗?除开品牌和乔布斯的个人魅力,iPhone的手机用起来是真的爽,,因为用起来真的很简单,笔者没玩过任何智能设备的老爸一拿上手就知道怎么点,,所以说苹果的设计叫什么?叫做功力!

  所以优化功能逻辑,减少层级,同时预判结果,让流程更顺畅。让人们使用的更加轻松快捷的完成设计目标,才是王道。

3,设计的一致性

  人是个很敏锐的动物,你会发现,你特别容易发现一堆同类物品中的异类。

  例如Windows的关闭窗口按钮是在右上角,而Mac的关闭窗口按钮是在左上角,无论是你之前是在用这两个中间的哪个系统,突然跳到另一个系统你肯定会特别特别不习惯,因为你已经熟悉了那个操作方式,直觉告诉你那样才是关闭按钮的正确姿势,,

  所以对于相同的问题,提供相同的解决方案,减轻用户的认知及记忆负荷,一旦确定一个设计模式,打造更符合直觉的产品体验显得相当重要。

  当然在某些时候,为了能够突出某个功能,或者让人加深印象,故意设计成不一致的情况也不是没有,,所以说到底还是为了产品的目标,灵活运用此原则就对了。

  4,美观大方的设计

  很遗憾,尽管笔者也是GUI出身,但当仔细分析过之后,你会发现,一个产品漂不漂亮确确实实是排在前三个原则之后的,,因为它并不是用户体验的核心所在,

  举个最最简单的栗子。我想大家对微信都了解得不能再了解。但其实作为设计师的你真的觉得微信设计得漂亮么?笔者的答案是,微信设计得中规中矩,与很多“漂亮的App”比,他显得普通。但是,微信设计得让你挑不出太多的毛病,甚至有些细节让人觉得很棒,对于一个过亿级的产品,不出错,且用户能够很清晰快速的完成他的目标,那它就妥妥的成功啦·,

  有句话说的好,“最好的设计就是没有设计”。换句话说就是,好的设计让你感觉不出来它是经过设计的。一切都是那么的自然和顺理成章,

  所以,漂亮和美观只是提升体验和激发共鸣或者说愉悦的一个重要手段。对于一个产品而言,特别是那种大的产品,完成目标任务永远是第一位。设计师所要做的是细节耐心的打磨界面,让别人更加愿意花费时间和精力去使用你的产品。

  总结

  看到结尾,其实你会发现其实本文并不是针对视觉设计师而写的。笔者的个人想法在于,要想成为一名优秀的设计师,需要从多个角度去给自己施肥。技能只是成为一名优秀设计师的其中一个必备条件。

  如果你在开展设计时,考虑的不仅仅是作为一个视觉设计师的那块内容,或许你的高度已经不一样了。当你足够的清楚这些原则,足够了解你的产品的时候,或许你与产品经理已经在同一高度去考虑问题。那样你设计的东西也就不再那么经不起推敲了。

来源:ui中国

时间: 2024-10-11 13:46:07

四个基础的UI设计原则的相关文章

【APP UI 设计模式】(一)APP UI 设计原则和流程

一.基本原则         1.用户体验原则UCD,以用户为中心去设计         2.设计模式是可重用的设计规范实现         3.反模式是糟糕设计的典型,极力避免使用         4.试验模式--超越既有理念和移动现状的设计,有望成为下一个主流UI设计模式. 二.主要内容         1.APP UI 设计模式描写叙述的对象是智能手机.平板.智能设备等设备上执行的应用程序.         2.设备多样性-->设计多样性         3.设备类型定义:        

APP的UI设计原则

1)手机本身的物理特性受限引起的操作交互指南: a.移动APP客户端的文字输入,必须要降到最低:由于手机在输入上的低效性,在设计的过程中,应尽量减少用户的输入,如果有可能可以设置默认值,或者让用户选择目标值. b.移动APP客户端的信息结构好,屏与屏之间的逻辑关系清晰:由于手机屏幕都普遍较小,即使有4吋屏,那也只能展示较少的信息量,因此,在手机设计上,更需要有清晰的信息架构,用户知道当前在哪儿,并能返回到哪儿. c.移动APP客户端的操作.功能不要隐藏太深,重要功能都需要在界面中有适当的提示:由

AngularJS_01之基础概述、设计原则及MVC设计模式

1.AngularJS: 开源的JS框架,用来开发单一页面应用,以及数据操作频繁的场景:2.设计原则: ①YAGNI原则:You Aren't Gonna Need It! 不要写不需要的代码! ②KISS原则:Keep It Simple and Stupid! 代码保持简洁和具有表现力! --语义化标记.注释.变量或者方法的命名.减少嵌套: ③DRY原则:Don't Repeat Yourself! 模块的封装! --提高代码复用率,降低测试难度方便后期的迭代和维护: ④high cohes

大话设计模式第三、四、五章--一些设计原则

单一职责: 就一个类而言,应该仅有一个引起它变化的原因. 如果一个类承担的责任过多,就等于把这些职责耦合在一起,一个职责的变化可能会削弱或者抑制这个类完成其他职责的能力.这种耦合会导致脆弱的设计,当变化发生时,设计会遭受到意想不到的破坏. 软件设计真正要做的许多内容,就是发现职责并把那些职责相互分离.如果你能够想到多于一个的动机去改变一个类,那么这个类就具有多疑一个的职责. 开放-封闭原则: 软件实体(类.模块.函数等)应该可以扩展,但是不可修改. 在我们最初编写代码时,假设变化不会发生.当变化

零基础学UI设计教程分享C4D中重点难点分析

一. C4D中基础知识 1.世界的旋转.缩放和位移 旋转:Alt+鼠标左键 缩放:Alt+鼠标右键 位移:Alt+鼠标滚轮(中键) 2.物体的旋转.缩放和位移 旋转:快捷键R 缩放:快捷键T 位移:快捷键E 快速找到当前物体:快捷键H 物体和世界切换:快捷键W 3.找到当前C4D文件:窗口右下角(可直接切换多个文件) 关闭当前文件:窗口左上角文件--关闭(全部关闭) 合并两个文件:在其中一个文件下,点击左上角文件--合并--选择你想要合并的文件 4.等比旋转:先点击R调出旋转命令,把鼠标放在你想

产品UI设计排版的四个基本原则

相信很多初学UI设计的设计师,或者一些刚一边从事UI设计岗位,一边学习UI的,刚开始的时候都会遇到UI设计的规范,下面介绍四个基础的UI设计原则. 一.轴 轴在UI设计中是最基本.最常见的概念,也是用来组织界面结构的重要核心.简单说来,轴是在设计的时候组织一系列元素的假象线,在下面的设计图中,轴以虚线的方式被标注出来. 1.对齐 轴最常见于对称元素的使用,当元素被布置成轴对称的布局的时候,会给人有序感.就像生活中绝大多数的事情一样,我们更倾向于享受有序的的东西,它们令人感觉平稳.舒适.平易近人.

UI设计培训之进入BAT公司的前提

对于90后或者00后的年轻人,在UI设计岗位和交互设计岗位强大的需求下,都想一步进入BAT,但又没有资本,或许你们会去网上找ui培训课程跟进学习,又或许去找交互设计视频去学习等等..下面是想分享一些怎样在UI设计师这条路上前行的心得.1.加大范围吸纳 古语说:学会一样东西必先打好基础,这基础在UI设计培训或者交换设计培训初期中也是一个信息吸纳的一个过程,其中包括广度和精度....还有另外一个句古话说:书中自有黄金屋:好的作品,优秀的文章,书籍等等都是有助于帮自己建立一个对交互设计或者平面设计等判

UI设计去哪家学好

UI设计去哪家学好?一直以来,兄弟连培训以良好的就业口碑赢得了一批又一批学员的关注,每年的高考月份是兄弟连招生较旺季的时候,纷纷加入到兄弟连UI培训的大家庭来. 每年有数千名学员来到兄弟连培训学习UI技术,把梦想的基点设立在兄弟连教育,从这里出发,打造一个与众不同的你. UI课程是兄弟连专门针对大学生.在职.创业人群打造的靠谱的教育培训产品之一,由兄弟连通过对上千家IT企业.上万名软件开发从业人员和数万个软件开发岗位的调研.分析.总结而设置,课程分前期技能准备和项目冲刺,并实际操作企业实战项目,

美术是UI设计的必修课吗?

美术功底是做UI 设计必备条件吗?美术是学UI设计的必修课吗?这是很多人想学UI设计却犹豫不决的源头.我不是科班出身怎么办?我审美能力差怎么办?别急,今天阿多比设计学院的小编一一为您解答. 首先,业内UI设计的很多大佬都不是科班出身,不是艺术生,也不学设计类的,反而是纯正的理工生,这证明没有美术基础也是可以做UI设计的. 但是你如果要去做游戏UI那就另当别论了,做游戏UI的话,公司是一定要求你有着很强的美术功底的,画功决定了一个游戏UI的上限和下限,无论你去哪家公司,最开始让你做的事情就是画图标