ui设计常见问题,ui界面如何整理

编辑导语:UI设计师在设计过程中往往需要特别考虑排版的问题,因为这决定了给用户的第一印象是什么,但有不少设计师会忽略排版的问题 。那么如何解决UI界面乱的问题呢?本文围绕UI设计排版展开了讲述,推荐对此感兴趣的伙伴阅读 。

ui设计常见问题,ui界面如何整理

文章插图
对于UI设计师来说,特别是对于初阶UI设计师或者UI初学者而已,排版的好坏是这个阶段核心要考虑的问题,也就是细节 。但是不少同学总是在这个上边很不注重,总想着创意 。没有了基础的创意就如同无本之源,是没有任何意义的 。
接下来咱们来看看,这7点可以让你的UI设计质量明显提升所需要注意的问题 。
一、忽略内容而设计如果您想提高自己的技能,请设计一些可能成为产品最终目标的产品 。它将实际显示哪些图像,标题有多长?因为 , 一旦您将真实的内容填满你的设计稿,您的精美设计就会变的异常难看 。
具体来说,在开始进行UI设计之前,您需要知道页面的每个部分都将显示哪种内容 。您还需要知道内容的最小和最大显示长度,正确处理折行 。
1. 选择正确的配图如果作为概念设计稿,那么选择你能拿到的最好的配图当然是可行的 。但是一旦你要为真实的应用创建设计,那么配图的质量就必须要考虑 。所以,尽量选择跟主题相关的配图,而不是在图库中的跟主题毫无关联的图片 。只有在这种情况下,你才能真实了解最终的成品是什么样子的 。
2. 注意重复的列表和块通常情况下,列表有以下几种形式:图像 文本,图标 文本,数字 文本等 。您应该考虑用哪种形式可以让信息更有效的表达 。
对于描述功能的小文本块 , 您可以使用三列布局 。但是,如果您有多于五行的文本,并且需要全部显示而没有省略号,则必须用另一种视觉解决方案 。为什么呢?因为手机阅读者没有阅读较长的文本的习惯 。此时,可以使用水平滚动或者两列布局的图片列表 。
另外,要考虑一下内容区块的极端情况,比如列表的文字最长和最短大概有多少字数 。优秀的设计师应该始终主动思考 。以考虑客户将来可能需要扩展UI的可能性 。
二、区分主要动作和次要动作
ui设计常见问题,ui界面如何整理

文章插图
注意到上图哪里有区别了吗?“Login” “忘记密码”“Get Start” 三个按钮变成了一个 。在做设计时,我们必须区分按钮的主次,这就要求你要明白,你现在在设计的这个页面,最重要的功能是什么,然后对这些功能进行排序,主要功能突出显示,次要内容则弱化 。因为用户可能还要去找它们,但是它们没有那么重要,但是是必须的 。所以,右图优化后的效果是不是更好呢?
区分主按钮和次要按钮(辅助功能)的方法:
对主按钮和辅助按钮使用不同的视觉权重 。视觉重量最强的按钮将获得更多关注 。因此,请使用强烈的颜色,粗体文本和大小为主要按钮赋予视觉效果 。对次要动作则相反 。三、令人沮丧的错误状态在设计用户界面时,请不要忘记任何用户界面的主要目的:在用户和服务之间提供尽可能平滑的交互 。不要让用户感觉到沮丧,即使在用户出错的时候 。
设计人员应向用户提供有关状态的明确反馈,尤其是在出现错误状态的情况下 。因此 , 错误通知应满足以下简单规则:
它们应该是可识别且引人注意的(例如,红色是常见的UI模式,指示错误) 。他们应该清楚地说明发生了什么,以及用户如何解决该错误 。它们应该是上下文的 。最好在与它们相关的元素附近显示错误消息 。它们不应具有刺激性 。您的用户是否对错误已经足够烦恼了?设计师还应注意意外错误(例如,服务器错误,找不到页面) 。任何错误消息都是用户流程的障碍 。因此,我们需要帮助用户进行处理 , 提供任何可能的解决方案,并设法消除不良体验,尤其是这不是用户犯错的情况下 。例如,一个好的解决方案可能是设计404和500页的插图或动画 。