Heocan 12 | 机票订票App设计 本期榜首：机票app设计 作品地址 在机票中运用绿色真的非常少见。使用了已经颇为成熟的大圆角风格，这个风格在2年前就开始崛起，今年都纷纷落地。你可以在大厂常见的App中找到它们的身影。称之为「影响了一代设计师」应该不过分。这个设计从直观的角度、文字对比、配色和层级划分、风格一致性上做的都非常棒。机票完成页（右边第一个靠上）图标和机票配色与整体样式搭配略显简陋，不过其他页面都是具有较高水准的成熟作品。 健康运动应用设计 作品地址 配色比较偏成熟女性的风格，颜色有典雅的感觉。插画非常简洁干净，姿势描绘准确形象。通过双列卡片的形式来展现运动量的数据分析。运用卡片设计来区隔模块。整体界面文字比例适中，文字对比较强，是一个具有吸引力的作品。 食品应用设计 作品地址 配图真的非常令人讨喜，不过首页内容的信息密度有些过低了，并且布局也并不合理。不过详情页的设计还令人眼前一亮。无论是加入购物车的非常规角度按钮还是字体、字号和字体颜色的选择上都清晰直观。这个详情页还是很不错的。 系统图标设计 作品地址 这个作品的图标系列感十足，我的感受时有一种游戏风格。无论是 ...

折腾一晚上，终于完成了～之前一直都有兼容性问题，折腾了几个小时搞定。因为网上也没有针对Butterfly的教程，整理的时候总是与Lazyload和pjax还有fancybox有兼容性问题。目前博客运行良好，遇到的问题都解决了。下面来说一下教程。 为什么需要「阅读全文」？「阅读全文」是一个反人类体验。这是事实，无可辩驳。但是作为一个想要深耕博客的人来说，一个访问意味着一次普通的浏览、路过、或者爬虫经过而已。你写的文章被1个人10个人1w个人看到并没有任何区别。人们都是从搜索引擎中来的，你解决了大家的问题后人们就自然而然离开（白嫖）。其实只是在帮搜索引擎打工而已。那么如何突出文章的价值？ 撰写有价值内容 -> 用户访问有门槛 -> 游客转化为用户 -> 用户长期关注 -> 为了吸引用户撰写更多高质量内容 这是一个好的生态，而不是毫无疑义的单向输出。也是写文章的一个动力。 创建openwrite账户进入官网后，点击右上角「登陆」->「立即免费注册」 地址非推广网址，可以检查url 获取代码点击右上角的「返回旧版」 左侧选择「微博导流公众号」 点击添加 ...

macOS典型的点击关闭后不退出app，但是我的Delspace实在没有后台运行的必要，毕竟就是一个清亮的小工具。在网上找了一下发现一个成功的方法。 本文为转载文章，以下内容来源于 macOS开发-如何让用户在点击关闭按钮时退出App：applicationShouldTerminateAfterLastWindowClosed Lebus 最近自己盲撸了一个macOS应用，主要是为了方便学生能更高清的看在下的教学视频，摸爬滚打了一两个月终于准备上线了，打包后又出现官方责任的bug了（习惯性崩溃）： 用户点击窗口左上角关闭按钮时无法退出App，只是关闭了这个窗口，上面的菜单栏依旧还在，但我再点击程序坞的App图标时也恢复不了窗口（官方所说的默认行为：隐藏App） 我并没有对关闭按钮做自定义，全部采用的是默认行为。 可现在的效果是四不像，也不是关闭App，也不是隐藏App（类似于最小化） 不能容忍。 大海捞针般找啊找啊，最后还 ...

空格的替代符号有以下几种： 名称 编号 描述 &nbsp; &\#160; 不断行的空白（1个字符宽度） &ensp; &\#8194; 半个空白（1个字符宽度） &emsp; &\#8195; 一个空白（2个字符宽度） &thinsp; &\#8201; 窄空白（小于1个字符宽度） 名称和编号都可以作为替代的符号，;不可以省略。 比如底部的CC协议图标之间我就插入了一个空白。 1<i class="cc cc-cc"></i>&#8195;<i class="cc cc-by"></i>&#8195;<i class="cc cc-nc"></i>&#8195;<i class="cc cc-nd"></i> 参考 ...

Heocan 11 ｜ 野餐健康LOGO设计 之前的Hoocan更名并且恢复更新啦！我准备输出一个定期发的设计周刊，和大家分享我所见到的优秀的、令人惊艳的作品和视频。Heocan主要分析Dribbble、Behance、Bilibili等网站优质内容和趋势。 本期榜首：PicnicHealth 作品地址 将餐巾布普遍的方格子和代表健康的+号联系在一起，饱和度高、亮度高的颜色给人新鲜、活泼的感受。非常棒的结合型设计。 Automotive event dashboard 作品地址 在深色的页面中使用模糊产生的微弱光晕可以产生溶洞中萤火虫带来的静谧和美妙的感受。让整体更柔和唯美。如果是对于web的后端设计来说按钮的尺寸确实偏大了（不过因为是飞机稿所以视觉表现为第一），不过直观的观感上来说还是很不错的。朦胧的外发光产生了一些微质感，这也是未来设计主要攻略的方向之一。 Dark Corridor 作品地址 这个c4d模型表现太空舱的科技风格还是很不错的，不同于以往常见的冷色灯光，这个作品使用的是偏绿色的环境光和暖色的光源进行搭配，给人有一些舒适和温暖的感觉，还不失机械的冰冷。倒角的大小适中，略 ...

因为我经常转载一些文章，但是遇到表格非常非常多的文章整理起来真的是心累。在寻找解决方案的时候意外发现了一款工具非常的好用。 这个在线工具tableconvert支持非常多的格式文本转换为另一种文本，真的是表格神器！ 引用站外地址，不保证站点的可用性和安全性 tableconvert tableconvert 首先导入数据点击导入按钮 将复制来的表格内容粘贴到输入框粘贴之后导入数据 完成！你就可以在下方的文本处找到markdown表格啦！ 等有时间我给DelSpace2上也加上这个功能。还挺常用的。

我想将所有的二维码都集合在一个快捷指令里面，之前试了好久北京健康宝的URLScheme，终于搞定了。 北京地区健康码1alipayqr://platformapi/startapp?saId=2021001135679870 我把我在北京生活所用到的二维码做了一个快捷指令，如果你们需要的话可以根据我的这个再进行深度定制。 仅健康码版快捷指令地址（快速）：从手机Safari浏览器中打开 多合一快捷指令地址（方便）：从手机Safari浏览器中打开 「以下内容2021年8月15日更新」 其他地区健康码上海：alipay://platformapi/startapp?appId=2019072665939857 湖北：alipay://platformapi/startapp?appId=2021001132656455 山东：alipay://platformapi/startapp?appId=2021001136608745 ...

最近在研究iOS的快捷指令，有的时候需要打开某些应用的特殊功能时需要URL Scheme，看到有大佬已经发了一些常用的就转载一下。 本文为转载文章，以下内容来源于 常用的URL Scheme cnblogs 系统 app store itms-apps:// 电话 tel:// 备忘录 mobilenotes:// 设置 prefs:root=SETTING E-Mail MESSAGE:// 支付宝 支付宝 alipay:// 蚂蚁庄园 alipays://platformapi/startapp?appId=66666674 蚂蚁森林 alipays://platformapi/startapp?appId ...

很多人喜欢使用GoogleFonts，插入非常方便，并且有非常多的语言可以选择。但是因为政策原因使用谷歌字体的网站加载就会非常慢，看到有人有解决方法可以来看一下。 本文为转载文章，以下内容来源于 Google Fonts 国内使用方案 dp2px 概述当前 WordPress 等许多开源网站大部分的主题都在使用 Google 的在线字体方案 —— Google Fonts，Google 服务在大陆的崩溃情况使得大量的独立网站字体无法加载，大大影响到了国内相关网站的网页响应速度，现将解决方案总结如下： 解决方案一：本地加载字体包（推荐）在 CSS 中找到被导入的 Google Fonts12#此处以该字体为例#@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,800|Lora:400italic|Playfair+Display:700); ...

本文提供了两种方式，一种为本地的方式，一种为iconfont的方式。 使用本地图标的方式资源下载首先在文末下载图标包 以下内容适用于butterfly主题，其他主题可以参考借鉴 导入文件将文件夹解压，并将其中的fonts文件夹放入主题文件夹的资源目录中：~/themes/butterfly/source/fonts 将css文件夹中的cc-icons.min.css文件移动到主题的css目录：~/themes/butterfly/source/css/cc-icons.min.css 引入css在~/themes/butterfly/_config.yml中找到inject部分，注入 1<link rel="stylesheet" href="/css/cc-icons.min.css" type="text/css" /> 插入图标然后在需要的位置插入图标，代码： 1<i class="cc cc-by"></i> 图标名称对照表： 本博客目前样式参考代码： ...

昨天我才知道原来Gitpush是可以不需要输入密码的。。。之前因为机器上没有配置好。这大半年来都是手动输入密码。特别是我的Hexo需要上传三个Git服务器（Github、Coding、腾讯云服务器），每次上传都需要输入三遍密码（吐了）。 如果真的又和我一样的人的话可以根据GitHub的官方教程来进行操作。 参考文档：立即进入 生成新 SSH 密钥打开 Terminal（终端）。 粘贴下面的文本（替换为你的 GitHub 电子邮件地址）。 1$ ssh-keygen -t rsa -b 4096 -C "your_email@example.com" 这将创建以所提供的电子邮件地址为标签的新 SSH 密钥。 Generating public/private rsa key pair.提示你“Enter a file in which to save the key（输入要保存密钥的文件）”时，按 Enter 键。 这将接受默认文件位置。Enter a file in which to save the key (/Users/you ...

不得不说Photoshop的稳定性随着版本更新越来越差了，有的时候总会出现一些奇怪的bug。我今天就遇到一个使用自由变换的时候感觉shift一直被按住的奇怪现象（因为photoshop2019开始就不需要按shift等比例变换了）多次尝试无果。在网上看到说启动时按住command+shift+option。但是还是不行（难道是启动的时间太短了？）后来发现可以直接在偏好设置里重置。。。 打开首选项打开Photoshop的首选项 重置点击「在退出时重置首选项」 重新启动按command+Q退出Photoshop，然后重启打开，享受正常的Photoshop吧

字体名称 Roboto 字体样式共12种样式 下载地址立即下载

这个字体是UI最常用的字体了。 字体名称 苹方-简 苹方-繁 苹方-港 字体介绍苹方（英语：PingFang）是苹果公司委托威锋数位为苹果五大操作系统（watchOS、tvOS、macOS、iOS、iPadOS）所开发的专有字体家族，属于无衬线黑体，最早作为iOS 9和OS X El Capitan的默认中文字体于2015年6月8日在旧金山的WWDC 2015上公布，支持简体中文、繁体中文、日文和韩文，其中繁体中文包括香港字形和台湾字形两个版本，且提供了六种字重，取代了从iOS 4和Mac OS X Leopard以来一脉相传的华文黑体系列。 字体样式 下载地址立即前往下载

字体名称阿里巴巴普惠体 字体样式 下载地址官方下载地址（推荐）： 引用站外地址，不保证站点的可用性和安全性 阿里巴巴字体素材平台 taobao 蓝奏云备份： 引用站外地址，不保证站点的可用性和安全性 阿里巴巴集团字体.zip 蓝奏云 蓝奏云备份仅作为我备份文件下载使用，如有问题请联系zhheo@qq.com

mac应用意外退出？你可能需要一个签名工具 macwk为我们提供了一个非常好用的maacos小助手，其中就有这个签名功能。 安装xcode命令行工具在启动台的「其他」文件夹中找到「终端」 打开终端后输入代码 1xcode-select --install （过程可能需要输入密码，直接输入按回车即可） 下载macos小助手最新版下载地址 打开下载的应用，在「签名」中点击「选择」，选择崩溃的应用程序 点击执行操作 启动接下来尽情享受应用吧！

Sketch特别卡？来清理一下Sketch的缓存吧！让你的Sketch健步如飞 随着项目的越来越大，动辄几个G的Sketch文件让每次Sketch打开和运行都变得令人痛苦。并且打开一堆组件库文件的时候，卡顿令人绝望。那么怎么才能加快Sketch文件的运行速度呢？清理Sketch文件不失为一个很好的选择。 danger 危！如果使用这篇文章清理缓存，你将失去Sketch的版本控制中保存的旧版本信息。不使用Sketch版本控制而使用其他版本控制方式的小伙伴可以继续。 下载软件首先我们需要下载Sketch缓存清理的软件（下载地址在文末） 然后下载签名工具立即下载 安装软件解压清理缓存软件，拖入到应用程序中 应用签名打开下载好的mac小助手，选择应用签名，选择刚才拖入到应用程序中的软件 如果失败可能是因为电脑没有安装xcode命令行工具，可以打开终端输入以下代码安装 1xcode-select --install （过程可能需要输入密码，直接输入按回车即可） 开始清理在启动台打开软件 开始清理 重启Sketch后体验飞快的Sketch吧！ 番外一些老牌清理软件也支持清理Sket ...

当你制作一个图片的时候，想将原有的psd文件利用起来，复制一份，因为里面有你需要的相同尺寸和相同的固定元素（例如做B站的封面）。但是随着使用时间的变长，你会发现你的PSD文件尺寸已经逐步上升到恐怖的程度。特别是喜欢加各种效果和智能对象的同学，文件尺寸真的是个噩梦。苦苦寻找后发现竟然能够使用脚本快速压缩psd尺寸，实测从600M压缩到60M，有些上1G的文件轻松压缩到几十MB！ 速度文件变小了之后可以明显感受到ps的性能增强，之前的卡顿感完全消失。 压缩前 压缩后 首先下载文末的脚本文件在文末有网盘的下载链接，直接下载即可。 打开脚本文件选择 文件 -> 脚本 -> 浏览 选择下载的脚本文件，在弹出的窗口中选择「是」 等待&完成一般文件越大等待的时间会比较长，需要耐心等。 下载地址 引用站外地址，不保证站点的可用性和安全性 PsDeepCleaner.jsx.zip 蓝奏云 原作者GitHub项目： ...

开了会员还不能好好的听歌。我比较喜欢将无损音质下载下来放到苹果自带的音乐播放器，这样可以方便多设备控制等，但是加密格式阻碍了这个道路。可以理解版权的要求，但是也不能剥夺我们去选择播放器的权利。苦苦寻找后发现有大佬已经完成了这个工作，推荐一下。 网站地址：因为版权原因，本站不再提供入口，非常抱歉

mac空格快速预览（QuickLook）webp格式图片、md文件、mkv等 mac上的快速预览真的是系统级神器，在Windows上只能用第三方软件达到类似的效果。虽然快速预览这么好用，但是有些格式不支持造成了体验感有点割裂。例如webp格式不支持浏览和缩略图、mkv格式没有缩略图等。我们可以通过安装插件的方式来支持。 本文为汉化，基于英文原文，网站访问不了可以在文末直接下载资源。 Quick Look（快速预览）插件有用的插件 安装方式打开访达，按下 Command+Shift+G ，在前往文件夹的输入框输入 1/Library/QuickLook 将文末下载好的文件解压，选择你需要的插件拖动到这个文件夹中即可。 复制完毕后按住option右键单击访达，选择重新开启 插件列表QLColorCode代码高亮，让代码看起来更直观（开发人员使用） QLStephen预览没有扩展名的文件，将他们作为文本文件阅读。（开发人员常用） QLMarkdown预览.md文件 QuickLookJSON快速浏览.json文件 qlImageSize（强烈建议安装）图片浏览 ...