zoukankan      html  css  js  c++  java
  • 苹果iOS锁屏制作

    下面我们开始。

    一、锁屏界面
    iphone-lock.jpg

    可以观察到,iphone的锁屏界面在时间和解锁部分有着透明强高光风格的背景,高光部分有非常明显的界限,边缘部分1像素的高光也是非常醒目的,整体感觉整个表面非常光滑,如同玻璃般的质感。透明的使用让整个界面不被硬生生的划分为三个部分,而是让桌面图片从后面透过来,扩大了视线的范围,让整个界面感觉更加透气。滑动按钮使用了灰色的渐变,但是依然延续了这种风格,你可以清晰的看到高光和阴影部分的分界线。在整体的颜色上选择了不同层次的灰色,便于搭配各种桌面图片。

    这里我们主要来了解一下透明的高光背景所使用的技术。通过查看源文件我们可以发现,其中最主要的部分实际上是技巧性的应用了图层样式中的渐变叠加。上半部分的高光应用了从顶部到底部由浅至深的灰色渐变,而下半部分只是单纯的黑色。下面图片显示了具体的颜色值,当然,这并不是唯一的数值,只是让大家做一个参考。完成渐变叠加后,再将渐变叠加的不透明度降低到55%,然后在图层面板中将图层的填充不透明度降低至0%就可以了。

    apple-gradient.png

    这是我按照上面的方法做出来的效果,你也可以自己动手试一试。

    苹果风格.jpg

    苹果风格1.jpg

  • 相关阅读:
    Channel 9视频整理【6】
    Channel 9视频整理【5】
    Channel 9视频整理【4】
    Channel 9视频整理【3】
    SQL_Server_2008完全学习之第二章管理工具
    SQL_Server_2008完全学习之第一章入门知识
    【转】大话模拟退火
    Unity使用DLL库
    常用纹理和纹理压缩格式
    Gamma空间和线性空间
  • 原文地址:https://www.cnblogs.com/riskyer/p/3369525.html
Copyright © 2011-2022 走看看