大家好,今天给各位分享Sketch 基础教程系列(第四部分)的一些知识,其中也会对进行解释,文章篇幅可能偏长,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在就马上开始吧!
如何自定义颜色
如果你打算脱离Material Design的颜色系统,为你的应用程序设计一套颜色,这里有一些建议给你。
如何创建单一色系
如果您想为自己的单色UI 设计颜色。与我们之前提到的字体颜色一样,最安全的方法是坚持只使用一种RGB 颜色,然后用不同不透明度的黑色和白色叠加该颜色以创建分层效果。例如:
在sketch中创建颜色可以看到叠加的白色透明度越低,合成颜色越浅;叠加的黑色透明度越低,合成颜色越深。这样我们就可以自己创建一个类似于Material Design的单色系统了。
通常我们叠加的半透明度最小不小于20%,最大不超过80%。超过这个限度,就很难辨别原来的颜色。
或者,如果您需要连续变化的单色系统,您可以在Sketch 中打开颜色选择器并将颜色设置为HSB 模式。然后,只要保持H和S不变,让B不断变化,就可以得到自然的单色过渡效果。
在sketch中创建颜色
如何选择相近色系
如果要在Sketch中创建与原色和间色类似的颜色系统,也很简单。在颜色选择器上,它也处于HSB 模式。保持S和B的值固定,然后根据当前颜色的位置来回移动滑块“一点点”,以获得相似的颜色。
在素描中创建颜色那么,这个“一点点”是多少?如果你还记得第一节我们提到的HSB色轮,你会发现下图中,OA"和OA""之间的区域可以认为是与OA相似的颜色,而在这个角度上的极值是50,通常小于30是更安全的选择。
在草图中创建颜色
如何让搭配看起来自然
无论您使用什么颜色,总是存在自然匹配的问题。当您使用多种颜色时,尤其是在彩色背景上显示文本时,使颜色组合看起来自然和谐尤为重要。例如:以下组合看起来不自然:
在草图中创建颜色以下组合看起来更舒服:
Sketch 基础教程系列(第四部分)的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于、Sketch 基础教程系列(第四部分)的信息别忘了在本站进行查找哦。
【Sketch 基础教程系列(第四部分)】相关文章:
2.米颠拜石
3.王羲之临池学书
8.郑板桥轶事十则
用户评论
终于看到第4部分啦!Sktech真是太厉害了设计软件
有17位网友表示赞同!
希望这篇文章能详细讲解一些高级技巧,比如阴影渲染和材质效果
有13位网友表示赞同!
之前看过几次sketchec基础教程,总是觉得难上手,希望能从这篇开始入门
有18位网友表示赞同!
感觉Sketch的线条描绘很强大,期待学到更多关于线条的用法
有11位网友表示赞同!
我最近想学习设计图标,Sktech是不是一个不错的选择?
有18位网友表示赞同!
想要知道这篇教程会教不教你用 Sketch 制作网站原型?
有6位网友表示赞同!
我已经对Sketch入门了,但还在摸索中。希望能学到更多实用技巧!
有15位网友表示赞同!
之前用过其他设计软件,感觉Skctch用的更流畅啊
有16位网友表示赞同!
最近很想自己设计一些手机壁纸,Sketche 挺适合这个用途的?
有8位网友表示赞同!
学习Sketch可以让我做的网页动画更加精细吧!
有12位网友表示赞同!
我想要用 Sketch 制作 UI 设计稿,希望这篇文章能给我一些建议
有18位网友表示赞同!
这篇教程分享的内容是不是会比较基础呢?或者也有一些进阶内容?
有9位网友表示赞同!
学习Sketch 能够提升我的设计能力吗?我觉得很有必要要学学
有17位网友表示赞同!
在网上随便找了个Sketch教程,感觉很难懂。希望这篇文章能讲得通俗易懂!
有16位网友表示赞同!
Sketsh 的图形绘制功能看起来很强大!希望这篇文章能详细讲解一些技巧吧
有6位网友表示赞同!
我很想学习如何用 Sketch 制作logo设计,这个课程会涵盖吗?
有20位网友表示赞同!
我已经在使用Sketch一段时间了,但仍然有很多不懂的地方。希望能从这篇博客里获得更多知识!
有19位网友表示赞同!
这款软件看起来挺方便用的哎,准备来好好学习一下!
有7位网友表示赞同!
期待这篇文章能分享一些真实案例,让人更好地理解 Sketch 的应用!
有9位网友表示赞同!