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

【广州UI设计培训】:UI设计中如何提升设计效率?

新闻来源:本站 日期:2022-03-29
设计过程中最浪费时间的莫过于决策过程,建立标准的目的就是为了减少决策时间,提升效率。设计的时候,你是否会纠结于各种可能性,比如是让文字变大还是变小,或者增加(或减少)元素周围的留白,颜色是该深一点还是浅一点?在本文中,优漫教育小编将分享一些关于如何解决这…
  设计过程中最浪费时间的莫过于决策过程,建立标准的目的就是为了减少决策时间,提升效率。设计的时候,你是否会纠结于各种可能性,比如是让文字变大还是变小,或者增加(或减少)元素周围的留白,颜色是该深一点还是浅一点?在本文中,优漫教育小编将分享一些关于如何解决这些常见问题以及如何使设计更加一致和对用户更友好的技巧。


【广州UI设计培训】:UI设计中如何提升设计效率?


  界面设计一致性的重要性


  让我们从头开始捋一捋。你希望你的设计看起来很好,值得信赖,需要不惜一切代价避免混乱。为了实现这一点,拥有一个完整的系统性思维是非常重要的。

 给定大小的尺寸设计系统

  无论是调整文字大小、图片大小,还是调整留白,都没有关系,前提是需要确定每个元素的大小。我敢打赌你一定遇到过这种情况:你曾经为一个元素选择了一个大小,五分钟后改了一次,然而没多久又改了一次,也许最后改了无数次才确定下来。
  使用网格布局所有元素水平网格我相信你在设计网站时已经使用过网格了,使用网格可以帮助你准确地将所有元素放置在界面上。网格形成界面的骨架,并决定可以将元素放置在何处。模板化定义了清晰的边界,这样设计就会更加一致。用上网格系统,可以更容易地决定将元素放在哪里。当经验越来越丰富时,调整界面就会更加得心应手。

  选择正确的字体大小如果你仔细观察一些精心设计的字体,会发现字体大小的一致性。这是有原因的。注:要记住,在你的设计中只需要两个,也许三个字体大小。但是,如何选择正确的字体并使它们协同工作超出了本教程的范围。

 字体大小

  定义字体大小时,请确保不要以相同的增量增加大小。当放大文本时,它应该是非线性的。这意味着创建的文本越大,增量应该越大。

  假设有一个文本,字体大小为12像素,你想放大它,然后尝试用14像素,你很满意。但然后想象你有一个大标题(40像素),你想让它更大。你能把尺寸从40像素增加到42像素吗?当然不可以。在视觉上,文本需要更大的改变。设计时可能需要将其增加24个像素,从而得到一个更大的64像素的标题。

  行高一旦定义了所有的字体大小,就要注意行高了。对于行高,再次使用4像素的增量。例如,对于16像素的文本,我们将行高设置为24像素。如果你想让文字更有唿吸感,那么将行高增加4个像素到28。

 定义项目中的颜色

  颜色的各种组合太多了,如果你不预先定义颜色的深浅,就会浪费太多时间。你不能把自己局限于黑色、白色,蓝色这类明确的颜色。对于每一种颜色,都需要其他的色调,提前设置好它们是很重要的,这样在整个设计项目中颜色是能成体系的。为每种颜色准备5到10种色调,我喜欢为每种颜色定义9种色调。

  为什么每种颜色有9种色调?第一个优点是颜色命名。无论使用的是设计软件还是CSS代码,都将从这个技巧中获益。每个阴影将被分配一个数字,例如100、200、300、400、500、600、700、800和900。其次,9是定义颜色的方便数字。准备这些色调的最好方法是准备一排9个方块,用颜色填充方块。中间的是基准色,然后,定义最亮的色调(在最左边)和最暗的色调(在最右边)。下一步是设置色调之间的颜色。

  准备元素的不同大小、类型和状态在设计时,通常会使用无数的图标、按钮和其他组件。同样,最好提前准备好几个尺寸,并将选项限制在尽可能少的范围内。在设计过程中,不要添加其他尺寸,也不要试图调整组件的尺寸以满足需要。相反,只使用已经定义的那些,整个设计就会更加一致和干净。

  定义其他元素的属性

  UI设计师经常在设计中使用投影。然而,对于缺乏经验的设计师来说,投影有时会是一种挣扎。做投影时,必须设置投影沿x轴和y轴的距离,以及模煳半径、颜色和透明度。投影可能要花很多时间来调整,这就是为什么要在深入设计之前准备它们。提前备好投影组件(使用与颜色相同的方法),然后在整个设计过程中应用它们。此外,还要注意将使用的元素的所有其他属性确定好,如角半径、透明度和颜色梯度。  

  以上就是优漫教育小编为大家介绍的“【广州UI设计培训】:UI设计中如何提升设计效率?”相关内容,学习ui设计培训,可以参考优漫教育提供的ui学习路线,该学习路线内容包含ps软件入门、AI与品牌设计、视觉表达技法、web视觉设计、图标设计、产品交互、移动端设计等,根据优漫提供的ui学习路线图,可以让你对学好ui需要掌握的知识有个清晰的了解 !