<kbd id='pk7JvZEmvJ19CnI'></kbd><address id='pk7JvZEmvJ19CnI'><style id='pk7JvZEmvJ19CnI'></style></address><button id='pk7JvZEmvJ19CnI'></button>

        查看内容

        10个小技巧。,让你的设计细节更_918博天堂COM

        10个小技巧。。,让你的设计细节更

        我料想我们大多半人都是从了解UI,或者基本不了解的景象。下开始。从事[cóngshì]设计的。但纵然开始。时我们并没上风,我们仍旧想方想法的通过设计书本和文章来了解颜色、排版、结构等方面的常识。

        因此,在本文中,我将分享[fēnxiǎng]我从差异。设计师哪里学到的和在设计用户界面时学到的东西,还包罗我本身的新发明。

        声明:的“不好的”示例并不意味着它们是的,这只是我们从优秀的设计方案改善到更优异方案的。

        一、让的笔墨加倍

        当笔墨必要分清条理布局时,使笔墨变大来夸大凡是不能解决题目,就像的题目:

        10个小技巧。。,让你的设计细节更

        笔墨的条理布局不只是小和大的干系[guānxì],它必要笔墨在巨细、字重和颜色三个方面举行的,形成。比拟。,比拟。度越大越好。(译者注:我以为比拟。度也不能太大,即可。)

        10个小技巧。。,让你的设计细节更

        那么怎样设计更好的比拟。呢?

        不要哄骗[shǐyòng]一种字重差异。字体。巨细的方法来创建比拟。和条理。

        ,把内容[nèiróng]加粗加深[jiāshēn],把内容[nèiróng]变细变淡(不太的)。

        创立三种差其余笔墨颜色,从深色到淡色(拜见的示例),凡是我哄骗[shǐyòng]我设计的颜色作为[zuòwéi]正文笔墨颜色。

        不关键怕哄骗[shǐyòng]大的字体。比例(比方:24px问题、16px正文、10px标签等),更大的字体。比例=更好的比拟。。

        打开网站Modularscale谋略器用来创立更好的字体。条理。记取:比拟。度=巨细+字重+颜色。

        ,要转头再检查下它的比拟。。哄骗[shǐyòng]谋略器来检查它的可读性。

        10个小技巧。。,让你的设计细节更

        上图是我的色,我把深色用来做大问题,把淡色用来作为[zuòwéi]内容[nèiróng]。

        二、不要哄骗[shǐyòng]多种的颜色值

        不要在你的颜色选择器上下[shàngxià]移动,只是为了选择深色色值,做会让你的事情变得。

        我们都知道哄骗[shǐyòng]玄色笔墨颜色(#000)会给读者眼睛造成疲惫,因此我们的替换方案是用对照暗的颜色。哄骗[shǐyòng]差异。度的玄色作为[zuòwéi]解决方案,而不是[búshì]去用的十六进制颜色值。

        10个小技巧。。,,让你的设计细节更

        在我上面[shàngmiàn]的实例。中,我哄骗[shǐyòng]玄色作为[zuòwéi]颜色(#000),并按照其的位置[wèizhì](如内容[nèiróng],内容[nèiróng]等)降低其度。

        三、用数学方式领略颜色

        我们大多半人城市喜爱的颜色,每当我们看到一个出色的配色时,我们城市问本身:“他们是怎么做到的?”(就像的那幅图)

        10个小技巧。。,让你的设计细节更

        图片来历: momoandspirits

        直到我了解到:明彩不单仅是对从一开始。就有设计先天的人,在色相、饱和度、亮度(HSB)上做简朴的加减法也会到达的结果(我们将哄骗[shǐyòng]HSB取代RGB)。你等闲的就挣脱的被页粳把它酿成像毕加索的作品[zuòpǐn]。

        就像的例子[lìzi]:

        10个小技巧。。,让你的设计细节更

        那么HSB的加减法在那边表现[tǐxiàn]呢?

        10个小技巧。。,让你的设计细节更

        领略两种颜色模式的方式:

        上有两种方式,我们看到:两个选项都有沟通的颜色——B9F4BC(圆圈被页京,但在文件夹和条带颜色上有差异。。在我们开始。的时刻,请记取个数字于色相,是饱和度,是亮度。

        选项A

        10个小技巧。。,让你的设计细节更

        选项A

        在选项A中,我们看到色相值123在外形(圆、文件夹、条带)上始终未变,而饱和度和亮度则都产生了变化。

        如今,以饱和度24和亮度96为值去改变。当我们为文件夹设计深时,这两个值城市变化。从饱和度24变到40(增添+16)和从亮度96变到82(削减-14),这说明饱和度在变化,无论是递增仍是递减的,都必要与亮度成反比例调解,以设计出优秀的比拟。(反之亦然)。

        的工作[shìqíng]也产生在条带中,哄骗[shǐyòng]文件夹的饱和度和亮度作为[zuòwéi]值,饱和度从40递增到44(增添+04),亮度从82降到75(削减-07)。

        从而引出公式[gōngshì]:

        深色色调=饱和度增添亮度削减

        淡色色调=饱和度削减亮度增添

        每当我想知道我的设计应该哄骗[shǐyòng]的颜色时,公式[gōngshì]扶助了我。我熟悉到:是有一个色,并从哪里开始。调解饱和度和亮度,保持[bǎochí]色相值稳固。

        选项B

        10个小技巧。。,让你的设计细节更

        选项B

        在选项B中,的道理仍旧合用(我们上面[shàngmiàn]的公式[gōngshì]),但色相值会改变。我们在设计质料中合用的术语RGB和CMY,如今对我们来说是义。的。

        RGB代表[dàibiǎo]、和蓝色,而CMY代表[dàibiǎo]青色、品和。当我次开始。时,术语对我没义。,直到我发明晰哄骗[shǐyòng]RGB和CMY举行颜色。

        如今在选项B中,假如我们想要使底色变暗,我们必要做的——将我们的拾色器在调色板上移动到的RGB偏向,或者将它移动到CMY偏向,从而获得更轻的变化。

        比方:

        10个小技巧。。,让你的设计细节更

        颜色拾取界面