020-29815005
预约专线时间:09:00-23:59

让设计细节更高级的12个实用小技巧

新闻来源:本站 日期:2021-07-22
在做UI界面设计时,有时看着设计出来的界面总觉得不够好,但又不知道问题出在哪里,这其实是考验设计的观察力。
    高级设计者往往强于对设计细节的把握能力,他们总是能发现你看不到的细节问题。重大问题往往一眼就能看出,但是设计质量的高低往往隐藏在这些设计细节之中。

    观察能力的提升也来自于平时项目中的经验积累,当你设计一个高效、美观的UI界面时,有时只需一点点小小的调整,就可以迅速提高设计质量。有时只是简单的调整就可以让客户、用户和您自己真正满意的界面被设计出来。

    本文中,我整理了一些小的设计技巧,可以帮助您快速改善您的设计,改善用户体验。

    01。

    用文字修饰元素。

    有人会以简约设计来说话,认为不应加上多余的文字干扰,界面上的内容都要遵循有意义的原则,这样就没问题。但是有时添加文字的目的仅仅是为了“装饰”,这样没问题。我们不想让所有的设计都变得简单而简单。

    为了单纯的装饰目的添加更多的特殊元素是完全没有问题的,它可以不遵循可访问性的标准,比如颜色对比度特别浅,看不清都没关系。如果这些元素不会影响用户体验的话。

    02。

    UI界面中的不同元素要有区别。

    在用户界面中,按钮、通知(文本链接)是两个独立而重要的元素。可能的话,一定要确保用户在浏览您的网站或应用程序时,能迅速而轻松地将他们区分开来。

    在大多数情况下,按钮都是最重要的,因此确保按钮在界面上是最显著的,而且很容易区分其他元素(例如:文本链接)。

    03。

    采用更加自然的投影。

    在设计过程中,我们经常使用投影。正确使用投影仪可以有效地提高视觉质量。设计界面避免使用较重的投影,降低不透明度,使界面看起来更自然。


UI设计


    04。

    用字体使视觉更清晰。

    而且在设计时,字体都用大写字母也很好。这有助于实现设计中各元素间的多样性和对比度,提升整体视觉效果。但是要确保选择合适的字体、行的高度和文字的粗细,确保为用户呈现的内容清晰。

    05。

    Breadcrums导航设计要便于用户理解。

    导航器设计无处不在,通常适用于网站内容较多的网站,但有时很难理解其含义。只要稍加调整字体的颜色和粗细,用户就能很快地知道自己的网站在哪里,以及他们可能会去哪些地方。

    举例来说:如果他们通过搜索跳到了一个网站的某个地方,这一点尤其有用。正如上面所示的设计,始终让导航链接的最后一个项目在视觉上与其他项目有明显的区别,使用户更容易理解。

    06。

    不要使用过于饱和度过高的颜色。

    高度饱和的色彩(亮蓝、红、绿等)在网站上相当具有视觉冲击力,能够吸引用户的注意力。但如果使用过多,可能会使使用者的眼睛疲劳,特别是与文字内容一起使用。

    尽可能少的使用饱和度高的颜色,你可以试着降低饱和度,通过在颜色中增加灰度来使颜色变淡,这样不仅能避免用户视觉疲劳,而且更能突出重点内容,让用户阅读更方便,不被视觉干扰。

    07。

    采用用户熟悉的图标,便于识别。

    当图标被用于设计时,最好使用用户熟悉和容易识别的图标,以使用户能够迅速地了解其用途。如果图标无法传达正确的意思,就会变成视觉噪音,让使用者迷惑,成为使用者的认知障碍。

    08。

    运用亲近性原理来表达元素之间的关系。

    排版的四个基本原则:对比、重复、对齐、亲密,在版面设计中将相关元素归类,建立一定程度的视觉关联,实现页面整体结构的清晰度,加速用户在浏览网站或应用时的认知。

    09。

    用4pt基线网格和8pt网格来进行字体的排版。

    在字排时,把4pt基格网和8pt格网结合使用,会给设计带来更和谐的垂直节奏。

    您只需使用行高值4(16、20、24、28等)4的倍数,使字体与基线网格对齐。为何是4?嗯,就我个人而言,过去在处理一些文本大小时,用8的倍数缩放并不普遍。

    10。

    降低标题的高度。

    大段文字需要足够的高度,以增加可读性,而标题一般较短,这样您就可以略微缩小间隔。

    推荐的标题行通常是文本大小的1-1.3倍,标题文字越大,要求的行数越少。

    11。

    在色轮上使用邻近色不容易出错。

    邻色,是最和谐的色彩组合之一,当你挑选颜色有困难时,它可以帮到你很多。

    由“主、次、再”组成的一组邻近色可以帮助你快速地构建一个简单而又不出错的配色方案。

    12。

    最大化设计的信噪比。

    通过“信号最大化”和“噪声最小化”可以达到设计中的清晰和易用性,从而产生高信噪比。

    要做到这一点,首先要确保相关的信息(信号)在不相关的信息(噪音)被完全减少或删除的情况下有效地呈现。修剪下绒毛减少无关信息,增强重要信息,提高界面的信噪比,从而提高界面设计质量。