2017/11/03 11:40:15所在目录:建站新闻浏览量:3624
7条UI设计需要遵循网页设计项目规则
2019/05/22 所在目录:公司动态

现在很容易找到愿意在任何项目上工作的设计师。然而,在UI设计方面寻找一个熟悉最佳实践的专业人士仍然是一场艰苦的战斗。如果您希望将自己置于这些职位的争夺之中,您需要保持最新的技术和最新发展趋势。

 

了解每个界面设计项目的最佳体验,将使您远远领先于大多数候选人,他们只是在不考虑创建界面的各种细节的情况下启动设计。

 

1、了解UI如何进入UX

 

首先是第一件事 - 有时候使用这些术语是错误的,而重要的是要明白,虽然UI确实在UX中起着重要的作用,但是第二个学科的范围要大得多。

 

这并不是说UI不重要,因为我们都知道,它可以使得或破坏一个网站或应用程序。然而,UX设计师(或“交互设计师”)需要考虑到诸如交互设计和架构,创建明确的分类法,写作,与设计师和程序员的协调等多种因素。这是整个设计的整体体验(如首字母缩略词所暗示的),从上到下。

 

为了创建一个很好的界面,UI设计人员需要依赖用户体验角度的信息,例如识别哪些问题需要解决,用户流程如何发挥,以及确定关键的产品领域和层次结构。理想情况下,接口上的认真工作将在获取所有这些信息后开始,然后由UX设计人员进行模拟,测试和批准,并且将推出一个产品

 

2、了解您的观众

 

对于如何设计一个梦幻界面的最重要的见解应该从你的用户那里得到,这并不奇怪。如果您正在开展网站的规划过程中,您必须已经了解到未来的观众将会想要什么,但是布局细节是一个完全不同的游戏。

 

您需要清楚地了解您的网站需要什么样的需求,以及如何提供将进一步吸引他们的设计。如果您在这个时刻有点迷失,那么看竞赛可能是启动创作过程的好方法。哪些网站在您的项目领域的顶端?他们使用类似的布局还是颜色?他们是否坚持类似的风格,或者似乎在视觉上符合相同的人群特征?

 

使用用户舒适的设计模式可以帮助您轻松进入您的网站,然后您可以根据自己的需求区分您的网站。

 

一旦你确定了你的观众,你可以测试你的设计如何发挥出来,并考虑到他们的反馈。来自所需目标受众的可反馈的反馈是非常有价值的,所以得到它并使用它!

 

3、保持简单和一致

 

一个伟大的界面的标志是简单。这样,我们并不是简单的在这里和那里贴上一两个按钮,因为它的一些动画被抛在脑后 我们的意思是很容易理解和互动。您的用户不应该需要一个地图才能浏览您的应用程序或网站,并且它是作为界面设计师的工作的一部分,以巧妙地引导他们从何处到他们需要去的地方。

 

为了做到这一点,您可以利用多种元素,如颜色,排版,反馈信息和视觉层次结构,我们将在稍后逐一介绍。

 

接口在整个设计中也必须保持一致。这意味着不要在项目的每个部分重新创建轮子,并且在每个轮次上加强设计的最重要方面。当他们浏览您的设计时,用户应逐渐放松,并且由于刺激的风格选择,他们的沉浸不应该被打破。

 

4、实现视觉层次

 

应突出显示界面中最重要的元素,以使用户关注它们,而且设计提供了几乎无数的方法来实现这一效果。

 

想到这个技巧的最简单的例子就是使一个元素更大,以便把它变成一个焦点(这是偶然的,同样的原因,没有人忽略哥斯拉)。

 

或者,只需将一个意想不到的元素以雅致的方式引入您的设计中即可发挥奇迹。如前所述,界面的一致性是至关重要的,直到它可以重复地界定。当某些东西打破视觉模式时,您的用户将会坐下来注意。

 

5、善用排版

 

建立视觉层次结构的另一个优雅方式是通过使用排版。

 

对于初学者来说,每种字体都有个性,可以说,你的选择应该受到观众的影响。

 

例如,这种字体“漫画字体”。

 

当然,当设计中使用字体时,尺寸也起着关键的作用。

 

您也可以使用反向类型来使文本脱颖而出,我们的意思是使用对比背景来使文本弹出。在菜单中使用对比文本来突出显示当前正在查看的页面(这有助于简化用户的导航过程)。

 

6、正确使用颜色和对比度

 

为任何给定的设计选择正确的颜色是一种本身的科学。如果你正在阅读这篇文章,你可能已经不是很熟悉颜色的心理学了,所以我们现在不会再花时间去看这个领域了。

 

相反,我们将谈论使用颜色来充分发挥其设计一个令人惊叹的界面。颜色可用于传达视觉层次结构,建立元素之间的关系,并通常提升您的设计并吸引用户的注意力。

 

当在界面上工作时,您需要保持一致的一致性,您将使用哪些颜色来传达视觉线索,并将您的配色方案保持在相对最小(更多的颜色总是一件好事)。

 

也就是说,对比颜色可以用于很大的效果,以吸引用户的注意力,正如我们在讨论反向类型时在规则五中提到的。

 

从官方侏罗纪世界西班牙网站取得的界面对比色的一个很好的例子。

 

选择在界面中使用哪种颜色的一个很好的经验法则是,较暗的颜色往往会带有更多的视觉重量,而这些元素需要用较浅的颜色进行平衡。

 

7、考虑反馈消息

 

接口是要使用的 - 这是您在设计过程中不可忽视的事情。Web项目的最大优点之一是,您可以设计反馈消息,以便在执行操作时向用户传达关键信息。

 

有加载吗?为什么不使用简单的动画作为反馈消息来通知您的用户数字正在背景中被束缚?有人填写不正确的字段吗?设计一个消息,立即通知他们,以便他们知道错误。

 

设计界面并不简单。您需要考虑多个学科,以及掌握有关您的观众的技术信息,并预见他们的需求,以创建一个满足并满足他们需求的设计。

 

此外,您需要在用户体验设计和界面设计之间保持密切的关系,因为与另一个人交往。

 

然而,本文中涵盖的大多数规则都有一些共同之处,这将使您的生活变得更容易:它们不仅限于网页设计项目。事实上,如果您有一些设计经验(我们打赌你做的),我们迄今为止所分享的大部分建议应该非常熟悉 - 我们所做的就是扩展他们与界面的关系。

 

总而言之,我们相信,考虑到这个建议,您将很乐意成为一名经验丰富的界面设计师。

 

结论

 

界面设计虽然是一个令人畏惧的领域,但也可以为您提供完美的机会,因为所有的设计领域都需要您的游戏。

 

想想吧 您的界面需要易于使用,导览简单,为观众使用正确的颜色,使用正确的字体,集成有用的反馈信息,并保持整体的一致性。如果你能忙里忙外,有许多因素,仍然产生一个有吸引力的设计,或许是时候让你教我们学网页设计的一些规则。

下一篇:tag标签SEO优化让网站迅速收录排名
上一篇:让移动端用户体验出类拔萃的5种技巧