《設(shè)計(jì)一個(gè)美夢(mèng)》—有關(guān)百度鎖屏的故事

故事從鎖屏設(shè)計(jì)說(shuō)起
接到這個(gè)鎖屏設(shè)計(jì)項(xiàng)目的時(shí)候，我們開(kāi)始考慮著如何把一款鎖屏應(yīng)用做得更有趣更不一樣。目前已有的鎖屏應(yīng)用大多數(shù)是圍繞于變換各種滑屏解鎖的視覺(jué)表現(xiàn)形式而展開(kāi)設(shè)計(jì)，而這一次我們希望在鎖屏中添加一些新鮮有趣的東西，在鎖屏的基礎(chǔ)上，還能傳遞更多的信息，用戶(hù)在每一次使用時(shí)都能有不一樣的內(nèi)容。當(dāng)“鎖屏”與“搜索”這兩件事發(fā)生碰撞時(shí)，我們開(kāi)始尋找一種解決方案，讓屏幕解鎖與網(wǎng)絡(luò)熱詞之間產(chǎn)生關(guān)聯(lián)。就這樣，我們定義了“百度鎖屏”，它不僅僅是鎖屏，還能夠查看并搜索網(wǎng)絡(luò)熱詞；同時(shí)，它還應(yīng)該是漂亮的、兼顧趣味和效率、能夠傳遞情感的一款鎖屏應(yīng)用。

星空概念的誕生
前期的頭腦風(fēng)暴階段，我們產(chǎn)生了很多關(guān)于熱詞解鎖的想法，綜合評(píng)估創(chuàng)意的可行性，篩選了一部分方案，并選取以下幾個(gè)維度對(duì)方案進(jìn)行考量：簡(jiǎn)潔，有趣，高效，易擴(kuò)展，傳遞情感的；

(圖1：前期概念發(fā)散)

(圖2：方案評(píng)估)

(圖3：概念拓展嘗試)

經(jīng)過(guò)創(chuàng)意篩選和草圖篩選，我們開(kāi)始對(duì)一部分創(chuàng)意草圖進(jìn)行設(shè)計(jì)拓展嘗試，在這個(gè)階段，包含了對(duì)視覺(jué)風(fēng)格、基本操作流程和動(dòng)效展現(xiàn)等細(xì)節(jié)的考慮。在設(shè)計(jì)初稿方案中，我們最終選取將熱詞與星辰星座相結(jié)合的設(shè)計(jì)概念。

演繹創(chuàng)意藍(lán)圖
1）設(shè)計(jì)概念的延伸：
創(chuàng)意概念確定之后，深入拓展和演繹階段變得更加有意思起來(lái)。以每一個(gè)熱詞為一顆星，每組熱詞就構(gòu)建出一組星座圖案；星座圖案的多樣，也讓熱詞的排布也有了更多可能。
沿著這個(gè)概念再向前走一步，星座延展到星空，熱詞更迭，斗轉(zhuǎn)星移，星空與星座，以一種既有趣又富有情感的方式，呈現(xiàn)了熱詞內(nèi)容。

2）兩種解鎖行為：
在熱詞解鎖方式上，我們?yōu)橛脩?hù)提供了兩種解鎖途徑：劃詞解鎖和兩次點(diǎn)擊解鎖；
劃詞解鎖：讓用戶(hù)在劃動(dòng)熱詞解鎖的同時(shí)，能夠?qū)嵩~發(fā)起搜索；而星座圖案的變化和星辰列隊(duì)排布的動(dòng)效，也為解鎖操作帶來(lái)了樂(lè)趣體驗(yàn)。

(圖5：解鎖方式-劃詞解鎖)

點(diǎn)擊解鎖：對(duì)熱詞兩次點(diǎn)擊熱詞進(jìn)行解鎖，同時(shí)對(duì)熱詞發(fā)起搜索。看到屏幕上的熱詞，用戶(hù)下意識(shí)的反應(yīng)是點(diǎn)擊，一次點(diǎn)擊鎖定熱詞，再次點(diǎn)擊解鎖并發(fā)起搜索。這種方式簡(jiǎn)單有效，更符合用戶(hù)的認(rèn)知習(xí)慣。

(圖6：解鎖方式-點(diǎn)擊解鎖)

3）好玩VS 效率
為了讓星空更豐富有趣，我們?cè)O(shè)計(jì)展現(xiàn)10套不同的星座圖案。同時(shí)，我們對(duì)每組熱詞的解鎖采用一套反饋呈現(xiàn)動(dòng)效（星辰列隊(duì)排布），保證用戶(hù)操作行為的一致，降低用戶(hù)操作成本，在好玩的同時(shí)兼顧了使用效率。

(圖7：統(tǒng)一反饋動(dòng)效，降低操作成本)

4）可拓展性&適應(yīng)性
這里提到的可拓展性與適應(yīng)性主要體現(xiàn)在兩個(gè)維度上：一方面，不斷更新的熱詞詞條字?jǐn)?shù)不一，在每一組熱詞在屏幕中排布的位置和策略需要考慮可能出現(xiàn)的極端情況。另一方面，對(duì)于在安卓系統(tǒng)上的設(shè)計(jì)，考慮在不同屏幕尺寸下整體的排版呈現(xiàn)效果。

(圖8：熱詞的顯示策略)

5）更多主題，更多風(fēng)景
繼續(xù)延續(xù)星空的概念，或是夜晚的流星，或是極光的神秘，或是節(jié)日的繽紛……通過(guò)更換主題壁紙，我們也向用戶(hù)展示了更多美麗的天空風(fēng)景。