2022-01-24 10:24:37|已浏览：330次
（一）正确选择字体大小
如果您查看一些优秀的设计，会发现字体大小的一致性。
注意：还请记住，您的设计中仅需要两种（可能是三种）字体。首先定义一些在整个项目中使用的关键字体大小。（例如：使用30、31和32像素是愚蠢的，需要将这三个非常相似的尺寸合并为一个。）
标准字体大小带来两个好处：
您的设计将更一致，更优雅。这将加快设计过程，并使您效率更高。定义字体大小时，请确保不要以相同的增量来增加字体大小。当您放大文本时，它应该是非线性的。这意味着您创建的文本越大，增量应该越大。
假设您有一个12像素字体大小的文本块，并且想要放大它。您尝试14像素，您会感到满意。但请想象一下，您有一个较大的标题（40像素），并且希望将其放大。您是否将尺寸仅增加2个像素，从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个正方形，并用颜色填充正方形。中间的一个将是基础颜色。然后，定义最浅的阴影（在最左侧）和最暗的阴影（在最右侧）。下一步是选择两者之间的色调。
元素的不同大小，类型和状态在进行设计时，通常将使用无数个图标，按钮和其他组件。同样，最好为它们预先准备几种尺寸，并将选项限制为尽可能少。在设计过程中，请勿添加其他尺寸，也不要尝试调整组件的尺寸以满足您的需求。相反，只需使用您已经定义的设计，整个设计就会更加一致和整洁。
以按钮为例。开始时，您需要定义它们的层次结构。为此，使一个按钮具有主要作用，一个按钮具有次要作用。为每个按钮指定其状态（有效，无效）和颜色变体。始终尝试将元素的数量减少至最重要的元素。
（三）定义其他元素的属性
用户界面设计师经常在设计工作中使用阴影。但是，对于经验不足的设计师来说，阴影有时会很挣扎。创建阴影时，必须设置阴影沿x轴和y轴的距离，以及模糊半径，颜色和透明度。阴影可能需要花费很多时间进行微调，这就是为什么要在进入设计之前准备一组阴影的原因。另外，请注意将要使用的元素的所有其他属性，例如角半径，透明度和颜色渐变。
正确调整空白很重要。无论您是从外部（边距）还是从内部（边距）偏移元素，都应再次依靠8的倍数。将偏移量增加8像素（小元素为4）。与字体大小一样，您想要的间隙越大，增量就必须越大（同样，您需要预先定义这些增量）。注：尊重原创文章,转载请注明出处和链接 https://www.pxwy.cn/news-id-17684.html 违者必究！部分文章来源于网络由培训无忧网编辑部人员整理发布,内容真实性请自行核实或联系我们，了解更多相关资讯请关注UI设计频道查看更多，了解相关专业课程信息您可在线咨询也可免费申请试课。关注官方微信了解更多：150 3333 6050
