这周整理一下音乐类的产品设计。音乐类是几乎每个设计师都会尝试的产品（就像天气app等等）有很多有趣的设计可以用来分享。 这个设计打破了播放条只是直线的限制，并且通过上下滑动可以切换歌单等等的方便操作将专辑中的各个歌曲联系在一起。非常有创意的设计，但是没有歌词的显示，落地恐怕有点困难。但是这不妨碍他 ...

首页的设计是用户除了开屏以外的直观印象，一个好的首页会让用户产生对该软件调性的直观认识，设计首页对于一个APP尤为重要。 我们在中国常见的APP都是那种堆叠和紧凑，每个点都要博眼球，每个颜色都是「不要像上吊似的」的老板喜好（上吊这句话来自得到）（据说容易过稿，后来跟风者认为别人都这么搞，还以降低用 ...

黑暗模式在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月注册了现在的这个号。运营公众号这个想法已经扎根很多年了。 我在给自己 ...

本文为转载文章，以下内容来源于 (翻译) SwiftUI -- 手势的实现 Grabin 本文原创作者：Alexander Ershov ...

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

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

原文地址（已无法访问）：立即访问 为了让大家学习 web scraper 时有更好的体验，我搭建了一个 webscraper 中文网 ，大家以后有问题可以到上面翻翻。 可能有朋友不知道webscraper，我再介绍一下：webscraper 一一款谷歌插件，可以方便的抓取网页上的内容：文字、链接、图 ...

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 ...

有些时候很喜欢YouTube的封面，但是没有办法下载到高清的图片，其实这个只要修改url就可以实现。 例如YouTube链接为：http://www.youtube.com/watch?v=erLk59H86ww注意到v对应的键值对了么，它对应的是视频的编号，类似于bilibili的av号。 123 ...

之前有段时间一直在思考5G的适用环境。今天发现了移动研究院的一个报告。 立即下载： 引用站外地址，不保证站点的可用性和安全性 5G典型应用案例集锦——中国移动研究院 石墨 ...

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

本文为转载文章，以下内容来源于 中文文案排版指北 sparanoid 空格「有研究显示，打字的时候不喜欢在中文和英文之间加空格的人，感情路 ...

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

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