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

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

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

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

　　一、原始狀態(tài)

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

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

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

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

　　二、充電狀態(tài)

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

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

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

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

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

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

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

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

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

　　結(jié)語

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

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

文章題目：淺議360手機桌面鎖屏設(shè)計
標題URL：http://www.bm7419.com/news20/164870.html

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

廣告

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