sketch 小技巧:一键替换页面中的颜色

用户头像
北京/UI设计师/6年前/247浏览
sketch 小技巧:一键替换页面中的颜色

老板要求把主色调换成另一种颜色,我们要怎么办?今天就教大家一个小技巧,一键替换色调。

不知道大家设计工作中遇到的烦恼是什么呢?

甲方爸爸要求改了18稿,最后说:嗯,不错,就用第一稿吧!"

设计师:emmmm…… (╯‵□′)╯︵┻━┻

甲方爸爸说:你不要用ps设计,那样不专业,必须有Photoshop!

设计师:emmmm…… (╯‵□′)╯︵┻━┻

客户说:我也不知道要什么色调,要不你先做几款不同的色调,我看看再说……

老板说:整体感觉还不错,哎,你把蓝色色调换成黄色的试一试?

设计师:emmmm…… (╯‵□′)╯︵┻━┻

那么今天我就说说,如果老板要求把主色调换成另一种颜色的时候,我们要怎么办。

如果你的页面只有很少的几页,那么没关系,一页一页的改呗,反正页数少……

可是,如果你的整个页面已经达到几十页的时候,难道还要一页一页的改…… (╯‵□′)╯︵┻━┻,no!当然不是,那岂不是要疯掉。

如果你设计时使用的软件是sketch的话,那么,你有救了,今天就教大家一个小技巧,一键替换色调。

一、点击 Sketch 菜单「Edit – Find and Replace Color…」(不需要安装插件哦,软件自带神奇功能,献上膝盖)


二、此时会弹出如下界面:

1. Find:选择要查找的颜色;

2. Replace with 选择要替换的颜色;

3. 「Include all opacities of this color」表示是否包含透明度的颜色;

4. 「Preserve original opacity」表示是替换颜色后是否保留原来透明度。

设置好后,点击「Replace」会一次性替换所有匹配的颜色(字体、背景等等也会一同替换)


好了,见证奇迹的时刻到了,各位小伙伴不要眨眼,使劲点击“替换”(轻点点,别激动,o(* ̄︶ ̄*)o)

替换前:

替换后的效果:


2
举报
|
1
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
【新年UI图标】活动icon
3D渐变流体抽象矢量UI背景图
【新年UI图标】秒杀icon
UI应用平面图标
【新年UI图标】钱包icon
盲盒APP UI设计
拟物风质感写实UI卡片合集源文件
3D卡通UI界面图标可爱插画免扣素
【新年UI图标】体育icon
新拟态风格 UI设计组件库
Security Camera UI kit
UI界面 组件
手表表盘UI系列
高级感金属拟物 UI设计组件库
UI通用设计素材1
【新年UI图标】礼物/活动icon
科技医疗透明柜UI界面设计
UI 登录界面设计模板包
【新年UI图标】汽车icon
【新年UI图标】旅行icon
钱包ui模板
我的钱包-UI界面设计-app
智能家居中心 简约 UI设计组件库
新能源APP应用UIKit
你可能喜欢
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
登录注册