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

Date 2025-03-04 22:21:28

UI设计师要想减少修改次数,拒绝产品经理“添加光”的需求,首先要学会不依赖感觉进行设计。今天,本文从设计原则的重要性开始,总结了四个UI的基本设计原则,使您的每个元素界面都合理,适合新设计师,一起学习。

UI设计师要想减少修改次数,拒绝产品经理“添加光”的需求,首先要学会不依赖感觉进行设计。今天,本文从设计原则的重要性开始,总结了四个UI的基本设计原则,使您的每个元素界面都合理,适合新设计师,一起学习。

Paull图形设计大师 Rand(保罗兰德)曾说:

“设计绝不是一个简单的排列组合和简单的再编辑。它应该充满价值和意义,解释真相,删除复杂性和简单性,澄清解释,修改和美化,赞美和赞美,使它具有戏剧性,让人们相信你所说的……”

上面的段落现在看起来有点罗嗦。毕竟是外国人写的,但其实很有道理。想象一下,如果一个设计师只是根据自己的感受(而不是理性)来安排和组合自己的设计元素,也许你永远不会成为NB的设计师,更多的是别人眼中的“艺术家”。

事实上,在这种状态下制作的设计往往很容易被推翻。(尤其是UI界面设计)

也许当你满意地为别人设计时,PM(产品经理)或其他搅屎棒经常会问:

“你为什么用这种颜色?为什么这个按钮这么小?这张照片似乎没有表达我们想要的……”

设计师:“…”

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

因为这种颜色好看,竞争产品也用这种颜色。

按钮太大太丑,太土龟,不够高,不懂BB。

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

很多时候,这些搅屎棒并不是说你的设计不好看,而是说你的设计不适合当前的产品。

这暴露了许多设计师在设计上并不理性,而是相当感性。

So,为了更好地解释如何正确设计。经过思考,我发现在做一个设计之前,你需要对未来的设计有一个清晰的理解。那么,为了不犯一些低级错误,理解和遵守设计原则就显得尤为重要。

用这些原则思考和设计你的头脑,以确保你至少走在正确的道路上。严格地说,遵守这些设计原则只是设计棒的第一步。

wyued201607182

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

简单地说,这是设计中必须遵守的必要标准。事实上,你我都知道这些基本的设计原则,这些原则也在许多网页或同事中提到。然后很多时候,只是忘记了,( ̄工 ̄lll)

根据以往的经验,笔者将主要有以下四个基本设计原则,并按优先级对其进行排序:

1、设计清晰明了

首先,我们必须明白,设计是为产品服务的。或者是为了解决产品中遇到的问题。因此,您想要设计的产品需要在某个界面或节点上实现某个目标。此时,用户在足够清晰的界面环境中轻松完成任务是首要任务。

如果你打开一个页面或应用程序,你就不能开始,也不知道该在哪里。或者找到你想要的功能按钮,找到半天,躺在槽里,祝贺你,你的产品可以去粪便。此时,无论你的设计有多漂亮,它都是无用的(事实上,有很多这样的设计,事实上,你会发现那些强大的产品经理不会整天与设计师,只要设计图形或过程能够满足产品的需求,他们就会通过,他们喜欢专注于产品逻辑和用户体验,而不是设计好的细节。

当然,那些又矮又穷的产品经理喜欢和设计争论,不嘲笑设计,他们通常不舒服,我只是想说滚动。 原谅我又忍不住了)

so,消除歧义,帮助人们更准确地理解和使用产品应该是第一位的。

二、高效操作

事实上,仅就效率而言,它似乎与清晰度相似。但想象一下,效率是否意味着明确和正确地处理目标和任务?答案不一定是真的。高效和无障碍并不意味着你不会犯错误。一个非常顺利的错误被称为悲剧,这是相当昂贵的。

另一个极端是交互级别太复杂了,两步就能完成的东西,只是饶了一圈,做了4-5步就完成了。这个尼玛是罪恶。一般来说,这种产品要么被嘲笑,要么被直接抛弃。

不要把能一步完成的事情设计成两步。你知道为什么iPhone这么受欢迎吗?除了品牌和乔布斯的个人魅力,iPhone的手机真的很酷,因为它真的很简单。我父亲从来没有玩过任何智能设备,他知道如何点击它,那么苹果的设计叫什么呢?它被称为技能!

因此,优化功能逻辑,降低层次,预测结果,使过程更加顺畅。王道是让人们更容易、更快地实现设计目标。

wyued2016071817

三、设计的一致性

人是非常敏锐的动物,你会发现你特别容易在一堆类似的物品中发现异类。

上一篇:邱春瑞:设计是一场关于自我的探索

下一篇:20个将导航玩得独一无二的网站

课程推荐
— Course recommendation —
【红喵设计教育】ps教程-ps零基础课程

红喵设计

【红喵设计教育】C4D基础-C4D软件制作教程

红喵设计

【红喵设计教育】包装设计-免费/PS/AI/CDR/平面设计

红喵设计

【红喵设计教育】版式设计-版式的思路PS/AI/CDR/平面设计/排版技巧

红喵设计

【红喵设计教育】ps基础-ps基础入门教程

红喵设计

【红喵设计教育】CDR基础-CDR零基础入门教程

红喵设计

【红喵设计教育】海报基础-PS合成海报设计教程

红喵设计

【野马设计教育】AI基础-AI软件零基础到精通

红喵设计

Floating Image