UI设计中的提示,你得到了吗?如果您仍然担心界面不精致、层次混乱、反复修改浪费时间、开发恢复程度差等问题,您不妨看看一些关于UI设计的提示。
UI设计是一个起步较晚、变化迅速的年轻职业。新的创意和玩法层出不穷,去年流行的风格,今年可能不见了。作为一名UI设计师,我们应该始终保持危机感,不断进化我们的设计知识和概念。沉淀是UI设计师的基本素质,同时探索。虽然探索很有趣,但沉淀需要更多的毅力。今天我想和大家谈谈UI设计中的一些“小技巧”,而不是探索。
使用字体字号
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天的免费试用体验。