网站首页
手机版

UI设计:聊聊UI设计的四大原则(二)

更新时间:2022-03-23 02:23:40作者:未知

UI设计:聊聊UI设计的四大原则(二)

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

  

  1、清晰明了的设计

  

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

  

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

  

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

  

  2,高效的操作

  

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

  

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

  

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

  

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

  

  3,设计的一致性

  

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

  

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

  

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

  

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

  

  4,美观大方的设计

  

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

  

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

  

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

  

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


本文标签: 平面设计  标签  简介  UI  

为您推荐

WPS2016文档怎么快速转换成PDF(wps office文档转换)

WPS2016文档怎么快速转换成PDF 1.打开需要转成的WPS文档,然后点击工具栏的"输出为PDF" 2.接着我们就可以选择转换的页面以及勾选相关的选项. 3

2023-09-28 00:08

手机WPS 手机wps表格怎么制作表格

手机WPS Office怎么填充表格? 手机WPS Office怎么填充表格? 1.首先打开手机WPS Office 2.打开或新建表格 3.点击"工具" 4.

2023-09-27 00:11

WPS2016打印如何节省纸张(wpsoffice怎么打印一张纸)

WPS2016打印如何节省纸张 首先我们在制作文档的时候为了区分段落经常会给段落加上空格进行区分,其实我们可以删除这个段落,这样对于长篇的文档来说可以节省很多空

2023-09-27 00:11

WPS2016如何限制文档编辑 wps文档怎么限制编辑

WPS2016如何限制文档编辑 1.打开需要限制编辑的文档,然后点击左上角的"WPS文字"然后点击"工具"→"限制编辑" 2.在限制编辑列表里点击"限制"选项,

2023-09-27 00:11

WPS2016个性页眉如何制作(wps做页眉)

WPS2016个性页眉如何制作 1.打开需要插入个性页眉的WPS文档 2.点击工具栏的"插入",点击"页眉和页脚" 3.接着点击"插入"→"形状",我们就可以在

2023-09-27 00:10

WPS2016如何修改纸张大小(wps怎样更改纸张大小)

WPS2016如何修改纸张大小 1.打开WPS文档,然后点击工具栏的"页面布局",接着选择"纸张大小" 2.进入页面设置选项后我们就可以根据自己的需求修改页面纸

2023-09-27 00:10