曾经的一款UI设计界面

1.icons
形式上 通过不同的褶皱,折痕方式来辅助表现每个图标自身的区块特点    另外提供了三种不同的默认背板样式.
配色上,使用了饱和度不高的灰色调,希望在长时间使用下不会带来视觉疲劳.

某个程度上也降低了 用户在选择上 因为颜色过于饱和 而无法聚焦造成的选择困难

在圆形,左右 ,上下,三种方式中最终还是选择了上下解锁，因为上下解锁,在交互上是权衡了用户左右手的操作习惯.  并且上下解锁的路径长度都短于其它两种方式 ,  在一些操作不是很方便的使用环境下 也能快速方便解锁 .

3.锁屏 2
在默认锁屏上 增加了 3个便捷入口,长按解锁图标一秒,唤醒,电话,相机,简讯的 3个便捷入口,点按取消. 

4.未接来电提醒
当有未接来电时,原解锁图标更换成 电话icon <br>同时外围出现翠绿的环状图形,由浅到深的进行渐隐,加强给用户的提示.<br>点击图标进入,未接来电界 面.<br>按住下拉进入手机主界面（在按住下拉同时   顶部 4 Missed Call 文字 淡出 )

5.未收简讯

原理同上 

6.音乐播放界面,左右切换歌曲,点按图标 暂停/播放    
按住图标,绕着音乐轨迹做原环状手势操作,进行快进 后退.
按住下拉,进行解锁,播放时间文字 淡出.

7. 充电模式 
图标外圈环状图形  由下至上 显示 当时的充电量 

(ps:为了和 音乐播放界面做区分 所以在充电模式下 外圈图形 使用从下至上的显示)

8.解锁动画
原本是打算把,褶皱动画 这个作为跟随解锁手势,同步触发. 
但由于后来考虑到,用户在设置密码的情况下,这种交互方式会比较尴尬 ,因此只好放弃手势触发,作为解锁后的一个交互动画来体现.

9.第一屏
时钟Widget 做成折页效果 与主题呼应 

10.第二屏

• 

  11.锁屏加图片壁纸效果
  附送锁屏壁纸一张 
  图片由 http://weibo.com/loving6qq  6QQ同学提供，
  因此不涉及版权问题

• 

  12.手机后盖
  提取 小米商店的图标元素,作为后盖设计. 
  颜色与小米手机包装呼应,体现环保理念.同时体现褶皱折痕概念. 

• 

  13.锁屏壁纸

•