淺議360手機(jī)桌面鎖屏設(shè)計(jì)

著手設(shè)計(jì)3.0版本手機(jī)桌面鎖屏界面的時(shí)候，就在思考一系列的問題：用戶會(huì)喜歡什么樣的鎖屏樣式?在現(xiàn)有交互設(shè)計(jì)沒有大變動(dòng)的情況下怎么去設(shè)計(jì)?能否設(shè)計(jì)一種有趣的設(shè)計(jì)….

　　如果要同時(shí)解決這些的問題，會(huì)沒有重點(diǎn)和頭緒，所以決定從形態(tài)這一個(gè)方向入手，有針對(duì)性的解決問題。

　　眾所周知，鎖屏分為三種形態(tài)，彼此之間的關(guān)系網(wǎng)如下：

　　一、原始狀態(tài)

　　也就是用戶遇見最多的形態(tài)

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

　　調(diào)查發(fā)現(xiàn)，很多用戶喜歡主動(dòng)更換壁紙，為了突出這塊需求，我將按鈕設(shè)計(jì)了一個(gè)不銹鋼玻璃材質(zhì)的方案，但是后續(xù)的問題來了：按鈕已經(jīng)賦予了材質(zhì)，這跟平臺(tái)的性質(zhì)不符合，所以果斷的放棄了這個(gè)方案，用戶體驗(yàn)。

　　上圖為修改后的方案：按鈕是一個(gè)簡單的灰色漸變，沒有任何的顏色特性，在按鈕的邊緣有一層75%透明的區(qū)域，讓整個(gè)按鈕不至于那么死板，邊緣采用輕薄的處理方式，減掉了任何多余的視覺元素;下拉引導(dǎo)的原點(diǎn)放棄了過于復(fù)雜的效果,引導(dǎo)的箭頭放棄了豎線，因?yàn)辄c(diǎn)的動(dòng)畫能足夠體現(xiàn)指引，在減法中精煉自己的設(shè)計(jì)，簡潔并有效地解決了問題。

　　二、充電狀態(tài)

　　這個(gè)是鎖屏狀態(tài)有趣的一個(gè)出發(fā)點(diǎn)

　　充電在上一版本中暴露了一些問題，如：主體物不夠細(xì)膩，動(dòng)畫死板，沒有賦予更好的情節(jié)性。

　　從充電這個(gè)點(diǎn)出發(fā)，能想到的關(guān)鍵詞有：能量 釋放 渠道 吸收 反饋 ，我們進(jìn)行了一次簡單的頭腦風(fēng)暴，如下所示：

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

　　有了這個(gè)想法后，我迫不及待的開始實(shí)施了，在設(shè)計(jì)中間按鈕，是很簡單的一個(gè)黑色承托，反饋的能量槽是圍繞著按鈕的一圈能量棒，手機(jī)網(wǎng)站開發(fā)，中間是一個(gè)漸隱漸現(xiàn)的呼吸燈，讓人有一種安靜的感覺。這個(gè)方案弱化了按鈕，設(shè)計(jì)成為一個(gè)蜂巢般的容器，這樣和精靈的融合更好，并且能量條也更加的直觀。

　　三、點(diǎn)擊觸發(fā)行為的狀態(tài)

　　用戶激發(fā)按鈕后，選項(xiàng)會(huì)彈出，整個(gè)icon的背景是簡單的黑色半透，沒有更多復(fù)雜的元素，能夠最清晰的承托出功能區(qū)域。

　　為了避免動(dòng)畫生硬、不柔和的問題發(fā)生，我修改了彈出和縮回的機(jī)制，讓整個(gè)過程柔和的展示出來。

　　圖標(biāo)在以前基礎(chǔ)上進(jìn)行了優(yōu)化，使其和其他icon保持一致，邊緣為3像素的寬度，外圓角為3像素，內(nèi)圓角為1像素。

　　結(jié)語

　　通過對(duì)整個(gè)默認(rèn)鎖屏最初的分析提煉，到中期和后期不斷的設(shè)計(jì)調(diào)優(yōu)，我們都遵循著從每個(gè)細(xì)節(jié)給用戶帶來最好的體驗(yàn)為原則，不斷的思索和改進(jìn)。

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

文章題目：淺議360手機(jī)桌面鎖屏設(shè)計(jì)
標(biāo)題URL：http://www.muchs.cn/news20/164870.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供全網(wǎng)營銷推廣、建站公司、響應(yīng)式網(wǎng)站、品牌網(wǎng)站制作、手機(jī)網(wǎng)站建設(shè)、做網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)