UI设计中的小技巧,你GET到了吗?

Date 2024-05-30 15:01:55

  UI设计中的提示,你得到了吗?如果您仍然担心界面不精致、层次混乱、反复修改浪费时间、开发恢复程度差等问题,您不妨看看一些关于UI设计的提示。

  UI设计是一个起步较晚、变化迅速的年轻职业。新的创意和玩法层出不穷,去年流行的风格,今年可能不见了。作为一名UI设计师,我们应该始终保持危机感,不断进化我们的设计知识和概念。沉淀是UI设计师的基本素质,同时探索。虽然探索很有趣,但沉淀需要更多的毅力。今天我想和大家谈谈UI设计中的一些“小技巧”,而不是探索。


UI设计中的小技巧,你GET到了吗?


  使用字体字号

  1.字体

  UI设计师常用的字体有:苹果、思源黑、兰亭黑系列、中文黑体等,在字体选择上要看团队习惯。

  就恢复程度而言,如果您的团队同时使用一套设计草案来适应Android和IOS,建议使用苹方字体进行设计;如果iOS和Android都要做,建议使用Android和Android。由于兰亭黑系列品牌大,设计草案和恢复效果会有很大差异,不建议使用。

  2.字号

  常用字体大小(以iOS翻倍图为例)包括:10pt、12pt、14pt、15pt、16pt、18pt。在实际设计过程中,除了这些常用的字号外,还要看具体情况。若文字较多,分级特别复杂,则涉及多种字号混排,也相对考验设计师对字体字号的使用。好的效果需要反复调试,差的效果有很多共同点。

  (1)不同层次的文字字号不能太接近

  (2)合理利用字重

  阅读大段文字时,用细体或粗体会比较累,尽量选择标准字重的字体。

  (3)字体字号的统一原则

  APP中相同级别的内容字体字体应保持一致,这就需要在设计初期建立基本的设计规范。

  颜色的运用

  在一套设计规范中,我们经常给出一种品牌颜色,几种辅助颜色,几种黑白灰色供我们使用,但真正使用它并不一定那么容易。让我们单独看看黑白灰色和颜色。

  1.黑白灰

  (1)避免使用纯黑色

  纯黑色在自然界中几乎不存在。在黑色中加入一点色彩倾向会让界面看起来更自然,不要选择#000,包括文字的颜色。

  (2)文字排版

  文字颜色用不同的灰色进行对比,以区分信息层次。

  2.彩色

  (1)UI设计中的631原则

  631原则是指主色调:次色:强调颜色=6:3:1.这一理论最早出现在室内设计中,被誉为最完美的配色比例。

  UI设计也是如此。品牌颜色不应超过整个页面的30%。过多的颜色比例使界面看起来易怒,容易造成秩序混乱。因此,颜色应用于主要指导区或内容区。

  (2)渐变色小技巧

  渐变色目前很流行。如果你还担心渐变色,不妨试试我的小方法。首先确定一种颜色,然后打开色盘,在相邻的颜色左右取一种颜色,然后稍微提高左色的亮度,稍微降低右色的亮度。你会发现这种渐变是最舒服的。

  阴影的运用

  阴影一直是UI设计中不可或缺的一部分。从之前的拟物风格来看,UI设计师试图用高光阴影在二维界面中为用户创造三维效果。即使在超扁平风格盛行的时候,UI设计师也没有停止对阴影的热爱。

  从视觉上看,阴影增加了二维界面的厚度,使用户能够将界面与现实世界联系起来,帮助用户理解界面各模块的意义及其交互方式。

  1.垂直偏移阴影效果更自然

  现实中的光源不可能在你的眼睛里,通常在上面,投影在物体下面。

  2.阴影分割比描边分割更优雅

  分割投影可以使界面更加微妙,不会分散用户的注意力,使内容更加集中。

  3.阴影不一定是黑色的

  一定要注意环境色彩对阴影的影响,这是老师在学习水粉时敲烂的知识点。

  4.弥散阴影

  扩散阴影和普通阴影的区别在于物体和光源的相对大小不同,如下图所示:这两种阴影传达给观众不同的感觉。扩散阴影特别像看台灯下的宝石,给人一种更精致的感觉。当然,并不是所有的内容都适合扩散阴影。根据我的经验,它更适合制作精致的图标或小控制器。

  留白的运用

  设计中的空白不仅限于白色,还意味着空白。空白意味着某个区域是空的,没有其他装饰和元素。正确的空白可以使界面更有节奏,层次更清晰,阅读更容易,界面更精致。

  1.1.1.5倍行间距

  给读者最舒适的阅读体验。

  2.亲密关系法

  大相关元素之间的空白较小,小相关元素之间的空白较大。制作复杂界面时,不要立即排列,也不要扣除太多细节。这样,很容易陷入死胡同,来回推倒重做,浪费大量时间。

  如果你遇到过这样的问题,不妨试试我的方法,先用灰块处理,根据元素的亲密关系组合界面。如下左图所示,元素之间的关系首先被清楚地疏远,然后将真实数据带入其中,看看效果是否正确,然后处理细节。整个界面基本上可以发布。

  3.元素大小适中

  适当的元素大小使界面呼吸。

  以上是优曼小编今天分享的UI设计技巧。你到了吗?我希望这篇文章能对你有所帮助,你想学习UI设计零基础。学习是一个漫长的过程。如果你想更快地学习UI设计,你可以来优曼UI设计培训班学习,这样你就可以更快地掌握UI设计技术,并有7天的免费试用体验。

课程推荐
— Course recommendation —
【红喵设计教育】ps教程-ps零基础课程

红喵设计

【红喵设计教育】C4D基础-C4D软件制作教程

红喵设计

【红喵设计教育】包装设计-免费/PS/AI/CDR/平面设计

红喵设计

【红喵设计教育】版式设计-版式的思路PS/AI/CDR/平面设计/排版技巧

红喵设计

【红喵设计教育】ps基础-ps基础入门教程

红喵设计

【红喵设计教育】CDR基础-CDR零基础入门教程

红喵设计

【红喵设计教育】海报基础-PS合成海报设计教程

红喵设计

【野马设计教育】AI基础-AI软件零基础到精通

红喵设计