本博客是基于Butterfly主题进行魔改制作的，在最初从pure主题切换到butterfly中，我带着非常多的兴奋感。Butterfly的令人震撼的首屏和打字效果深深吸引着我。 博客用的久了就会产生一些想要调整的想法，于是经过了漫长时间的边改边用，现在博客已经魔改到了v3.3.2版本，相信每个魔 ...

Markdown表格我们可以使用插入一个空白div并自定义宽度的方式进行自定义。有的时候我们不是想要首行和首列出现自动换行的情况，这个时候就需要使用自定义宽度和高度来解决了。一些人通过空白img标签或者外置css样式来实现，感觉很麻烦效果还不好，这里推荐使用插入空白div的方式。 无自定义宽度 ...

本文为转载文章，以下内容来源于 小桔有车租买车业务体验设计升级 CDX创意设计中心 一.背景小桔租车1.0上线一段时间了，过程中很多功能点 ...

少废话，先用上极致灰1234极致灰sRGB 147, 149, 151极致灰Hex #939597极致灰Lab 62, 0, -1极致灰CMYK 49, 39, 36, 0 亮丽黄1234亮丽黄sRGB 245, 223, 77亮丽黄Hex #F5DF4D亮丽黄Lab 89, -3, 7 ...

团队名称：光音设计小分队交互设计师：Echo、张晶视觉设计师：齐杰、凯文、MiroCat、三牛、张晔 规范内容本套通用型规范旨在帮助广大设计师，快速入手制作属于自己团队App的设计规范，降低设计人力成本。 文件预览 下载地址 方法1（推荐）关注Echo的设计笔记微信公众号，在公众号后台回复设计 ...

今天读到一篇文章讲的是视频横屏和竖屏的设计差异，发现每个人的观点差异还比较明显，这篇报告我也写一些对于视频播放器的设计看法。仅个人观点。 如今视频行业非常火热，我们可以发现曾经的优酷、爱奇艺、腾讯视频、B站等都是采用的横向屏幕；我们看到的电影、电视都是横向屏幕。抖音、快手等都是纵向屏幕。微信小视频是 ...

我们在设计网页、设计App的时候会担心文字是否能在有色背景上清晰显示，其实WCAG向我们提供了非常好的检查方案。检查颜色是否有足够的对比度应加入到设计检查的流程中来。 为什么要做颜色对比度检查？对比度为3：1是[[ISO-9241-3]]和[[ANSI-HFES-100-1988]]为标准文本和视觉 ...

作为UI设计师，最重要的就是接触iOS的设计规范。苹果拥有引领世界的设计能力，iOS影响着一代又一代的设计师，所以这篇文章主要是来翻译和解析一下iOS的设计规范。这个规范算是所有移动设计师必看的内容了。 本文为翻译内容，来自苹果官方人机界面准则推荐访问英文原文地址：人机界面准则翻译： 张洪Heo ...

我的好兄弟今天刚入职，结果发现啥软件都装不上。 这篇文章作为安装软件的错误排除流程进行探讨。大概率能解决在Windows系统下的软件无法安装问题。 管理员模式运行首先尝试右键单击安装包，选择以管理员身份运行，查看是否解决问题 兼容模式运行如果是windows10操作系统，可能有些软件没有办法 ...

关于webp格式的好处，我在很久之前转载过一篇文章：WebP 相对于 PNG、JPG 有什么优势？那个时候我的博客刚改成使用webp格式，不过后来出了一些问题导致我回滚了这个操作。 时隔近一年时间，我的博客再次重新支持webp格式了。这篇文章主要是介绍我的博客是如何判断浏览器是否支持webp格式并将 ...

再博客优化的过程中我们经常会嵌入很多第三方的js，第三方js提供更丰富的功能，但是却拖垮了网页的加载速度。这个时候我们可以使用async/defer来推迟js的加载。 在HTML5以前，script标签没有这两个属性，而浏览器单纯的按照顺序解析（解析）并执行，HTML5之后，我们可以在脚本 ...

Heomagic 07 | 在mac上的视频转格式方案分享 近期非常常用视频转格式，我们使用一些油猴插件、视频下载插件经常能下载到flv、mkv、rmvb等格式，而这些格式有的时候不兼容你的播放器（可替换自带播放器解决），有时为了做一些其他的事情。有的时候可以使用premiere、finalcut ...

唧唧在最新版本中会弹出0x000002错误。这里放个旧版本下载地址。 官方介绍这是一个用于下载bilibili视频的PC应用程序,它能够下载99%bilibili视频(不支持番剧),并且它将会终身免费提供使用.现在它已经支持弹幕, 4K清晰度, 互动视频, 音频以及批量下载 下载地址前往官网下载最 ...

一个产品在视觉的UI程度做了很多努力，不仅在外观的流行度、切图的清晰度以及整个交互方式、交互风格上都走在前列。那么怎样才能让如此多的优秀产品中脱颖而出呢？其实在手机里，我们的产品已经占据了屏幕、扬声器、麦克风等，但是还有很多我们没有利用到，而绝大多数手机都有的一些传感器，例如：光线传感器、震动马达等 ...

这篇文章中介绍一下我在mac上的压缩软件解决方案。我使用了两个第三方软件和官方自带的如那件进行协同配合，他们各有优劣。通过在不同场景下的需求，使用不同软件来解决问题。 归档实用工具 mac官方自带的压缩工具叫做「归档实用工具」。这个软件可以轻而易举的解压和压缩.zip格式的压缩包。虽然和访达一起搭配 ...

最近有人询问蓝湖有的元素选择不了，造成这个问题的可能性有很多。有的是蓝湖的自身造成的问题，但是大多数问题都是可以通过更改设计稿或者调整蓝湖来解决的。 检查不能点击元素上方是否有切图 当一个图层上方存在一个切片时，蓝湖点击会优先选中切片，而无法选中切片里面的内容。这个时候我们可以删除该切片或者通过给每 ...

通常我们设计产品的时候都会兼顾到用户使用这个产品的效率。不仅要关注刚刚上手这个产品的用户的易用性，例如足够的提示、足够的可见性等；还要兼顾老用户的高效。这一次我们来模拟一个线下服务类产品的效率问题，这种问题可能考虑的效率就是其他的层面了。 这个报告是对线下店使用在线应用服务的一种理论支撑，仅个人观点 ...

在设计功能的时候防误触机制无处不在，例如删除项目的确认弹窗和警示窗口、删除按钮做的尺寸会小一些、颜色足够特别、删除入口层级加深。但是有的时候我们会发现，我们经常做了很多无意义的防误触机制，这些多余的确认弹窗在无限制的占用着我们的时间和精力。我们真的需要这么多的确认弹窗吗？ 当然微博取消关注弹窗的 ...

iOS14小组件功能官方设计指南 iOS14的小组件相比安卓更加简洁，我们可以看到组件设计的细节，还有多个第三方软件风格一致。这都要归功于官方的设计指南。 官方文档 译：陈子木 桌面小组件概述小组件能够提炼 APP 中的关键信息，呈现在 iPhone、iPad 和 Mac 当中最为醒目的位置。小组件 ...

最近经常会魔改一些博客上的样式，增加一个自己魔改的css，学到了css的选择器。css选择器可以定位对应的html标签、元素等。看到了一个css选择器的使用列表，在博客中粘贴出来。 本文为转载文章，以下内容来源于 CSS ...

人们使用应用程序的目的一般分为两种：能解决问题的工具类需求和为用户带来价值的体验类需求。在算法普及当道的时代，算法能够为用户带来怎样的创意？下一代的体验设计是怎么样的？我想写下我的一些想法。 增加替换成本在产品前期，用户使用该应用后，无论是特色功能也好、产品调性、功能点等都是为了核心目标：增加替换 ...

非常不错的打开视野的研究报告，经过机译后改了一些语法问题和理解上的一些问题。可能与原文稍有出入。很棒的研究报告，能够帮助你看到设计的层级不断跃升的状态。 英文原版来自于：DesignBetter 译：张洪Heo 其中设计成熟度部分比较打动我，能够让我看清提升自己或者团队的设计成熟度需要作出哪些方向 ...

这篇文章来自于invision出品的书籍，围绕规划、设计、构建和实现设计系统的实践经历来指导读者，其中包含了经验丰富专家的真知灼见和一手经验。 本文来自于「彩云译设计」公众号。作者：Marco Suarez 译者：断浪。译文原文地址英文原版地址 第一章： 标准的力量 20世纪60年代，计算机硬件 ...

Sketch教程：Sketch快捷键完整版 好像从来都没整理过Sketch的快捷键，今天来整理一下Sketch的快捷键吧。快捷键其实只需要记住常用的就可以了，当你的某一项操作十分频繁的时候，你可能就需要一个快捷键，这篇文章应该能帮到你。 普通快捷键 快捷键 操作 ⌘ C 复制 ⌘ X ...