使用 Cargo.site 构建你的作品集

如何利用 Cargo.site 做一份拿得出手的作品集。

August 7, 2021 · Bill Chen

拟物与抽象——设计也是一个循环

WWDC2020 来了,Big Sur 的视觉方案又一次走在了最前面。 熬夜看完了 WWDC2020。Apple 的自研处理器自然是发布会的高潮,不过除此之外,与新处理器一起到来的还有 macOS 10.X 时代的终结 —— 有生之年这个版本号终于上 11 了。之所以在题目里说「设计是一个循环」,是因为这套来自 Big Sur 的图标设计方案实在是太让人梦回 20 年前了。正好最近有空,遂整理在 UI 设计上,设计师们是怎么走了一个圈又回来了。 开始的开始 高光,阴影,强渐变制造出的立体感 —— Aqua Design。 在计算机刚飞入寻常千万家的二十世纪末,现在看起来非常习以为常的界面元素可能对于普通用户而言并不好理解。因此,这样一个「看起来就可以点击」的界面元素就是在告诉用户:这就是一个按钮;水滴一样的问号球,也是在对用户大声地说:「有什么不懂的,点我」。 同时,更强的图像处理能力也鼓励设计师在 UI 上「炫技」,用复杂的纹理和过渡动画来展现出精致得到效果。乔布斯曾对于这套将深度、高光首次引入 GUI 的设计方案这样评价: Its liquid, one of the design goals was when you saw it you wanted to lick it. 同时期的 Windows XP, Vista 再到 Win7,五一不是在类似地尝试还原这种真实的质感。毛玻璃展现出来的层级划分,水灵灵的图标质感,是这个时代最典型的设计风格。 扁平化 随着大家渐渐熟知了界面交互的种种共识,也就不再需要通过直观的视觉细节来了解 UI 元素的作用。于是从 2010 年起,各家巨头都陆陆续续开始走上了扁平的道路。 Jony Ive 担任苹果首席设计师的第一个作品,就是 iOS 7,也就是那个把 iOS 6 之前把拟物做到极致的系统完全拍扁的版本。第二年, Yosemite 发布。这一略带质感的扁平风格,成了大多人现在所熟知的 macOS 的形态。...

June 26, 2020 · Bill Chen

『NexT』:一款 NexT 风格的 Typora 主题

很喜欢 Hexo 中的 Next 主题,便想要在 Typora 中书写时获得和在 Hexo 中一样的预览效果,便写了这样一个主题。 Features 对于中文字体,我使用了浙江大学科技设计创新创业实验室开发的未来荧黑字体(https://github.com/welai/glow-sans)。实测下来这款字体在高 DPI 屏幕下显示效果较好,不过在标准的屏幕上效果一般。 英文字体使用的 Overpass(http://overpassfont.org/),风格类似于 SoundCloud 的御用字体 Interstate。这款现代化的字体的灵感来自于联邦高速公路体 Highway Gothic,具有极高的辨识度和易读性。 等宽字体使用了 JetBrains 在 2020.1 系列 IDE 引入的默认字体 JetBrains Mono。整体风格维持了 NexT 主题的 Muse Scheme,对代码框,下划线,引用和链接等做了适配,移植了表格、分割线的样式,同时微调了侧栏的样式。不过由于大多数时间都在 macOS 下调试,Windows 上有概率出现一些意想不到的问题。 由于我在平时涉及到 Markdown 的写作工作大多是技术文档,夹杂较多的代码和列表,所以在设置间距的时候,我额外考虑了连续的多个段落的排版情况,所以避免出现了当列表较多的时候间距过大的问题。 Preview 和原本的 NexT 主题相比,稍微调了一下行内代码的高亮颜色,这里放几张效果图: 后来额外适配了一个暗黑主题: Link http://theme.typora.io/theme/NexT/ https://github.com/BillChen2K/typora-theme-next 字体无需手动安装,已包含在主题内。这里 提供了安装方法。 如果需要使用 Helvetica 版本的主题,需要一并复制标准版本的 css 文件,因为是直接 import 进来的。

May 1, 2020 · Bill Chen

Ballanced —— 一个用 Unity 复刻的 Ballance®️

Ballance 是一款由德国游戏公司 CYPARADE 于 2002 年发行的一款经典的单机游戏。小时候花了很多时间在这上面。刚好这学期的计算机图形学大作业是做一个游戏,于是和小组成员催生了一个复刻 Ballance 的想法。利用 3DS MAX 和 Unity 实现操作逻辑,尽可能接近原游戏的视觉效果和声音效果。连续肝了三个星期,实现了这一想法,并将其命名为 Ballanced。 项目地址 https://github.com/BillChen2K/Ballanced/releases(已编译 Windows 可执行文件) 操作指引 [WSAD] / [方向键]:移动球体 [SPACE]:抬起摄像头 [R] / [K]:重新开始 [P] / [ESC]:暂停游戏 [Q]:退出游戏 以下操作用于调试: [J] 给球一个向上的力使其飞行 [Ctrl] + [Shift] + [W]:一键胜利(…… [Ctrl] + [Shift] + [D]:一键死亡(………… 一些想法 还是比较拙劣的,初学 Unity 的第一学期,很多原理上的东西还没有搞明白,贴图也有些生硬。不过从 0 开始建模写脚本(贴图直接盗用 Ballance 似乎也不算从 0 开始)还是绕了不少坑。目前的初始分数是 1000 分,每秒 2 分递减(维持 Ballance 的逻辑),不过每次掉落平台减掉的不是生命,而是 200 分。 总体说来还是有点可玩性的。 至于一些更加拙劣的粒子效果…… 五毛美工,权当个笑话吧 xd。

January 15, 2020 · Bill Chen