- 博客(55)
- 收藏
- 关注
RSS订阅原创 以气象行业为例，浅谈在ToB/ToG行业中如何做好UI设计
依据本人岩鸣杨子在气象行业中多年的设计经验，在此和大家浅聊一下作为UI设计师，需要如何在TOB/TOG行业中如何做好UI设计。
2023-09-07 15:54:39
474
原创 Apple M1 开启HiDPI的新方法，无需虚拟屏，无需SwitchResX
最大的优点就是，它无需建立一个虚拟屏就可以开启HiDPI，并可以用原生的方式调整屏幕缩放，就像调整Mbp自带的屏幕那样。
2022-12-05 12:47:14
8841
6
原创 从Plasmic创建本地代码库
官方文档创建新仓库时，使用create-plasmic-app，将会自动设置所有内容。要创建项目，在命令行工具中运行如下代码：npx create-plasmic-app大约一分半钟，提示安装成功。接着可以根据提示设置项目名称、代码语言、react 框架、集成方案、项目链接。
2022-10-24 13:02:15
867
原创 Figma 嵌套组件样式不能继承的问题
不少人都遇到过Figma嵌套组件样式不能继承的问题，我自己在设计过程中也经常会遇到，所以写了一个在做嵌套组件过程中需要注意的问题，提醒自己，也希望对有过同样问题的小伙伴有帮助。
2022-04-22 16:22:28
2023
原创 Plasmic Studio入门教程
本文内容来源于 Plasmic 官网教程文件，结合个人理解整理，不完全按照原文翻译。如有表述不当，敬请指正。加粗文字为个人注解，或与 Figma 操作不同之处。黄底背景色文字为官方说明，主要指在前端开发中的注意事项。阅读本文时，请搭配官方教程文件一边学习一边上手实践。官方教程文件在登录后的项目列表页面上方即可获取。欢迎按PageUp/PageDown或Fn+↑/Fn+↓可快速切换页面Cmd+Z 撤销登录状态下，文件会自动保存+ / - 可以缩放画板基础1 编辑文字样式
2022-02-05 16:27:17
1765
原创 超级好用的配色工具Palettte
Palettte Generator，可以任意增减色条数目，并通过调整HSV曲线来调整颜色。当选中一个色条时，右侧会自动分析出此颜色在深浅两种模式下的可访问性。
2021-12-15 16:17:57
567
原创 气象要素色斑图的配色
在GIS中，除了底图配色外，往往还要考虑不同要素在底图上的显示效果。一些要素有公认的配色规范，如降水量、雷达等。上图来自国家气象信息中心而大多数要素都没有标准，各家气象平台的配色也各不相同。配色原则色斑图的配色原则是根据各类天气要素（如降水量、气温等）按照一定的量级通过不同的颜色来划分，方便对整体区域天气变化情况的掌握。在实际应用中应注意色标所代表的意义。上图来自杭州气象网配色方式分段配色在一个节点到另一个节点之间这一段区域上只有一种颜色，我们需要设定的是各段区域的颜色。这种配色方式一般
2021-09-27 14:25:47
5870
原创 气象数据的可视化展现形式
色斑图GIS中可以使用色斑图来展示的数据，通常有格点数据（如降水、气温等），雷达数据（如反射率、回波顶高、液态水含量等），还有卫星云图、数值预报等。使用色斑图进行展示时，通常会在某个角落显示色标图例。以上图片来自中央气象台等值线在气象图中，常见的用等值线的方式来表示的要素有：等高面上的气压、等压面上的位势高度、温度等。以上图片来自Windy填值填值包括站点填值和格点填值。站点填值是基于各固定位置的气象站点，在精确的坐标上显示出某种或多种气象要素的数值。数值可以根据不同的要素
2021-09-25 10:25:29
5260
4
原创 气象预警信号图标设计中的坑
在做一个项目时，要根据气象预警的类型在地图上显示图标。所以需要先收集所有现有的气象预警的图标。在这个过程中，我发现一个重大的问题——全国气象预警信号的凌乱简直不忍直视！！！气象预警信号除了国家制定的基本的14类，还有各个地方自行设置的，加起来总共有48种。下图是我根据中国天气网的预警列表（左），按类型将所有预警列了出来（右）。可以看到，同一大类里面有很多相近的预警，比如寒潮预警、严寒预警、寒冷预警、低温预警、降温预警……或许是因为各地省市由于地理位置和气候条件的不同，国家的标准不适用于某些地方
2021-09-22 13:55:53
566
原创 常用的Safari浏览器的快捷键和手势
操作快捷键或手势刷新当前页面Command-R选择智能搜索栏Command-L显示标签页概览Shift-Command-\前往下一个标签页Control-Tab 或 Shift-Command-]前往上一个标签页Control-Shift-Tab 或 Shift-Command -[选择前 9 个标签页中的一个Command-1 到 Command-9关闭活跃的标签页Command-W关闭全部标签页，只保留其中一个按住 Optio...
2021-09-16 10:15:05
1931
原创 如何在聊天窗口中输入带下划线的文字
在群消息中，看到小老虎发了这样一段文字，居然带下划线。T͟a͟b͟0͟1 | Tab02 | Tab03 | Tab04于是我问他是怎么做的，他发了这张图：按下快捷键 ctrl + cmd + 空格，打开字符监视器，然后搜索 combin ，找到下划线那个符号，插入到文字中即可。...
2021-08-03 18:06:05
1813
原创 什么公司需要你呆5年或者更长的时间呢？
这个问题，我曾经也想过。1、公司业务发展迅速，你和身边的老同事慢慢都变成了管理，前途和钱途都越来越好。2、老板言出必行，平时为人正派，不弄虚作假，不喜欢玩弄小聪明，不喜欢画饼。任何事情他都自己冲在最前面（观察自己的老板，是你进入职场最应该做的事情，扣扣搜搜的老板，你指望他分肉分菜给你？其次是，一个人很难天天都伪装，日久见人心，你观察久了，自然会很清楚他的为人）那些牛逼的2把手，之所以可以不创业，不承担风险就走向人生巅峰，就是因为他跟了有魅力的人。3、整个公司离职率低（有的公司福利是真的好），尤其是有才
2021-05-31 13:46:45
216
原创 “通过照片找机位”挑战（1）
“如何通过一张照片找到拍摄地点”系列原标题：如何通过一张剧照，找到《毛骗2》的室内拍摄地点（本文写于2015年03月21日，首发在百度“毛骗吧”）《毛骗》是国内评分最高的网络剧，尤其是《毛骗·终结版》，豆瓣的评分已经达到了9.6分。二刷的时候，在《毛骗2》第13集看到了这个画面，当时冬冬站在阳台，窗外远景清晰可见，很快镜头焦点又回到了室内。就在这几秒的时间，是否能通过窗外的画面定位到剧组的拍摄地呢？首先观察截图所呈现出的细节：一座高架绿色护栏一座矮楼（看起来不会超过6层），青色屋顶
2021-04-29 23:44:55
2005
原创 技术VS管理，哪个更重要？
以下内容来自一个从设计转行到开发后来开始创业的全栈工程师灰色执照：作为平庸的人，我觉得最好不要迷信管理。学好技术，老一点，最少还可以踏踏实实吃饭。为什么呢？1、因为管理务虚，你去面试，很难考核你。你的资源都是依托原来的公司和原来公司里面的关系。他们不好跳槽。他们都是程序员升级到管理人员的，现在程序丢了很久。也不会写代码了。2、别人家的公司，都是从小弟慢慢提拔起来的管理人员，也服众。相对少有空降一个人，直接来个领导搞管理（除非是特别厉害职业经理人那种）。3、管理的坑更少所以，要倒闭的公司，往往
2021-04-27 17:42:37
2603
1
原创 如何用标准化英文给开发者提BUG
今天大刺猬在群里说，想给Figma插件作者写个反馈留言，怕机翻的不太准确，想请群里的大佬校对一下。大家的关注点竟然在他的中文写得像机翻上：当然，这不是重点。重点是我们从小留洋的英语大佬小老虎来了。小老虎提了这么几点建议：多用逻辑链接词（比如：我离不开它！然而最近几天，他在…）表意一定要完整，严谨 (比如：可能是使用了connector，这也许是导致它bug的原因，不过我不确定这是否值得修复)然后还重新写了一遍满分示例：Very good plug-in, I cannot do w
2021-04-26 11:38:50
661
1
原创 【设计思考】论设计师了解开发基本原理的重要性
Hal Lee：从开发的角度说两句，绝大部分设计师自己的工作都做不到位，然后怪开发还原不行。不要上来就有敌意，多问多了解开发实现方式，把自己的工作做到极致再说。要知道，你输出的设计也是你做的产品的一部分，而它们的用户是开发，如果你都抛弃了这部分用户体验，可想而知你的设计对外部用户体验更糟糕。Shunz：同感，由于大部分设计师不了解开发实现界面的原理，不知道自己的设计作品是如何被开发同学还原实现成最终 App/Web 界面的。只有真正尝试用 code 方式实现过任何一个 Web 界面，才能明白原来这个过
2021-04-23 10:37:17
202
原创 【设计思考】内容过多，图上放不下怎么办？
来看看lemonoO大佬的解决方法lemonoO：……不过话说回来，这么小的区域不适合放图例。看区域比例，这个图表也没那么重要。非要集满数据，并没有什么意义。说个不恰当比较极端的例子，非要在iWatch上放一个4个指标的趋势图，还要把图例都放上去，还要让用户一眼就能看清楚，这本身就是一个钻牛角尖的想法。解决问题的思路有很多，最不应该考虑的就是头痛医头脚痛医脚，在现有条件下挤破脑袋抠那几像素的问题。尝试疏导，正常人都是讲道理的。这是前几天产品给的一个原型页面的部分截图，在一个固定布局的区域内，希
2021-04-22 16:09:47
820
原创 【Figma技巧】如何把Figma里面每个frame分散为单独的page
在Scripter插件或浏览器控制台里输入以下代码：let af = figma.currentPage.findAll(n => { return n.type === "FRAME"})af.forEach(n => { let p = figma.createPage() p.appendChild(n)})以上代码来自@Mr. Biscuit
2021-04-13 17:26:29
2035
原创 【Figma技巧】Figma中快速制作斜线阴影的三种方法
想要实现的效果方法一安装Hero-Patterns插件（安装地址：https://www.figma.com/community/plugin/743134103711120154/Hero-Patterns-for-Figma）缺点：生成的是位图，无法再次修改颜色方法二自己画一条斜线，然后用Pattern Hero这个插件生成斜线阵列，再放到蒙版里面方法三用虚线方式手动制作斜线阴影画一条横线，增加宽度设置虚线和间隔绘制一个封闭区域作为蒙版旋转角度...
2021-03-05 17:28:19
5971
原创 5分钟用Spline制作一个Figma图标
Spline是一个新出的轻量级3D软件，可以轻松创建和发布3D Web体验。快速构建和迭代，并可直接导出可开发的文件。1. 新建Spline文件打开spline软件，新建一个文件。这时默认会创建一个320✖️320px的白色背景，为了更好得显示，我们将背景放大至800✖️800，然后点左上角的锁定按钮，将白色背景固定住。2. Figma图标的构成从Figma官网上可以看到，Figma图标包含红、浅红、紫、蓝、绿5种颜色，半圆角矩形、圆形、3个圆角一个直角的图形3种类型。如果转换为3D图形，则应该
2020-12-19 19:34:14
3716
2
原创 Mac自带截图高级技巧
保存到桌面Shift + Command + 3 ：截取全屏幕至桌面Shift + Command + 4 ：截取区域至桌面Shift + Command + 4 + Space bar：截取窗口至桌面（最常用）保存到剪贴板Shift + Command + Control + 3 ：截取全屏幕至剪贴板Shift + Command + Control + 4 ：截取区域至剪贴板Shift + Command + Control + 4 + Space bar：截取窗口至剪贴板Shi
2020-12-15 09:56:21
1417
原创 将Figma上传至Gitlab的方法
1. 在Figma中安装Gitlab插件在Figma Community中搜索Gitlab插件，或直接打开插件地址，然后点击右上角的“Install”即可安装。2. 获取Token在用户设置>访问令牌页面，“名称”随意填写一个，“范围”里勾选“API”（如下图），然后点击“创建个人访问令牌”。在Figma中打开需要上传的Figma文件，在菜单中打开插件：Plugins→GitLab→Upload Designs to GitLab输入之前创建的个人访问令牌。3. 上传文件在Gitl
2020-12-14 21:49:38
835
原创 升级macOS Big Sur 后 HIDPI 失效的解决办法
半年前升级了一次MacOS就导致HiDPI失效，找了好久终于找到了解决办法，见这篇文章。今天看到Mac又推送了更新，果断冲了Big Sur，结果HiDPI又一次失效。人真的是不长记性的动物。按照以前的老办法关闭SIP，用SwitchResX修改分辨率，结果依然显示not install。检查了替换文件的路径，发现新版MacOS居然不能修改系统根目录的读写权限了。开发者论坛也有人反馈了这个问题。接着又在琢磨怎么修改根目录权限，比如用这个方法。不过想想修改后可能会有更多的问题，所以有些犹豫。就在打算
2020-11-13 16:06:07
8075
15
原创 我为什么选择Figma作为主力设计工具
Figma自2012年创办于美国，2015年逐渐被国内设计行业知晓，虽然不如Adobe产品那样历史悠久，但其后来居上，国外和国内部分先进的设计团队，都已逐步将Figma作为主力设计工具。许多年前，人们对UI设计工具的认识还停留在Ps(Adobe Photoshop)的时代。不可否认，Ps确实是目前最牛逼的设计软件，但“牛逼”不代表“适合”。Ps更倾向于处理位图，而它的同胞兄弟Ai（Adobe Illustrator）虽可做矢量图形，但也仅适合做平面设计。对于UI设计来说，视觉层仅仅是表现形式，核心部分.
2020-08-20 13:39:36
4687
原创 【Figma技巧】如何计算整个页面中的画板数量
我们知道，可以打开Resource use显示资源的使用情况，包括整个项目中的图层数量和内存占用率。那么，有没有方法可以查看画板数量，或者说做了个多少张图？通过和群里大神的讨论，总结了以下几种方法。方法一：全选导出按cmd+A，全选中页面中的画板，然后按右下角的导出，即可显示所有画板数量。方法二：开发者工具在开发者工具的Console里输入以下代码：let i = 0figma.root.children.map(page => page.children.map(node
2020-07-16 17:11:49
3985
原创 Figma实用小技巧
1. 介绍原作：lijxse 视频地址文字版整理：岩鸣杨子2. 快速拖拽调整数值按住option可在数值上拖拽调整，不按option时只能在X/Y/W/H/旋转/圆角等的图标上拖拽调整，不能调整透明度的数值。3. 属性粘贴复制shift+X：互换填充和描边选中图层的某个属性，然后cmd+C，则可复制这个图层特定的属性。选中图层的某个属性，然后cmd+V，则可粘贴到这个图层特定的属性上。4. 列表切换&快速搜索option+1：切换到Layersoption+2：切换到Asse.
2020-05-17 17:33:20
28968
1
原创 Matlab处理气象数据（十七）季节变化
17.1 各省冬季和夏季的DTR趋势以江西为例，其他省份只需将下面代码中的“江西”替换为其他省份的名称即可。%%clc,clearload('E:\数据\201507\各省MASK\江西');%MASK是各省掩膜load('E:\数据\201501\Tmax1');%导入NCEP数据最高温度 72*128*396load('E:\数据\201501\Tmax2');%导入观测数据最高温度 72*128*396load('E:\数据\201501\Tmin1');%导入NCEP数据最低温度 72
2020-05-11 21:15:15
5782
原创 Matlab处理气象数据（十六）城市与非城市区域的对比
利用2010城市边界数据，建立掩膜。从全国数据中抠出城市区域的数据，然后反向抠出非城市区域的数据，最后对比两个区域趋势变化的不同。栅格化的城市区域掩膜16.1 抠出城市和非城市的数据clc;clear%扣NCEP的城市和非城市区域数据lon=72:0.5:135.5;lat=18:0.5:53.5;[x y]=meshgrid(lon,lat); load('E:\数据\201501\T1')T10=reshape(T1,[72 128 12 35]);T11=reshape(T1
2020-05-11 21:01:00
1491
原创 Matlab处理气象数据（十五）分省份的趋势分析
用省份边界数据，制作掩膜（mask），从而提取出各省的DTR数据。并且求P和R2。%求P值t=1:35;t=t';t=[ones(35,1),t];[b,bint,r,rint,stats]= regress(NCEP,t,0.05);%结果：alpha为显著性水平(缺省时设定为0.05)stats是用于检验回归模型的统计量有四个数值R2，其中R是相关系数F统计量值概率P，与统计量F对应an estimate of the error variance（一个错误的方差估计）%回归
2020-05-11 20:51:05
3042
原创 Matlab处理气象数据（十四）分段的逐点变化的DTR
% 两套数据逐点DTR，2000年前后对比% 导入Tmax1,72*128*396% 导入Tmax2,72*128*396% 导入Tmin1,72*128*396% 导入Tmin2,72*128*396 Ymax1=reshape(Tmax1,[72,128,12,33]);Ymax1=nanmean(Ymax1,3);Ymax1=squeeze(Ymax1); %<72x128x33 double> Ymax2=reshape(Tmax2,[72,128,12,33]);
2020-05-11 20:40:02
681
1
原创 Matlab处理气象数据（十三）逐点变化的DTR及其异常
% 两套数据逐点DTR% 导入Tmax1,72*128*396% 导入Tmax2,72*128*396% 导入Tmin1,72*128*396% 导入Tmin2,72*128*396 Ymax1=reshape(Tmax1,[72,128,12,33]);Ymax1=nanmean(Ymax1,3);Ymax1=squeeze(Ymax1); %<72x128x33 double> Ymax2=reshape(Tmax2,[72,128,12,33]);Ymax2=nanm
2020-05-11 20:29:56
827
原创 Matlab处理气象数据（十二）DTR及其异常的计算
DTR（diurnal temperature range）是日较差，即最高温和最低温度的差值。一段时期平均DTR的增加或降低可以反映出一个区域内的气候变化状况。load('Temmax1.mat');load('Temmax2.mat');load('Temmin1.mat');load('Temmin2.mat');DTR1=Temmax1-Temmin1;DTR2=Temmax2-Temmin2;%画两套数据的DTRplot(DTR1,'r.-','linewidth',2);ho
2020-05-11 20:23:09
2294
原创 Matlab处理气象数据（十一）数据的异常值计算
%平均温度的异常值计算load('Tem1.mat');%导入NCEP数据的面积加权年平均load('Tem2.mat');%导入观测数据的面积加权年平均m1=mean(Tem1); %求Tem1的平均值m2=mean(Tem2);a1=Tem1-m1; %求Tem1的距平a2=Tem2-m2;plot(a1,'r.-','linewidth',2);%画NCEP数据年平均气温折线图，红色实线实心点hold onplot(a2,'b.-','linewidth',2);axis([ -i
2020-05-11 20:20:13
6199
3
原创 Matlab处理气象数据（十）给地图添加边界线
边界线数据从网上下载得来：其中，“l”结尾的为只有线没有面的边界线，“p”结尾的为实心的带边界的平面。为了让数据显现出来，我们使用“bou2_4l.shp”文件。%导入数组sya[x y]=meshgrid(72:0.5:135.5,18:0.5:53.5);pcolor(x,y,sya);shading flat;hold onmap=shaperead('E:\数据\边界\china_map1\maps\bou2_4l.shp');%加载省界带南海的边界线bou2_4lx=[map(:
2020-05-11 20:16:23
4936
2
原创 Matlab处理气象数据（九）逐点变化的显著性分析
利用上面M-K趋势分析的结果，只让置信度大于95%的数据在地图上显示。这里，可以先自定义一个colorbar。mycolor = colormap; %mycolor名称任意save mycolor mycolor;下次画图时，只要先load mycolor; 再输入colormap(mycolor) 就可以直接用这个colorbar了。% 逐点变化显著性% 导入数据Y1、Y2Y=Y2-Y1;Y=Y(:,:,3:35);YA=Y(:,:,1:19);YB=Y(:,:,20:33);
2020-05-11 20:10:33
3746
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人