UI培训
美国上市UI培训机构

400-111-8989

热门课程

【设计经验】别靠感觉做设计!聊聊四个基础的UI设计原则

  • 时间:2017-07-19
  • 发布:UI培训
  • 来源:UI知识

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

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

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

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

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

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

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

设计师:“……”

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

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

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

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

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

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

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

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

【别靠感觉做设计,聊聊四个基础的UI 设计原则】

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

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

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

1、清晰明了的设计

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

【别靠感觉做设计,聊聊四个基础的UI 设计原则】

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

【别靠感觉做设计,聊聊四个基础的UI 设计原则】

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

2,高效的操作

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

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

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

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

【别靠感觉做设计,聊聊四个基础的UI 设计原则】

想看上面这个设计规范?右戳!《内部教程!超实用六步透视网易设计规范(附完整PDF下载)》

3,设计的一致性

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

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

【别靠感觉做设计,聊聊四个基础的UI 设计原则】

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

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

1)视觉的一致性

一个产品的视觉设计应该给用户一种格调或者说feel,这种格调应该伴随着该产品的不同部分。比如B站app的闪屏,各个页面们的设计,乃至icon们,都给用户传递一种二次元动漫的feel

【别靠感觉做设计,聊聊四个基础的UI 设计原则】

2)交互行为的一致性

某个产品或者系统内部的交互方式应该一致,这会让用户对产品产生信赖感和控制感。

国内很多浏览器都有返回到浏览器主页的按钮(一个小房子),在用户进入到一个比较深的页面迷路时点击那个按钮可以达到主页,那么在主页时点击那个按钮应该发生什么呢?很多浏览器这时都选择静止不动了,好像没有响应一样,这样真的好吗?如果不好,应该怎么做呢?可以思考一下。

3)迭代产品的一致性

同一个产品在产品更新迭代时重要的元素应该保持不变。比如产品的视觉应该与原来维持一致,交互方式应该一致,这样用户可以以原来的使用方法来使用你的产品,有一种熟悉感。

如果发生较大的更新这些都不得不改变时,也应该重点突出来提醒用户哪里发生了变化,让用户有心理准备接受那些变化。否则当用户以原来的方式与软件交流时却没有效果,用户就会受挫。

4,美观大方的设计

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

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

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

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

总结

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

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

------------------------

【别靠感觉做设计,聊聊四个基础的UI 设计原则】

在传统职场想要月薪过万,可能至少需要2个以上的3年计划或5年计划,而且除非你是那10%且思维能力超群的精英人群,已经进入高级管理岗;否则当眼下传统行业红利消逝后,你将作为一个“裸泳”的普通职员与企业一起沉没。

但是,在互联网行业,做一个UI设计师,2-3年的项目能力提升,必定让你月薪过万证实自己的能力;你可能还不知道,北京深圳的UI设计薪资平均在9000-11000元。平面设计、室内设计、网页美工、淘宝美工的时代已经过去,受人尊敬的UI设计师将会伴随着互联网产品与信息产业的崛起将越来越好。

互联网是这个时代的机遇,是一个公平竞争的大舞台,你比别人多一份努力,就能多一份收获,这是一个只讲效率与能力的大职场;希望大家做为一个高级UI设计师,用你的专业能力和思维去征服互联网,做一个阳光职场人。

感谢大家阅读本文,本文章部分内容由小编转载自网络,版权归原作者所有,如有侵权请联系我们进行删除,更多精彩内容请关注UI培训官网

上一篇:你相信吗?其实设计也可以是隐形的
下一篇:互联网+时代 让用户体验到你的专业性

【设计经验】别靠感觉做设计!聊聊四个基础的UI设计原则

选择城市和中心
贵州省

广西省

海南省