中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

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

2022-06-08    分類: 網(wǎng)站建設(shè)

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

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

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

  一、原始狀態(tài)

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

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

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

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

  二、充電狀態(tài)

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

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

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

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

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

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

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

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

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

  結(jié)語(yǔ)

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

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

新聞標(biāo)題:淺議360手機(jī)桌面鎖屏設(shè)計(jì)
URL網(wǎng)址:http://www.rwnh.cn/news/164870.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制網(wǎng)站、品牌網(wǎng)站制作、Google、關(guān)鍵詞優(yōu)化App開發(fā)、品牌網(wǎng)站建設(shè)

廣告

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

成都定制網(wǎng)站建設(shè)
镇沅| 濮阳县| 绵竹市| 泾阳县| 安宁市| 湘潭县| 石河子市| 商洛市| 台山市| 尚志市| 吉水县| 呼玛县| 化州市| 景洪市| 天水市| 隆德县| 温泉县| 龙江县| 广汉市| 枝江市| 温州市| 荥阳市| 高雄市| 克山县| 遂川县| 潜山县| 尚义县| 虞城县| 甘洛县| 通辽市| 巩义市| 山阴县| 衢州市| 安图县| 双江| 漳浦县| 丹江口市| 汪清县| 余姚市| 白山市| 宜兴市|