pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

淺議360手機桌面鎖屏設計

淺議360手機桌面鎖屏設計 三聯教程

  前言

  著手設計3.0版本手機桌面鎖屏界面的時候,就在思考一系列的問題:用戶會喜歡什么樣的鎖屏樣式?在現有交互設計沒有大變動的情況下怎么去設計?能否設計一種有趣的設計….

  如果要同時解決這些的問題,會沒有重點和頭緒,所以決定從形態這一個方向入手,有針對性的解決問題。

  眾所周知,鎖屏分為三種形態,彼此之間的關系網如下:

  一、原始狀態

  也就是用戶遇見最多的形態

  在現在有大框架(時間,日期元素)不變的情況下,我希望給用戶一個簡潔,舒服的界面。沒有多余的視覺元素,按鈕不賦予任何的特殊材。

  調查發現,很多用戶喜歡主動更換壁紙,為了突出這塊需求,我將按鈕設計了一個不銹鋼玻璃材質的方案,但是后續的問題來了:按鈕已經賦予了材質,這跟平臺的性質不符合,所以果斷的放棄了這個方案。

  上圖為修改后的方案:按鈕是一個簡單的灰色漸變,沒有任何的顏色特性,在按鈕的邊緣有一層75%透明的區域,讓整個按鈕不至于那么死板,邊緣采用輕薄的處理方式,減掉了任何多余的視覺元素;下拉引導的原點放棄了過于復雜的效果,引導的箭頭放棄了豎線,因為點的動畫能足夠體現指引,在減法中精煉自己的設計,簡潔并有效地解決了問題。

  二、充電狀態

  這個是鎖屏狀態有趣的一個出發點

  充電在上一版本中暴露了一些問題,如:主體物不夠細膩,動畫死板,沒有賦予更好的情節性。

  從充電這個點出發,能想到的關鍵詞有:能量 釋放 渠道 吸收 反饋 ,我們進行了一次簡單的頭腦風暴,如下所示:

  在不斷的思索和嘗試中,還是沒有達到我最滿意的效果,某天看見朋友微博發的一張圖片,照片上是手里捧著1只螢火蟲的照片….我就想起了以前:初夏的夜晚,滿天星空,喝著啤酒坐在鄉下朋友家的樓頂,一起聊天。面前是一片稻田,螢火蟲就像一個一個的小精靈,能想起很多螢火蟲放在罐子里,就像點了蠟燭一樣……于是我突發奇想,能不能放棄能量條,電線,磁場等等這些太硬的方案,回歸最原始的感覺。把充電的能量想想成為一個個螢火蟲,飛舞著,然后飛進瓶子……

  有了這個想法后,我迫不及待的開始實施了,在設計中間按鈕,是很簡單的一個黑色承托,反饋的能量槽是圍繞著按鈕的一圈能量棒,中間是一個漸隱漸現的呼吸燈,讓人有一種安靜的感覺。這個方案弱化了按鈕,設計成為一個蜂巢般的容器,這樣和精靈的融合更好,并且能量條也更加的直觀。

  http://uxc.360.cn/wp-content/uploads/2012/09/充電動畫1.swf

  三、點擊觸發行為的狀態

  用戶激發按鈕后,選項會彈出,整個icon的背景是簡單的黑色半透,沒有更多復雜的元素,能夠最清晰的承托出功能區域。

  為了避免動畫生硬、不柔和的問題發生,我修改了彈出和縮回的機制,讓整個過程柔和的展示出來。

  圖標在以前基礎上進行了優化,使其和其他icon保持一致,邊緣為3像素的寬度,外圓角為3像素,內圓角為1像素。

  結語

  通過對整個默認鎖屏最初的分析提煉,到中期和后期不斷的設計調優,我們都遵循著從每個細節給用戶帶來最好的體驗為原則,不斷的思索和改進。

  我們每天都穿梭在高聳的大廈中,繁多的電子物品充斥著我們的生活,這時我卻更懷戀和大自然親近的日子,藍天,白云,綠地…我想這是是無數都市人所期盼的,我希望在小小的手機屏幕里,能喚起大家對大自然的回憶。

  鎖屏設計的安裝包下載>>

  360手機桌面下載>>

  文章來源:360UXC

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。
360

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現照片墻3D效果的示例代碼,可以實現鼠標經過圖片實現改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 巨野电机维修-水泵维修-巨野县飞宇机电维修有限公司 | 拉力机-拉力试验机-万能试验机-电子拉力机-拉伸试验机-剥离强度试验机-苏州皖仪实验仪器有限公司 | 电机保护器-电动机综合保护器-上海硕吉电器有限公司 | 液氮罐_液氮容器_自增压液氮罐_杜瓦瓶_班德液氮罐厂家 | 注塑机-压铸机-塑料注塑机-卧式注塑机-高速注塑机-单缸注塑机厂家-广东联升精密智能装备科技有限公司 | 立式硫化罐-劳保用品硫化罐-厂家直销-山东鑫泰鑫硫化罐厂家 | 玉米加工设备,玉米深加工机械,玉米糁加工设备.玉米脱皮制糁机 华豫万通粮机 | 深圳希玛林顺潮眼科医院(官网)│深圳眼科医院│医保定点│香港希玛林顺潮眼科中心连锁品牌 | 一技任务网_有一技之长,就来技术任务网| 空气能暖气片,暖气片厂家,山东暖气片,临沂暖气片-临沂永超暖通设备有限公司 | 滚珠丝杆升降机_螺旋升降机_丝杠升降机-德迈传动 | 定坤静电科技静电消除器厂家-除静电设备 | 济南铝方通-济南铝方通价格-济南方通厂家-山东鲁方通建材有限公司 | 网优资讯-为循环资源、大宗商品、工业服务提供资讯与行情分析的数据服务平台 | 层流手术室净化装修-检验科ICU改造施工-华锐净化工程-特殊科室建设厂家 | 食安观察网| SDI车窗夹力测试仪-KEMKRAFT方向盘测试仪-上海爱泽工业设备有限公司 | 洗瓶机厂家-酒瓶玻璃瓶冲瓶机-瓶子烘干机-封口旋盖压盖打塞机_青州惠联灌装机械 | 保镖公司-私人保镖-深圳保镖公司【环宇兄弟保镖】 | 无锡网站建设_小程序制作_网站设计公司_无锡网络公司_网站制作 | 植筋胶-粘钢胶-碳纤维布-碳纤维板-环氧砂浆-加固材料生产厂家-上海巧力建筑科技有限公司 | 太空舱_民宿太空舱厂家_移动房屋太空舱价格-豪品建筑 | 农产品溯源系统_农产品质量安全追溯系统_溯源系统 | 执业药师报名时间,报考条件,考试时间-首页入口| 精密模具制造,注塑加工,吹塑和吹瓶加工,EPS泡沫包装生产 - 济南兴田塑胶有限公司 | 一氧化氮泄露报警器,二甲苯浓度超标报警器-郑州汇瑞埔电子技术有限公司 | 污水处理设备维修_污水处理工程改造_机械格栅_过滤设备_气浮设备_刮吸泥机_污泥浓缩罐_污水处理设备_污水处理工程-北京龙泉新禹科技有限公司 | 粉末包装机-给袋式包装机-全自动包装机-颗粒-液体-食品-酱腌菜包装机生产线【润立机械】 | 连栋温室大棚建造厂家-智能玻璃温室-薄膜温室_青州市亿诚农业科技 | 广西资质代办_建筑资质代办_南宁资质代办理_新办、增项、升级-正明集团 | 采暖炉_取暖炉_生物质颗粒锅炉_颗粒壁炉_厂家加盟批发_烟台蓝澳采暖设备有限公司 | 大米加工设备|大米加工机械|碾米成套设备|大米加工成套设备-河南成立粮油机械有限公司 | 岛津二手液相色谱仪,岛津10A液相,安捷伦二手液相,安捷伦1100液相-杭州森尼欧科学仪器有限公司 | 常州翔天实验仪器厂-恒温振荡器-台式恒温振荡器-微量血液离心机 恒温恒湿箱(药品/保健品/食品/半导体/细菌)-兰贝石(北京)科技有限公司 | RS系列电阻器,RK_RJ启动调整电阻器,RQ_RZ电阻器-上海永上电器有限公司 | 浇钢砖,流钢砖_厂家价低-淄博恒森耐火材料有限公司 | 澳洁干洗店加盟-洗衣店干洗连锁「澳洁干洗免费一对一贴心服务」 干洗加盟网-洗衣店品牌排行-干洗设备价格-干洗连锁加盟指南 | 玻璃瓶厂家_酱菜瓶厂家_饮料瓶厂家_酒瓶厂家_玻璃杯厂家_徐州东明玻璃制品有限公司 | 高温链条油|高温润滑脂|轴承润滑脂|机器人保养用油|干膜润滑剂-东莞卓越化学 | 航空铝型材,7系铝型材挤压,硬质阳*氧化-余润铝制品 | 无线讲解器-导游讲解器-自助讲解器-分区讲解系统 品牌生产厂家[鹰米讲解-合肥市徽马信息科技有限公司] |