header_v0.7.32

MiCrease

5年前发布

原创作品 / UI / 主题/皮肤
作品版权由blacksnail 解释, 禁止匿名转载;禁止商业使用;禁止个人使用。 临摹作品,同人作品原型版权归原作者所有。
正在参与:MIUI第二届全球手机主题设计大赛

以Crease 折痕 褶皱 为主线的一套UI设计方案.    
在想法,配色,形式上,维持在一个维度,使整套设计风格保持统一
希望能给使用者带来一种轻量 快速 无心理负担的体验

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

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

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

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

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

5.未收简讯

原理同上 

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

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

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

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

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

10.第二屏

723
1 2

作品信息

  • 创作时间

    2012/07/15

相关作品 收录收藏夹 TA的主页
MiCrease
意见反馈
没有新消息
密码登录
短信登录
微信二维码登录

提示文案

提示文案

提示失败
提示成功