低饱和的紫,为什么总让人放松
紫调不抢眼,却自带一层安静的滤镜。我们在这一期反复试了几组明度,最后停在 #5b3a6b 附近——它足够深,又不压人。
读这则观察每一张都对应一种「看起来更舒服」的可能。编辑挑得不多,但都愿意为它们多说两句。
紫调不抢眼,却自带一层安静的滤镜。我们在这一期反复试了几组明度,最后停在 #5b3a6b 附近——它足够深,又不压人。
读这则观察圆角是皮肤的呼吸感来源。12px 偏利落,16px 更温吞。我们把两种都放进来,你滑过时大概能感觉到那一点点的不同。
看对比思路入口不该是噪音。我们把导航收成六个词,把重点留在正文里,读的人自然会知道下一步点哪里。
了解我们的取舍如果你只是想随便翻翻,从这里开始就好。编号只是顺序,不代表高下。
适合低对比的深色皮肤,配一张留白很多的图。翻页时几乎没有视觉噪音,适合夜里读。
偏叙事的题材,节奏慢,句子长一点也没关系。编辑更喜欢那些结尾不急着下结论的内容。
工具感强的题材,皮肤偏清爽,按钮大、层级清楚。用起来不费脑子,就是它最大的优点。
把粉色当作点缀而不是主角。少量 #f0b7d0 落在关键位置,整页会忽然有了一点温度。
结构优先的题材:编号、分栏、小标题。读完之后你能记住它的骨架,而不只是某一句漂亮话。
短、清楚、有一句能被记住的表达。这类内容我们通常放在列表最前面,方便你直接转出去。
不必全部照做。选一条对你有用的,就已经是很好的开始了。
皮肤的第一印象来自颜色,但真正决定好不好用的,是层级。建议先扫一遍标题和分区,确认自己知道「现在在哪、下一步去哪」,再去调色。
圆角、间距、主色,改动时最好一次只动一项。这样当你觉得哪里不对时,能立刻知道是哪一步带来的变化,而不是全部推倒重来。
所有元素都对齐、都同色,反而会显得没有生气。给配图留一点不规则的裁剪,或让某个编号稍微突出,页面会更有手写的味道。
做这一期的时候,我一直在想一个问题:为什么有些页面,你只看一眼就想多待一会儿?后来发现答案往往不在某个炫目的效果里,而在那些几乎察觉不到的地方——行距稍微松一点,圆角稍微大一点,主色稍微暗一点。
lk全皮肤美化1.30 这个名字里带着版本号,是因为我们把它当成一份会持续修订的稿子。1.30 不是终点,只是这一次我们觉得可以拿出来的样子。所谓「全皮肤」,也不是说包罗万象,而是希望每一种心情都能在这里找到对应的那一层皮。
在挑选题材时,我刻意避开了那些需要大声说话的内容。好的发现站应该像一个安静的编辑朋友,把东西放在桌上,说一句「这个你可能喜欢」,然后就退到一边。
如果你也刚好在整理自己的界面,或者只是想找点东西读读,不妨从下面的几个入口开始。它们不一定都对你有用,但至少,是我认真挑过的。
—— 编辑,于 1.30 版定稿之夜