分类: 原创

来自蓝冰的原创作品~^^

  • 126平半包装修记录

    先占个坑吧,有空再更新上,目前为止总的结论就是:以后再装修绝对不找装修公司了,直接找好的项目经理或者清工自己装。

  • 文件管理神器Eagle,打造个人资源库

    唉,拖延症严重,早在2019年10月13日就入手了Eagle,作为一名普通的UI设计师,想着准备用它管理图片素材的,但是一直没有养成良好的保存素材的习惯,就一直让它静静地呆在电脑的某个角落里了,直到现在不得不对自己的文件进行管理,因为随着工作的增加,项目文件越来越多,文件夹层级越来越乱,偶尔找个文件得回忆一下到底放在了哪里,还得翻开文件夹看看到底是不是这个,而且发现还有很多重复的文件分布在不同的角落里,占据着磁盘空间。突然想起,好像Eagle不单单只是用来管理图片素材呀,我的电脑磁盘空间不是很大,现在已经严重吃紧了,虽说可以外接移动硬盘,但是不方便呐,找起来也麻烦,所以需要整理整理我的文件了。
    Eagle可能早期的定位是素材管理,但是现在我感觉就是一款万能的文件管理器。

    1、工作用途
    【项目文件管理】
    平时都是以文件夹的形式来存放的,一般情况是没什么问题,但是随着项目的增加,文件数量也越来越多,查找起来就比较麻烦了,Eagle可以让我们看起来保持着原有的文件夹结构,实际文件都是单独存储的,而且没有重复文件。
    以前上班之后第一件事就是需要打开项目文件夹,翻看不同的目录,打开今天需要用到的文件,然后在打开工作计划,开始一天的工作,偶尔还要不停的打开关闭文件夹查找不同的素材和文件。
    现在只要打开一个Eagle就可以了,文件的分类和标签可以帮我快速找到需要的文件而不需要反复查找文件夹,文件预览可以快速定位我需要的内容,而且支持的格式非常多,我甚至专门弄了一个工作计划的分类来记录我的工作计划,便于长久管理。

    【素材灵感管理】
    当然这个才是Eagle的主打功能,现在可以很方便地安装浏览器插件,然后就可以随时右键收集素材了,就跟以前的花瓣收集一样,然后可以对素材进行打标签,注释,评分等,方便我们以后可以快速筛选,而且还有颜色分析功能,给我们设计作参考,很实用哦。以前用花瓣的时候虽然也很方便,但是由于网络的不稳定,会遇上打不开的情况,现在本地就没这个烦恼了,而且以前由于是在线收藏的,对于素材的分类并不是很详细,而且质量参差不齐,也懒得去管它了,导致素材越来越多也越来越混乱,后来也渐渐懒得收藏了。现在有了这个神器之后又重拾了我对素材收集的渴望,希望能够一直坚持下去。

    【工作计划管理】
    因为工作中要写周报的原因,不得不进行工作记录,以前就是写在记事本里,但是时常会忘记,因为找到文件夹,再打开记事本,操作有点繁琐,后来用了一段时间在线TODO类的在线工具,方便了一些,但是还是需要时不时地打开网页,要知道我的网页标签一般都是同时开着几十个的,厄,有时候找起来就有点费事。现在我直接在Eagle里新建了一个文件夹分类来存放工作计划,因为Eagle会一直停留在桌面,可以实时预览和修改,这样方便多了也不容易忘记了。

    2、生活用途
    【照片、视频、音频管理】
    随着宝贝女儿的出生,生活中关于她的照片、视频、音频,占据了我手机相册里的主要空间,而且越来越多,已经存不下了,必须得导出到电脑才行。
    一般来说大家都会根据时间来新建文件夹进行存放,但是这样不方便预览,而且只能根据时间线来预览。用上Eagle就不一样了,虽然我们还是以时间线来新建文件夹分类,或者你直接根据时间来筛选也是很方便的,但是我们可以对每个照片进行详细的分类、注释及评分记录等,而且可以在根文件夹进行全部照片的预览,还能预览视频和音频,简直不要太方便了。

    【证件照管理】
    虽然证件照不多,但是有时候想用它的时候就是找不着,可能又怕乱放不太安全,那我们就用Eagle的文件夹加密来存放,虽然这个加密不是严格意义的加密,但是对于我们管理来说够用了。

    由于拖延症,刚用上Eagle没多久,上面也只是大概介绍了一下我现在的使用方法,但还有很多功能和玩法等着我去发现,官方也有很多使用技巧介绍,Eagle https://eagle.cool/,我感觉我会越来越依赖它的,只要你想得到,很多情景都可以在上面进行高效管理。

  • ProtoPie手机号码位数判断

    ProtoPie手机号码位数判断

    近期接触了principle和protopie来做一些高保真原型的展示及交互的展示,起先用的principle,发现上手很容易也很直观,但是当效果及页面变多了之后,触发跳转的连线就会变得比较混乱,后来用protopie后清爽多了,由于两者的使用逻辑不太一样,principle偏向于补间动画的形式,protopie更像开发者的角度去思考,需要更多逻辑性,所以最后我选择用protopie来实现我的设想。

    如果你有足够的耐心,感觉用protopie可以做出一个跟线上APP相似度超90%的Demo,而且不单单是界面及交互动效的相似,连条件逻辑也可以实现,真的是很强大。

    下面说一下我遇到的第一个需要自己思考实现的问题,在网上搜了半天也没找到相关的案例,在阅读参考了官方文档后终于自己实现了,其实实现之后想想还是挺简单的,只要掌握了protopie的功能及逻辑,很多复杂的交互都可以慢慢实现。

    这个交互是很常见的登录框输入后自动判断手机号位数并让光标消失,激活登录按钮的操作,效果如下图

    第一步,先实现条款勾选的功能

    这个逻辑比较简单,点击触发,条件判断【勾】图层是否为透明,透明的改为不透明,不透明的改为透明。

    第二步,监听输入框,判断输入的文本长度,也就是本文的重点

    根据官方函数文档

    length(source: TEXT) ➔ NUMBER
    此函数表示求文本长度
    e.g. length("hello") ➔ 5

    我们把表达式

    length(`请输入手机号`.text)

    写入条件判断中,【`请输入手机号`】为图层名称,.text为图层的文本内容,当输入的文本长度等于11位的时候,提交框的背景色被修改成激活状态,并让输入框的光标消失,这样用户就无法继续输入了。

    当输入的文本长度小于11位的时候重置提交框的背景颜色,也就是变为灰色,表示无法提交。

    因为我们设置了监听触发,所以每当输入框发生变化的时候,它就会自动判断一次,也就是实时监测的。

    第三步,就是最后的提交按钮,判断各条件是否符合

    只有当勾选项的透明度是100%,提交背景是激活状态,然后手机号不是10000000000时(我设置的一个提示账号不存在的特例),同时满足这些条件才转场。

    当手机号是10000000000,提交背景激活时,重置提示框的文本(因为我下面会涉及到修改文本内容),让提示框透明度100%,然后延迟3秒后让提示框透明度0%。

    当勾选项的透明度是0%,提交背景是激活状态时,让提示框透明度100%,同时由于我用的是同一个提示框,所以就把文本内容改成“请先阅读并同意相关法律条款”,然后文本内容Y轴上移了75,然后延迟3秒后让提示框透明度0%。

    好了,所有条件设置完毕,可以预览看看效果了。


    举一反三,此函数条件判断也可以用在其他地方,比如判断文本框内容是否为空等等。

    附上源文件下载,供大家参考。

  • 练习作品-牛奶黑胶唱片图标

    练习作品-牛奶黑胶唱片图标

    RT,习作之一。

    之前在博客一直都是发些技术类的文章,以后我也会发一些设计类的作品。

    music

  • BLCE微信图文排版助手

    BLCE微信图文排版助手

    前年写了一篇文章,关于《DIY微信公众平台文章排版格式》的,去年上半年还在更新增加一些小样式,下半年的时候因为工作生活有点忙,就没怎么动他了,最近又开始折腾了一下,出了一个新版的页面,大家可以在上面的导航栏最右边找到快捷入口,或者戳这里【传送门】

    点击【传送门】
    paibanzhushou

    这次更新增加了很多样式,把以前的老样式也加进去了,接下来陆陆续续也会再增加一些样式的,大家如果在使用过程中有什么错误或者问题,欢迎留言,使用方法和以前大同小异,不过简便和高级了一些。

    新版本的页面大家点击样式就会自动载入到编辑框里,点击之前大家可以修改颜色,在编辑框里大家还可以修改字体大小颜色排版等等,差不多之后再全选复制,粘贴到微信公众平台的编辑框中,先预览,没问题了再保存群发。如下图

    20150404222017

    欢迎大家提供更多样式建议,我会抽空满足大家的^.^

    最后,新年快到了,祝大家新年快乐哦~

  • DIY手机3D全息投影[伪]

    动手做个简单的伪3D投影吧,挺好玩的!这是我昨晚做好的

    教程:

  • 那些年,我们一起走过的台中【2009届12班版】

     

    那些年,我们一起走过的台中【2009届12班版】

    制作:蓝冰

    高清下载地址http://115.com/file/bewxbxd7