如何在Sketch中快速创建调色板?

今天我将会教你如何在Sketch中快色的创建调色板。这是个很棒的技巧,是年前我从Marc Edwards那里学到的。首先我们先创建三个正方形,它们是可以被三整除。在我们的例子中,我们将先创建一个240pt高和240pt宽的正方形。我们将重命名这些图层为红色、绿色和蓝色。让我们将红色图层的填充改为#FF6161,绿色图层为#4F953B和蓝色的图层为#0076FF。选中这3个图层,然后按“A”快捷键来选择画板工具。我们现在从右边的检查器上...

今天我将会教你如何在Sketch中快色的创建调色板。这是个很棒的技巧,是年前我从Marc Edwards那里学到的。


首先我们先创建三个正方形,它们是可以被三整除。在我们的例子中,我们将先创建一个240pt高和240pt宽的正方形。


我们将重命名这些图层为红色、绿色和蓝色。让我们将红色图层的填充改为#FF6161,绿色图层为#4F953B和蓝色的图层为#0076FF。


选中这3个图层,然后按“A”快捷键来选择画板工具。我们现在从右边的检查器上选择的“Around Selection”(周围选定)。让我们来重命名画板为“Color Palette”(画板与调色板)。


现在我们要给这些矩形添加阴影,将它们划分成三个垂直相等的部分。在画板顶部的正方形上创建两个相同宽度的的矩形。高度应该是正方形的高度除以三-在我们案例中高度为80pt。


对齐矩形到画板的顶部并且改变填充色为白色。对齐另外一个矩形到画板的底部并且改变填充色为黑色。


现在改变透明度为20%-这样做我们就可以从我们的红色、绿色和蓝色中分别得到3组不同的形状。让我们来重命名这两个图层,稍后我们就知道它们是做什么的。


我们要再次划分这些正方形-这次是水平方向的。创建一个和正方形高度一样的矩形。这个宽度是正方形的基础宽度除以三。水平对齐矩形到红色正方形的中心,现在让我们来重复的这个矩形并右对齐到红色正方形。


现在到有趣的部分,用些充满活力的东西来更改这两个图层的填充色。我们会用黄色(#FFE200)修改中间一层的透明度为40%,右边的为80%.最后改变这两个图层的混合模式为叠加(overlay)。


重复上面的步骤,把2个矩形分别复制到绿色和蓝色的正文形里,这样他们就分成了9个相等的矩形,完成调色板!


如何在Sketch中用这些颜色

Sketch有一个隐藏的功能-我们可以在文件中检查使用频繁的色彩。当我们选择填充颜色的时候,就可以在检查器面板找到它。它位于透明度值的右上方。当你点击了那个颜色面板扩展,你就会看到常用的颜色。


在Sketch中置入颜色是很简单的。一旦选中一个颜色,你可以在检查器中找到两个面板—全局颜色、和文档颜色。全局颜色是哪些可以固定在所有文档中(所有文档都可以使用全局颜色)。而文档颜色只会出现在你当前处理的文件中(当前从文档中导入的颜色,只能在当前的文件中使用)。


要保存颜色只要点击插件,在全局颜色或文档颜色面板中任选一个。用这个方式你就可以将当前选中的颜色置入到面板中。想要把颜色从面板中删除,只需要拖动颜色到面板外面即可。


小技巧:想要快速的选中颜色,只需要在键盘上按“Control+C”,然后去点击你想要的色彩。这是吸取色值(拾色器)的快捷方式。


Sketch 调色板插件

当你在做一个有许多文件的大型项目时候,手动的创建文档颜色会是一个繁杂多余的过程。


在这里 Sketch Palettes(调色板)插件就派上用场了,这样做你就可以把调色板保存成文件,然后导入到不同的文档中。用这种方式你就可以快速的给一个新建的文件添加品牌色。


要保存你的调色板 前往 Plugins (插件)》Sketch Palettes(Sketch 调色板)然后保存你的全局或者文档调色板。这个选项就是用来加载和清除调色板。

本文来自:Medium

原作者:Marko Vuletič

译者:设计师@OneZero

金主时间

如何在Sketch中快速创建调色板?

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/36502/

(0)
交互精选交互精选
上一篇 2018-04-16
下一篇 2018-04-17

相关推荐

  • 用户体验设计影响力引起两会代表关注,获业界点赞!

    如今,用户体验设计已成为社会广泛关注的话题,在今年两会上,用户体验设计的影响力也引起了两会代表关注。在今年的两会期间,全国政协委员叶友达向大会提交了《关于鼓励基于用户体验的设计创新,加速科技创新成果转化的提案》。设计创新与科技创新互为表里,需要协同发展;从国家层面启动基于用户体验的设计创新倡议,构建用户体验设计创新战略和行动纲领。用户体验是指用户基于对产品、系统、服务使用或者预期使用的态度和反馈。叶友达解释:“说白了,就是我们在产品的设...

    2018-03-20
  • 用户体验 | 移动网络音频传播效果研究

    作者:广东外语外贸大学新闻学院教授   郭光华广东外语外贸大学新闻学院硕士生    余思乔来源:《新闻爱好者》【摘要】在传统媒体被集体唱衰的时代背景下,移动网络音频的出现重新定义了广播行业,并在短时间内抢占了大量的音频市场份额。移动网络音频作为互动传播平台,将传统的听众身份转变为用户角色。用户主动使用这一平台,在互动中完成了内容的共构和情感的交流,从而获得了全新的体验与满足。【关键词】移动网络音频;用户体验;传播效果移动网络音频是新媒体...

    2018-04-10
  • 【求职招聘】绝对干货

    阿里巴巴1招聘岗位1.数据研发工程师2.java研发工程师3.机器学习算法工程师(研究生及以上)4.客户端开发工程师5.前端开发工程师6.产品经理(对候选人要求高,应聘人数多,淘汰率高,投递前望客观自我评估)7.运营等(对候选人要求高,应聘人数多,淘汰率高,投递前望客观自我评估)2岗位要求计算机与理工科等相关专业,本硕博皆可3岗位说明1.申请过内推、网申、被拒绝过的无法再次内推,请勿投递2.理论上官网上面的实习岗位都可,阿里集团及下属公...

    2018-03-26
  • UED专访 | 李冀:建筑设计的唯一性与多样性

    📌 编辑 | XK P.S建筑行业之所以能百花竞放是因为有人独树一帜,自成一派有人匠心筑梦,执著务实在各展所长的事务所里李冀的原地工作室像潜生的植物一样有着自己的节奏与坚守静默地成长着……©UED我们常说懂一个作品应是知其然并知其所以然。本次我们专访内容围绕李冀及其原地建筑事务所作品展开,以长白山河谷别墅群等作品为切入点,尽可能多地去探究建筑建造过程的一些原由故事,倾听设计师还原当时的设计思路,了解作品从无到有精细入微的生长。也许你会因...

    2018-02-08
  • 如何将“用户体验”做到极致?我有绝招!

    如何将“用户体验”做到极致?我有绝招!无崖子现在大多数掌柜的没有重视用户体验或者说不知道如何做用户体验。三只松鼠相信很多掌柜的都很熟悉,坚果类目的老大,三只松鼠是如何成功的呢?三只松鼠的成功不是偶然的而是必然的,三种松鼠将“用户体验”做到了极致,三只松鼠的创始人:章燎原是传统行业出身,在做三只松鼠之前在传统行业就对坚果非常熟悉,章燎原对坚果行业的把控至今无人能敌,三只松鼠的成功一部分是对供应链和仓储的把控,还有就是注重“用户体验”的极致...

    2018-03-16
  • 独家 | 马化腾:用户体验,比一切事情都大

    内容来源:2017年4月26日下午,“清华-青腾未来科技学堂”发布会在深圳举办,马化腾出席了发布会,并以创业者的身份与在场的青腾学员进行交流,分享腾讯的创业经验。笔记侠经主办方授权发布。责编| Even第1715篇深度好文:2825字 | 3 分钟阅读独家·精华笔记·商业思维本文新鲜度:★★★★+口感:绿茶笔记君邀您,先思考:1、战略选择的第一步是什么?2、怎么通过用户体验打动用户?3、如何从互联网跨界中找到大的商机或蓝海?我非常希望也...

    2018-02-01
  • 手机app开发交互设计的四大要素

    app开发中的交互设计是用户体验好坏的关键点,在开发手机app时,注重的应该是交互设计的效果。用户是交互设计的直接受益人,手机app怎样进行交互设计才能让用户舒心,在这里有四个要素需要把握。手机app开发交互设计在开发过程中是重中之重,这个环节一旦出现问题,用户的体验也会变得别扭难受。怎样进行交互设计,很多人都找不到其中的诀窍,其实只要把握四要素,一切就会变得比较简单。一、遵循平台规范的基本原则遵循平台规范的基本原则并不是说限制于设计规...

    2018-03-24
  • 【优秀作业展示】交互设计基础(二)

    《交互设计基础》是学习交互设计的重要课程,在大三上学期开课。任课教师是工业设计系的华梅立老师,通过老师的认真指导和对该课程的学习,大家对交互设计有了进一步的了解,在老师的引导下,同学们对高铁取订票界面设计进行了深入的分析和再设计,并选取了感兴趣的小方向进一步拓展。接下来就看看学完本课程后同学们的优秀作业。优秀学生作业第二期申婉彤产品设计15101高铁购票界面设计地点选择日期选择车次车座选择身份认证界面支付界面支付宝支付银行卡支付01Te...

    2018-04-22
  • 贼干的货 | 交互设计中的格式塔原理

    小编说格式塔心理学认为知觉不能被分解为更小的组成部分,知觉的基本单位就是知觉本身,格式塔心理学的信条就是:整体不同于部分之和。格式塔心理学强调结构的整体作用和产生知觉的组成成分之间的联系。当我由测试转行到交互设计师时,我确认自己擅长辨别产品的优劣,和识别产品的待改善点,尽管很多时候这些待改善点还缺少数据和用户的论证。之前我还是典型的用户思维,对产品实际效果的判断非常依赖数据和用户反馈,直到我了解了格式塔原理,它改变了我对设计的思考方式,...

    2018-03-03
  • 重要交互设计原则

    不管是开发者还是交互设计师,每一位从业者都想要创造让自己自豪的产品。为了改善结果,两方人员一直在重新思考整个开发流程,要求有更好的工具、更好的指南、更高的权限。交互设计的强大力量不容置疑。它能让用户在工作、娱乐和交流之际,获得难忘、有效、简单,以及有益的体验。设计原则:1. 用户界面应该基于用户心理模型,而不是实现模型。2. 目标导向的交互设计反映了用户的心理模型。3.交互设计不是凭空猜测。4.不要让用户感觉自己愚笨。5. 界面设计的关...

    2018-03-01