经验分享 未读
Mac调整 LaunchPad (启动台)图标数量及大小终端输入命令:
defaults write com.apple.dock springboard-rows -int 7
启动台图标为7列
defaults write com.apple.dock springboard-columns -int 11
启动台图标为11行
defaults write com.apple.dock ResetLaunchPad -bool TRUE;killall Dock
重启dock栏
经验分享 未读
Sketch 组件编组、组件化后蓝湖无法查看标注在使用蓝湖的过程中一直会出现各种各样的bug活着体验上的问题。有的时候我们给图层编一个组、加一个symbol等都无法查看蓝湖的标注。其实除了我们常用的单(双)击以外,也可以使用右键单击的方法来进行查看。
右键单击需要查看的组件,选择选中图层,你就可以看到以设计师的视角的图层列表。选择你要查看的组件所对应的图层。
选择之后可以按照鼠标悬浮来显示指定组件的位置。
转载内容 未读
Sketch53 以上中文/英文语言设置
本文为转载文章,以下内容来源于
用惯英文版 如何让Sketch53以上中英文互换
tianshi198892
使用「终端」输入命令
切换到英文defaults write com.bohemiancoding.sketch3 AppleLanguages '(en)'
切换到中文defaults write com.bohemiancoding.sketch3 AppleLanguages '(zh-CN)'
转载内容 未读
如何下载YouTube油管上的高清封面大图有些时候很喜欢YouTube的封面,但是没有办法下载到高清的图片,其实这个只要修改url就可以实现。
例如YouTube链接为:http://www.youtube.com/watch?v=erLk59H86ww注意到v对应的键值对了么,它对应的是视频的编号,类似于bilibili的av号。
123高清大图链接:http://i3.ytimg.com/vi/这里填写视频编号/maxresdefault.jpg小图链接:http://i3.ytimg.com/vi/这里填写视频编号/hqdefault.jpg
如果感觉比较麻烦,可以到下面的网址直接输入视频链接即可。
立即访问:下载YouTube封面
转载内容 未读
WebP 相对于 PNG、JPG 有什么优势?
本文为转载文章,以下内容来源于
WebP 相对于 PNG、JPG 有什么优势?
知乎
hexo如何采用webp格式。怎么做到的?
如何使用外置js配合图像样式采用webp
WebP 在各大互联网公司已经使用得很多了,国外的有 Google(自家的东西肯定要用啦,Chrome Store 甚至已全站使用 WebP)、Facebook 和 ebay,国内的有淘宝、腾讯和美团等。
WebP的优势WebP 的优势体现在它具有更优的图像数据压缩算法,能带来更小的图片体积,而且拥有肉眼识别无差异的图像质量;同时具备了无损和有损的压缩模式、Alpha 透明以及动画的特性,在 JPEG 和 PNG 上的转化效果都相当优秀、稳定和统一。
之前做过一个测试,对比 PNG 原图、PNG 无损压缩、PNG 转 WebP(无损)、PNG 转 WebP(有损)的压缩效果:
更多测试查看 WebP 示例 (PNG 转 WebP)(请用 Chrome 浏 ...
经验分享 未读
在使用 hexo-admin-qiniu 时使用 webp 图像格式并适配兼容性webp图像格式是Google推出的一款非常小体积的图像格式,它的优点很多,现在被大厂比如微信文章、豆瓣网等完美支持。可以降低图片对带宽和流量占用。
因为使用webp需要图片采用https(或者将网站降级为http),否则会出现加载异常
所以本博客暂时还是使用jpg。
WebP 百度百科
WebP 相对于 PNG、JPG 有什么优势?
因为工作是设计相关,博客自然会有很多图片。图片一多,一个问题就需要面对:占用的带宽和流量很高。
那么使用webp格式图片是一种非常棒的方法。但是使用webp格式不得不面对兼容性问题。除了Chrome(Chromeium)内核其他的几乎都不支持(还好国内大多数都是Chromeium内核)。但是苹果的safari和ie总不能放弃他们吧,所以在一开始本来想写个兼容性声明直接不兼容,但是最后还是花了些时间来解决这个兼容性问题。
使用环境:框架:hexo
markdown编辑器:hexo-admin-qiniu
图片服务器:七牛
为七牛图片添加样式进入 对象存储 ➡️ 图片样式 为jpg和webp各添加一个样式,我添加的名称为blogjpg(jpg格式)和blo ...
经验分享 未读
illustrator、Photoshop 中制作的图标转化为网站图标 ico 格式这个是群里有人问的问题,找了很多ico生成的网站,在这里推荐一个。
1.将设计软件中制作的图标生成PNG格式的图片。
2.使用PNG转ico格式在线转换器进行格式转换
引用站外地址,不保证站点的可用性和安全性
在线转换图标文件
aconvert
3.上传png图片并选择尺寸
4.右键单击输出文件,选择链接存储为
1还有其他问题可以到我的公众号给我留言,如果对这个文章感到问题可以在下方评论。```
转载内容 未读
5G 典型应用案例集锦—中国移动研究院之前有段时间一直在思考5G的适用环境。今天发现了移动研究院的一个报告。
立即下载:
引用站外地址,不保证站点的可用性和安全性
5G典型应用案例集锦——中国移动研究院
石墨
1234567891011121314151617一、概述二、5G 网络能力三、基础共性能力四、行业共性能力五、5G 共性业务六、5G 典型应用领域 6.1 政务与公用事业 6.2 工业 6.3 农业 6.4 文体娱乐 6.5 医疗 6.6 交通运输 6.7 金融 6.8 旅游 6.9 教育 6.10 电力七、总结
经验分享 未读
Sketch 旋转画板用于上传蓝湖Sketch不支持旋转画板,蓝湖也不支持。当你的设计稿是横屏但是需要竖屏的标注(便于开发)时,土方法是通过sketch的横竖屏切换进行变更。但是更改完里面的元素并没有旋转:
更改之前:
更改之后:
当然,还有人会选择选中画板中的所有元素,然后cmd+G建立群组,然后再旋转。这样虽然能解决一时问题,但是非常难以修改。一些部分也会出现半个像素的像素不对齐情况。在这里推荐使用symbol来进行画板旋转。
1.选中画板并创建组件
2.创建一个纵向画板
3.将该画板组建插入到新建的画板
4.旋转组件即可
通过这种方式之后将旋转后的画板进行上传,修改的时候更改横版的内容即可。是一种上传和更改非常方便的方法。
1还有其他问题可以到我的公众号给我留言,如果对这个文章感到问题可以在下方评论。```
经验分享 未读
移动端视频播放器UI控件位置适配全面屏移动端适配全屏播放能考虑到是采用计算StatusBar的高度来进行适配。为了旋转屏幕时防止左侧旋转和右侧旋转位置位置不同,所以全屏状态下的左右两次均留出StatusBar的高度。可以注意到bilibili的进度条距离左侧屏幕边缘约有52(44+8)pt。
(疑似采用状态栏高度计算的斗鱼)
(疑似采用状态栏高度计算的bilibili)
(疑似采用状态栏高度计算的爱奇艺)
当然,因为大多数视频资源均为16:9,所以部分播放器还可以考虑使用按照屏幕宽度进行比例计算设置播放器按钮的位置。来减少播放器控件直接显示在视频上而不是在视频、黑边各有一部分造成的割裂感。
(疑似采用屏幕宽度比例的优酷)
(疑似采用状态栏高度计算的腾讯视频)
采用何种适配方式主要取决于大多数资源的类型。如果大多数为电影等比例大于16:9的视频,那么使用按照状态栏高度计算法更加适合;如果大多数视频使用16:9的视频,那么使用屏幕宽度的比例计算方法更为合适。
转载内容 未读
利用 Tasker 推送手机短信到企业微信( App 或者微信公众号)我有个安卓备用机,但是不常用这个安卓机,所以想把收验证码的安卓机把短信自动发到微信上。
本文为转载文章,以下内容来源于
利用 Tasker 推送手机短信到企业微信
52pojie
本文最初作者来自酷安tasker评论区 ID:随风荡 的评论
本文作者灵感来自于原创 手机监听器.把一个手机的所有通知发送到微信上.远程接收短信电话通知.
教程看似繁琐,实际上一步步操作下去,不会很难的。
主要内容:1、下载Tasker可去各大应用市场或者百度下载,这里不提供了,百度云下载够慢的,没必要。
百度手机助手
2、注册一个企业微信注册资料随便填写,手机号码对的就行了
立即注册
3、记录企业ID注册好后,记录下你的企业ID
4、复制 Secret导航栏-应用与小程序-创建一个应用-复制 Secret
5、恢复备份这里可以手动,也可以懒人导入,但是我懒得一步步把别人教程搬过来,会玩的自然会,不会玩的,终究还是懒人的实在,这里打开taske ...
软件推荐 未读
OmniPlan | 甘特图项目管理工具【软件推荐】一直在寻找一个甘特图绘制工具,之前用了很多在线工具,感觉功能不是很完善。最近使用的这款OmniPlan绘制甘特图得心应手。推荐一下。
官网网站:
引用站外地址,不保证站点的可用性和安全性
OmniPlan
omnigroup
软件介绍:
相关阅读:OmniPlan,一款让你爱不释手的项目管理工具
OmniPlan的入门使用 | 产品的小技能 · 项目管理
佳作推荐 未读
Behance 佳作推荐 - 怪诞插画风格非常喜欢该作者的怪诞插画风格。
作品地址:
引用站外地址,不保证站点的可用性和安全性
Could I have done things different?
behance
Could I have done things different?
This is a series of illustrations about a question I ask myself.
With Love 🌼
转载内容 未读
在文案中的空格运用(中文文案排版指南)
本文为转载文章,以下内容来源于
中文文案排版指北
sparanoid
空格「有研究显示,打字的时候不喜欢在中文和英文之间加空格的人,感情路都走得很辛苦,有七成的比例会在 34 岁的时候跟自己不爱的人结婚,而其余三成的人最后只能把遗产留给自己的猫。毕竟爱情跟书写都需要适时地留白。
与大家共勉之。」——vinta/paranoid-auto-spacing
中英文之间需要增加空格正确:
在 LeanCloud 上,数据存储是围绕 AVObject 进行的。
错误:
在LeanCloud上,数据存储是围绕AVObject进行的。
在 LeanCloud上,数据存储是围绕AVObject 进行的。
完整的正确用法:
在 LeanCloud 上,数据存储是围绕 AVObject 进行的。每个 AVObject 都包含了与 JSON 兼容的 key-value 对应的数据。数据是 schema-free 的,你不需 ...
经验分享 未读
响应式网页的断点及设计稿尺寸这是基于bootstrap框架的断点
设备
断点区间
设计稿宽度
手机
0-576px
576px
平板
576-768px
768px
笔记本
768-992px
992px
独立显示器
1200px以上
1200px
相关阅读:响应式布局设计
经验分享 未读
如何将 Sketch 设计的图标上传至 iconfont很多小伙伴使用iconfont来做为app/网页中的图标,但是这些设计小伙伴使用的是Sketch来进行设计。如果你是用illustrator来进行设计,那么直接生成的svg不会有任何问题,只需要注意以下几点:
1.最好扩展你的图标(转曲)2.将多个相连的路径合并3.不要使用剪切蒙版4.不要使用渐变色
绘制规则:
当然,在sketch做完的图标需要放到Ai中才能生成完好的svg进行上传。这得益于Ai强大的svg兼容性。具体的步骤如下:
一、下载iconfont模版立即下载
二、在sketch中选中图标,选择复制svg代码
三、打开下载的模版文件
四、cmd+V(ctrl+V)粘贴代码
五、缩放至合适大小从模版的辅助线中我们可以看出这个辅助线目的是为了每个图标的面积相同,这样的话从视觉观感上来说图标的大小也会趋于一致。
长方形图标示例
纵向图标示例
正方形图标示例
圆形图标示例
六、存储为svg格式
默认的选项就可以
七、上传图标选择我的项目
选择上传图标至项目
上传svg文件
填写图标信息
图标就上传成功了!
以上就是本教程的全部内容。感兴趣的朋友可 ...
经验分享 未读
二维码生成教程 - 一份所有设计师应掌握的二维码处理方法(入门向)二维码生成是一个每个设计师都绕不开的话题,如今二维码的设计已经非常普遍,设计工具也非常好用。所以这个博文定位为【入门向】,所以高阶设计师可以略过此教程。
关于工具目前二维码生成工具非常多,我也不一一来介绍了,很浪费时间,所以只推荐一个最好用的、也是最普遍的。那就是草料生成器。
草料生成器
可以将此网址添加到收藏夹
那么使用它非常简单,将你需要生成二维码的url链接粘贴入编辑框,点击生成二维码即可。是不是很简单。
下面就来主要介绍这个工具的使用
精简二维码生成二维码的url越短,二维码就越精简。草料提供了一个让我们控制二维码复杂度的工具。我们来看看。
进入高级美化器
调整复杂程度我们可以看到,在容错一栏中默认为30%
如果我们的二维码在上面不需要添加logo、图片等,我们使用最低的容错率就可以了。
其实容错主要是利用了二维码的信息在二维码中不断重复,这也是你即使遮掉一部分也能非常容易的获取到url。我们可以看到因为我的网址很短,所以简化后的二维码非常精简。
精简的二维码有如下好处:
1.远距离扫描没有问题
2.可以在板式中缩小二维码的面积
一般调整好了的二维码可以直接进入到下 ...
佳作推荐 未读
Behance 佳作推荐 - 棒球赛动画
本文为转载文章,以下内容来源于
Netmarble Ma9Ma9 13th Anniversary Cinematic Trailer
behance
CLIENT - Netmarble NparkPRODUCTION COMPANY - Grabit
DIRECTOR - Lee Eun-sol, Son Ho-hyeonPRODUCER - Lee Eun-solLEAD ARTIST - Lee Jae-woo, Kim Sung-woo3D ARTIST - Lee Jae-woo, Kim Sung-woo
2D MOTION GRAPHIC - Oh Seung-hwanENVIRONMENT MODELING - Nam Jae-yeonCHARACTER RIGGING - Yang Jin-youngANIMATION - Jung Yeon-chan, Park Ji-wanSOUND DESIG ...
经验分享 未读
潘通 2020 年度色发布 — PANTONE 19-4052 Classic Blue
潘通2020经典蓝这种耐人寻味的蓝色调包含了宁静,信任和联系,突显了我们渴望在我们跨入新时代的门槛时建立可靠和稳定的基础。
在本文章更新后,本博客主题颜色同时更新为PANTONE 19-4052 Classic Blue。
——————————
——————————
PANTONE 19-4052 Classic Blue具有永恒和持久的蓝色调,简洁而优雅。令人叹为观止的PANTONE 19-4052 Classic Blue具有黄昏的天空,令人放心的品质突显了我们对可靠,稳定的基础的渴望,因为我们将跨入新时代的门槛。
潘通(PANTONE)19-4052经典蓝色在我们的心理中留下了宁静的色彩,为人的精神带来了和平与安宁的感觉,提供了庇护所。PANTONE 19-4052 Classic Blue有助于集中注意力并带来激光般的清晰度,使我们的思想重新集中。反射蓝色调,Classic Blue增强弹性。
我们生活在需要信任与信心的时代,稳定可靠的PANTONE 19-4052经典蓝色调就呈现出这样的恒久性与信赖感,激发出深深的共鸣,是可以倚靠的基石。这一望无垠的蓝色令人联想起 ...