|
|
因为工作太忙（好吧这不是借口）所以没有坚持一周一个教捏，不过今天瞄小咪回来啦！我带来的是很久以前比较流行的透明界面。虽然会让人觉得有点过时，但是小瞄咪还是很喜欢的！针对新人，高手绕道哈！
大家是否记得有很多界面特别轻薄，透明，看着非常大方，我们来学粉做一个吧！
背景：
内容：以半透明的形式，透出界面以下部分是模糊的（这点只能在效果中演示，实现需要靠技术）
质感：有轻微的磨砂玻璃的感觉
明暗：非常薄的高光和阴影， 1px的高光
按钮：普通状态：不突出 鼠标经过：增加一个半透明的明暗关系，使之有突出的感觉
文字：需要一定的描边和外发光或者大块的地色块光来支撑，防止与背景混淆
既然分析完了，我们就开始学着做一个吧！
是不是感觉还行，我们再细致点给他增加磨砂效果和透出来的背景模糊效果（其实产品开发中这点要靠技术实现）
摸糊效果：这里就假装用一下技术了。
左健和 ctrl 一起按 背景的那个矩形可以得到一个选区，得到选区后选择下面的照片图层。
滚镜——高斯摸粗 3 像素
磨砂效果：再直接把选区按 ctr + J 复制了一层，填充 50 ％灰色（这一步是为什么，哪位同学能告诉我），滤镜一一杂色。
原因：因为50%的灰是一个图层叠加模式下非常重要的一个分界线。
在叠加模式下 ，叠加图层50%灰会被过滤掉，图层上亮于50%灰或暗于50%的图像信息参与与以下图层的图层叠加。（也许表述不严谨，你尝试在一个图像背景上建一50%灰的图层，设图层模式为叠加模式，然后用加深与减淡工具在上面涂涂玩下，然后观察新建图层在正常模式下与叠加模式下对图像背景图层的叠加影响。你就大概能明白些什么。）
补充一点：PS教程中，在50%灰图层上使用添加杂色滤镜，就产生了大量亮于或暗于50%灰的杂点，它们参与与以下图层叠加，而50%灰不参与叠加。磨砂效果也就突显出来了。
再把图层改成叠加模式，这样就有轻微的磨砂粒子了（觉得不给力可以多叠加几层！)
这样背景算完成啦！
在做 UI 的慢慢长路里，多多去看好作吕，然后分类分步骤分层次的多个维度去分析他们好在哪里
提高自己观察细节的能力，就像侦探一样，去看一个好作品的细节，抓住，练习，学来。这是非常重要的。
想要创造风格，第一步就是模仿。我认为做界面就是三步走：
1 慢慢积累各个风格
2 掌握大部分主流风格且驾轻就熟
3 能超脱大部分风格做自己的风格
|
|
窥视卡
雷达卡
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡