全国免费咨询热线:400-611-9921
 
浅议360手机桌面锁屏设计

2015-09-18

806

着手设计3.0版本手机桌面锁屏界面的时候,就在思考一系列的问题:用户会喜欢什么样的锁屏样式?在现有交互设计没有大变动的情况下怎么去设计?能否设计一种有趣的设计...


着手设计3.0版本手机桌面锁屏界面的时候,就在思考一系列的问题:用户会喜欢什么样的锁屏样式?在现有交互设计没有大变动的情况下怎么去设计?能否设计一种有趣的设计….

  如果要同时解决这些的问题,会没有重点和头绪,所以决定从形态这一个方向入手,有针对性的解决问题。

  众所周知,锁屏分为三种形态,彼此之间的关系网如下:

浅议360手机桌面锁屏设计,互联网的一些事

  一、原始状态

  也就是用户遇见最多的形态

  在现在有大框架(时间,日期元素)不变的情况下,我希望给用户一个简洁,舒服的界面。没有多余的视觉元素,按钮不赋予任何的特殊材。

  调查发现,很多用户喜欢主动更换壁纸,为了突出这块需求,我将按钮设计了一个不锈钢玻璃材质的方案,但是后续的问题来了:按钮已经赋予了材质,这跟平台的性质不符合,所以果断的放弃了这个方案,用户体验。

浅议360手机桌面锁屏设计,互联网的一些事

  上图为修改后的方案:按钮是一个简单的灰色渐变,没有任何的颜色特性,在按钮的边缘有一层75%透明的区域,让整个按钮不至于那么死板,边缘采用轻薄的处理方式,减掉了任何多余的视觉元素;下拉引导的原点放弃了过于复杂的效果,引导的箭头放弃了竖线,因为点的动画能足够体现指引,在减法中精炼自己的设计,简洁并有效地解决了问题。

  二、充电状态

  这个是锁屏状态有趣的一个出发点

  充电在上一版本中暴露了一些问题,如:主体物不够细腻,动画死板,没有赋予更好的情节性。

  从充电这个点出发,能想到的关键词有:能量 释放 渠道 吸收 反馈 ,我们进行了一次简单的头脑风暴,如下所示:

浅议360手机桌面锁屏设计,互联网的一些事

  在不断的思索和尝试中,还是没有达到我最满意的效果,某天看见朋友微博发的一张图片,照片上是手里捧着1只萤火虫的照片….我就想起了以前:初夏的夜晚,满天星空,喝着啤酒坐在乡下朋友家的楼顶,一起聊天。品牌设计,面前是一片稻田,萤火虫就像一个一个的小精灵,能想起很多萤火虫放在罐子里,就像点了蜡烛一样……于是我突发奇想,能不能放弃能量条,电线,磁场等等这些太硬的方案,回归最原始的感觉。把充电的能量想想成为一个个萤火虫,飞舞着,然后飞进瓶子……

浅议360手机桌面锁屏设计,互联网的一些事
浅议360手机桌面锁屏设计,互联网的一些事

  有了这个想法后,我迫不及待的开始实施了,在设计中间按钮,是很简单的一个黑色承托,反馈的能量槽是围绕着按钮的一圈能量棒,手机网站开发,中间是一个渐隐渐现的呼吸灯,让人有一种安静的感觉。这个方案弱化了按钮,设计成为一个蜂巢般的容器,这样和精灵的融合更好,并且能量条也更加的直观。

  三、点击触发行为的状态

  用户激发按钮后,选项会弹出,整个icon的背景是简单的黑色半透,没有更多复杂的元素,能够最清晰的承托出功能区域。

  为了避免动画生硬、不柔和的问题发生,我修改了弹出和缩回的机制,让整个过程柔和的展示出来。

  图标在以前基础上进行了优化,使其和其他icon保持一致,边缘为3像素的宽度,外圆角为3像素,内圆角为1像素。

浅议360手机桌面锁屏设计,互联网的一些事

  结语

  通过对整个默认锁屏最初的分析提炼,到中期和后期不断的设计调优,我们都遵循着从每个细节给用户带来最好的体验为原则,不断的思索和改进。

浅议360手机桌面锁屏设计,互联网的一些事

  我们每天都穿梭在高耸的大厦中,繁多的电子物品充斥着我们的生活,这时我却更怀恋和大自然亲近的日子,蓝天,白云,绿地…我想这是是无数都市人所期盼的,我希望在小小的手机屏幕里,能唤起大家对大自然的回忆。



关注我们:在查找公众号中搜索:zomsky1688,或者扫描下方二维码快速关注。
广州市纵天信息科技有限公司公众号
关键词:纵天科技,广州网站建设,广州网站设计
热门标签
柏洪集团网站集团网站建设新元素网站教育网站德胜教育集团德国商会网站建设德国商会品牌网站建设福美控股赛立信网站建设智能家居网站运动网站建设贸易网站建设玩具网站建设化工网站建设日化网站建设家电网站建设音响网站建设物流网站建设旅游网站建设网站建酒店网站建母婴网站建设珠宝网站建设钟表网站建设培训网站建设教育网站建设建材网站建设装饰网站建设机械网站建设美妆网站建设展览网站建设皮具网站建设五金网站建设仪器网站建设照明网站建设水电网站建设咨询网站建设法律网站建设家具网站建设家居网站建设服装网站建设服务网站建设食品网站建设金融网站建设餐饮网站建设环保网站建设政府网站建设科技网站建设地产网站建设医药网站建设数码网站建设营销型网站广州网站制作广州网站建设公司建网站广州网站设计公司建站优必思官网英文版网站定制网站广州网站建设中服装网站设计服装网站制作防火板网站大数据网站科技网站制作三盟科技物联网网站人工智能网站防火板网站制作家居网站制作枕头网站电器网站制作电器网站家具网站家居网站斯帝罗兰网站建设公司​手机网站建设响应式网站企业官方网站网站策划官网改版企业网站建设网站制作网站设计建站公司网站建设公司企业网站网站建设费用网站建设广州企业网站建设企业建站官网建设公司网站制作拉链官网广州建站广州网站建设纵天科技
立即致电纵天品牌顾问:
400-611-9921
联系我们:

地址1:广州市天河区珠江新城邦华环球广场16F

地址2:杭州市滨江区滨安路1190号智汇中心B308

业务 QQ: 3561401262

E-mail: sales@zomsky.com

电话咨询 在线咨询 QQ咨询 官方微信
官方微信
TOP

立即与纵天项目顾问通话

400-611-9921

您也可以咨询我们的在线客服或预约资深顾问

信息保护中,请放心填写
关闭