博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
随便做点图:集智锦囊(一)
阅读量:6347 次
发布时间:2019-06-22

本文共 819 字,大约阅读时间需要 2 分钟。

概述

我司最近发了很多集智锦囊,像这样的:

一定 根本没 有人想知道锦囊是怎么做的,所以我来带大家做一个。

工具介绍

我们要用的是 Adobe XD,打前阵子起,这东西就永久免费了:。

Adobe 大家都懂吧:

Adobe 最有名的产品要数 Photoshop,有名到「P 图」这个词中的 P 指的就是它。
XD 则是 Experience Design 的缩写,它是用来做用户体验设计的工具。

新建文档

打开 XD,它会要求你先选择一种画板尺寸:

选择最左边的 iPhone 即可:

画板决定了最终输出图像的尺寸。这个时代以移动设备的体验优先。

之后界面就变成了这样:

现在文档还叫“未命名-1”,而且没保存。建议上来先 Ctrl + S 或者 Command + S 保存一下。

修改画板背景色

界面正中的这个大白方块就是你的画板,画板现在叫 iPhone 6/7/8 - 1。

双击画板的名字可以重命名,建议把画板改成合适的名字,比如“锦囊”。

  1. 点击你的画板,出现的蓝色外框表示它已被选中。此时在右侧面板中找到“填充”:

画板现在是白色的,因此“填充”二字左边是一个白色的矩形。

  1. 点击这个白色矩形,选择“线性渐变”:

  1. 选择之后画板会变成黑白渐变,上下两端各有一个圆球形“把手”:

  1. XD 已经帮你选中了画板顶部的把手(比底下那个把手大了一圈),将这个把手拖拽至画板左上角:

  1. 从右侧面板的弹出框中,将颜色从 #FFFFFF 改成 #45E0A7,敲回车:

这样左上角的把手就变成了绿色,我们现在来改变右下角的颜色。

  1. 点击画板底部的把手,把手变大一圈,说明它已被选中,将它拖到画板的右下角:

  1. 从右侧面板的弹出框中,将颜色从 #FFFFFF 改成 #D5E969,敲回车:

本期成果

这就是做锦囊的第一步:弄个背景色。

下一步

最终成果

转载于:https://juejin.im/post/5b855b9bf265da432008a24c

你可能感兴趣的文章
取消凭证分解 (取消公司下的多个利润中心)
查看>>
flask ORM: Flask-SQLAlchemy【单表】增删改查
查看>>
vim 常用指令
查看>>
nodejs 获取自己的ip
查看>>
Nest.js 处理错误
查看>>
你好,C++(16)用表达式表达我们的设计意图——4.1 用操作符对数据进行运算...
查看>>
18.3 redis 的安装
查看>>
jdbc 简单连接
查看>>
Activiti 实战篇 小试牛刀
查看>>
java中的Static class
查看>>
Xshell 连接CentOS服务器解密
查看>>
[工具类]视频音频格式转换
查看>>
GNS3与抓包工具Wireshark的关联
查看>>
groovy-语句
查看>>
VIM寄存器使用
查看>>
Java VisualVM远程监控JVM
查看>>
nasm预处理器(2)
查看>>
二叉排序树 算法实验
查看>>
Silverlight 5 beta新特性探索系列:10.浏览器模式下内嵌HTML+浏览器模式下创建txt文本文件...
查看>>
YourSQLDba 配置——修改备份路径
查看>>