黑暗模式在mac10.14中开始普遍铺开，凭借苹果设备出名的开发者的跟进能力，很快，大多数常用应用已经支持了夜间模式。在不久的将来，黑暗模式将很快在ios新版本上线。黑暗模式不仅很受男性受众和工作者的喜爱，而且因为厂商采用AMOLED屏幕黑色不发光可以节约电能消耗。下面就来赏析一下黑暗模式的设计。相 ...

在商业化比较严重和开发能力的多重考验、时间的限制下，现有市场的APP总是以相同的框架、相同的结构出现。说的好听是为了减少用户的学习成本，说的难听就是不愿意花更多精力去创新。但是现在已经有越来越多的APP已经意识到了创新给产品带来的用户粘性，我相信不久的未来创新将会是产品的核心竞争力。 我非常喜 ...

最近在设计APP的logo标志，所以将Appstore排名靠前的app图标都截了下来，方便参考和设计。 刚开始是靠着进入Appstore的网页来截图，但是有些图不能截图必须要进iTunes，但是最新版的还不支持应用预览。。。凉凉，所以另辟蹊径，找到两个Appstore图标的下载地址。 plafer ...

在设计界面的时候为了将主界面更加简单易用，经常会需要隐藏一部分内容或者有组织的划分这些复杂内容。今天这篇文章主要分享的是通过层级隐藏的界面方式。 这是一个非常流行的隐藏方式，甚至动效都非常容易完成。 视觉表现方法就是使用大圆角为底部。但用户触发入口时将画面上移，露出在“底部“隐藏的二级内容。二级内 ...

是的，我们真的需要傻大黑粗。 很多设计师知道傻大黑粗是设计趋势，但是只是知道它的空壳而不懂内涵和灵魂。只能照搬照抄，结果却差强人意。 首先为什么“傻大黑粗“成为了趋势？ 傻大黑粗的核心目标就是增强对比。人们在越来越浮躁的社会。时间很紧，几乎没有时间去享受生活，那么路边的广告、海报、网页的匆匆一瞥如 ...

对于设计与艺术的界限我们很难去清晰界定，但是艺术是设计的探索方向，算是先行者。类似于实验电子的感觉。所以我将这类还没有被市场所认同的探索性设计叫做 实验设计 这周介绍的实验设计方式就是大圆角设计了。据心理学实验表示，人们对于圆弧的东西更加喜爱，所以圆角矩形比矩形更讨喜我们就见怪不怪了。那么在最近这 ...

通过抠图的方式在app展示内非常出效果，抠图可以在二维扁平化的UI稿中体现出空间感，让人爱不释手。 公众号内原文标题： Hoocan 01 | 趋势设计-抠图大法好，突围设计方式的运用 我称这种设计方式为：突围 人们越来越渴望跳出扁平化这个行列，但是仍然想保留扁平化所带来的高效率更清晰直观的 ...

Hoocan在公众号中发布了，我在博客中再发一遍。 在如此忙碌的日子里，又要忙毕设又要上班，但还是有一个想要运营公众号的执念。在2014年2月就注册了第一个微信公众号，到了17年6月再次换号，后来为了换公众号的微信号在17年7月注册了现在的这个号。运营公众号这个想法已经扎根很多年了。 我在给自己 ...

新的一年，新的开始。我之前有一定Swift、SwiftUI的基础，最近正式开始我的100day之旅。在博客上记录笔记方便以后查阅。 变量在Swift中创建变量格式为： 12var <变量名> = <变量>var age = 23 //数字 当修改变量时，直接调用 1age ...

最新更新： 使用.sheet(isPresented: $绑定的状态变量){View}这种方式。 以下是旧内容： 解决 PresentationButton 不能用的问题 123456789ForEach(courses) { item in Button(act ...

代码： 1{"_id":"doubantop250","startUrl":["https://movie.douban.com/top250?start=[0-225:25]&a ...

2020新年特供色：竹红用于诠释一个崭新的2020年，精心构思的经典中国红辅以硝烟的熏染，使得不仅充满了喜悦和欢腾，还蕴含了些许年代感和时光飞逝的伤感。 竹红有着非同凡响的影响力，它不仅能够让人更加活泼的渴望未来，还有一些谨慎和沉淀。历久弥新的竹红更多的体现了经典和繁华。它并不是浮萍无根，深邃的内 ...

下载文件： 立即下载 数据范例：123456789101112131415161718192021222324地球脉动 第二季蓝色星球2猎捕我们的星球地球脉动 第一季最后的棒棒宇宙时空之旅久石让在武道馆：与宫崎骏动画一同走过的25年拯救生命演唱会生命冰冻星球涅磐纽约不插电演唱会人类星球BBC：非洲南 ...

下载文件： 立即下载 数据范例：123456789101112131415161718192021222300:0000:0100:0200:0300:0400:0500:0600:0700:0800:0900:1000:1112:5913:0013:0113:0213:0313:0413:0513 ...

因为需要一个播放器类型的资源库，展现形式为xx:xx（小于1小时的两位数分钟：秒格式）。所以写了一个。其他格式同理，可以进行修改。 12345678910111213141516171819202122232425262728minutes = []senconds = []mAndS = []fo ...

Sketch有一个模仿XD的超好用的一个功能，Data。我经常用它为组件提供数据。今后我会花一些时间将一些我使用的资源库进行共享。这篇博客就是来介绍资源库是如何添加的。下载的内容格式一般为txt文本格式：作为文本内容的替换 包含大量图片的文件夹：作为图片内容的替换 建立文件夹首先建立一个固定的不随意 ...

文本类型资源库 文件格式：txt 数据每行一个，例如 0-10 数字组成的资源库 1234567891012345678910 图片类型资源库文件格式：文件夹 每个图片为一个数据，堆到资源库中 相关阅读：如何建立资源库？ 如何将资源库（Data）导入到Sketch? 如何插入资源库（Data）中的 ...

为什么要使用Sketch资源库 目前自动填充一般使用的是SKetch的资源库（Data）填充，另一种就是使用插件填充。使用资源库填充的优点就在于资源都是由你进行收集整理，资源质量可控；但是缺点也是这一点，你需要自己去收集资源。所以用哪一种看看你如何权衡。当然小孩子才做选择，设计师应该“我全都要”。添 ...

终端输入命令： defaults write com.apple.dock springboard-rows -int 7 启动台图标为7列 defaults write com.apple.dock springboard-columns -int 11 启动台图标为11行 default ...

在使用蓝湖的过程中一直会出现各种各样的bug活着体验上的问题。有的时候我们给图层编一个组、加一个symbol等都无法查看蓝湖的标注。其实除了我们常用的单（双）击以外，也可以使用右键单击的方法来进行查看。 右键单击需要查看的组件，选择选中图层，你就可以看到以设计师的视角的图层列表。选择你要查看的组件所 ...

webp图像格式是Google推出的一款非常小体积的图像格式，它的优点很多，现在被大厂比如微信文章、豆瓣网等完美支持。可以降低图片对带宽和流量占用。 因为使用webp需要图片采用https（或者将网站降级为http），否则会出现加载异常 所以本博客暂时还是使用jpg。 WebP 百度百科 WebP ...

整理代码的快捷键为 1ctrl+i 选中需要整理的代码，然后按下快捷键就可以了。

这个是群里有人问的问题，找了很多ico生成的网站，在这里推荐一个。 1.将设计软件中制作的图标生成PNG格式的图片。 2.使用PNG转ico格式在线转换器进行格式转换 引用站外地址，不保证站点的可用性和安全性 在线转换图标 ...

Sketch不支持旋转画板，蓝湖也不支持。当你的设计稿是横屏但是需要竖屏的标注（便于开发）时，土方法是通过sketch的横竖屏切换进行变更。但是更改完里面的元素并没有旋转： 更改之前： 更改之后： 当然，还有人会选择选中画板中的所有元素，然后cmd+G建立群组，然后再旋转。这样虽然能解决一时问题 ...

移动端适配全屏播放能考虑到是采用计算StatusBar的高度来进行适配。为了旋转屏幕时防止左侧旋转和右侧旋转位置位置不同，所以全屏状态下的左右两次均留出StatusBar的高度。可以注意到bilibili的进度条距离左侧屏幕边缘约有52（44+8）pt。 （疑似采用状态栏高度计算的斗鱼） ...

这是基于bootstrap框架的断点 设备 断点区间 设计稿宽度 手机 0-576px 576px 平板 576-768px 768px 笔记本 768-992px 992px 独立显示器 1200px以上 1200px 相关阅读：响应式布局设计

很多小伙伴使用iconfont来做为app/网页中的图标，但是这些设计小伙伴使用的是Sketch来进行设计。如果你是用illustrator来进行设计，那么直接生成的svg不会有任何问题，只需要注意以下几点： 1.最好扩展你的图标（转曲）2.将多个相连的路径合并3.不要使用剪切蒙版4.不 ...

二维码生成是一个每个设计师都绕不开的话题，如今二维码的设计已经非常普遍，设计工具也非常好用。所以这个博文定位为【入门向】，所以高阶设计师可以略过此教程。 关于工具目前二维码生成工具非常多，我也不一一来介绍了，很浪费时间，所以只推荐一个最好用的、也是最普遍的。那就是草料生成器。 草料生成器 可以将此 ...

潘通2020经典蓝这种耐人寻味的蓝色调包含了宁静，信任和联系，突显了我们渴望在我们跨入新时代的门槛时建立可靠和稳定的基础。 在本文章更新后，本博客主题颜色同时更新为PANTONE 19-4052 Classic Blue。 —————————— —————————— PANTONE 19-4 ...

在mac上查看图片尺寸有的时候是一个非常困难的事情。如何让它变得更容易呢？ 一、在详细信息中查看图片尺寸1.打开查看图片尺寸的显示选项在访达中选择显示、显示预览选项 2.勾选图像详细信息中的尺寸、分辨率选项 3.之后就可以通过点击图片来查看图片的像素尺寸了 二、在图标视图下查看图片尺寸你注意到了吗 ...