Android版掌閱讀書2018年春節(jié)主題皮膚的設(shè)計(jì)

項(xiàng)目的由來：每逢佳節(jié)換皮膚——重大節(jié)日或熱點(diǎn)事件各種產(chǎn)品平臺通過主題皮膚來營造節(jié)日氛圍。

掌閱app發(fā)展至今，經(jīng)過了多個大版本迭代，產(chǎn)品結(jié)構(gòu)的進(jìn)化和開發(fā)實(shí)現(xiàn)方式的變化對設(shè)計(jì)最終落地的方法會產(chǎn)生一些影響，所以我們結(jié)合這次春節(jié)主題的設(shè)計(jì)思路做了以下的總結(jié)。

設(shè)計(jì)流程

需求是由設(shè)計(jì)中心驅(qū)動，首先需要對整個需求做一個大概的評判，評估需求是否有不合理的因素，例如是否會與運(yùn)營部門的春節(jié)活動設(shè)計(jì)有沖突的環(huán)節(jié)，需要設(shè)計(jì)師走動起來，去跨部門主動溝通，不要只在工位上埋頭畫圖。

當(dāng)所有都搞定之后，進(jìn)入創(chuàng)意階段，天馬行空固然是好，但結(jié)合自身產(chǎn)品的特點(diǎn)和用戶群體是有必須的。

結(jié)合產(chǎn)品研發(fā)技術(shù)的特點(diǎn)，了解有哪些限制因素。掌閱app的皮膚有兩套模板，分別是顏色類的主題和材質(zhì)類的主題，又可以以底部導(dǎo)航是不是帶有切換動效來區(qū)分。

春節(jié)主題需求在整個項(xiàng)目中的優(yōu)先級決定了各個支持部門在這個需求投入精力，這個需求的目標(biāo)是配合運(yùn)營活動烘托活動氣氛，提長產(chǎn)品的友好度。是一個時效性比較短的功能，不占用太多的研發(fā)資源。

這些都確定之后，這個需求的工作重點(diǎn)就落在了設(shè)計(jì)師身上，設(shè)計(jì)過程中會在上面的環(huán)節(jié)中反復(fù)，每一次都會更關(guān)注細(xì)節(jié)，都可能會產(chǎn)生新的問題和新的解決方法。

1.需求發(fā)起：

背景：通過調(diào)整視覺設(shè)計(jì)配合運(yùn)營活動烘托節(jié)日氣氛，吸引用戶關(guān)注度，增加產(chǎn)品情感化表達(dá)，提升體驗(yàn)。雖然春節(jié)期間app主題切換是大部分用戶能夠理解并接受，但是我們還是需要給用戶提示，引導(dǎo)用戶主動切換到春節(jié)主題。盡量避免在升級過程中自動改變主要功能界面的主題，除非是有重大版本發(fā)布。否則用戶被動接受這種視覺上的改變會引起用戶的反感，需要給用戶一定的預(yù)期。

現(xiàn)狀：掌閱app線上的界面默認(rèn)的是一套白色的簡潔風(fēng)格主題，并給用戶提供多種偏好選擇。主題庫有兩大類：顏色類+材質(zhì)類。是通過改變書架、書城、我的三個主要頻道頁的導(dǎo)航或是Titlebar上的背景、文字、icon的顏色或是動效來區(qū)別，樣式比較單一，并不能達(dá)到突出節(jié)日氣氛的目的。

2.收集素材：

提煉能夠展示節(jié)日的關(guān)鍵詞：年、福、對聯(lián)、紅色、金色、門神、燈籠、有魚、梅花、雪花、煙花等。

3.實(shí)現(xiàn)方式：

確定展示區(qū)域：了解并分析了需求背景和當(dāng)前產(chǎn)品的情況后，并且確定了除常規(guī)展示主題的書架、主導(dǎo)航icon外，在我的頁面也增加了元素的展示區(qū)，目的是在但不能影響主要功能體驗(yàn)的基礎(chǔ)上更多的體現(xiàn)節(jié)日氣氛。

了解限制因素：1、icon的尺寸大小對細(xì)節(jié)的限制，在繪制icon時不要考慮過多的細(xì)節(jié)。2、新增的展示區(qū)會對原有的信息有一定的影響，尤其是在操作使用時。

A動效、b場景、c限制

4.繪制細(xì)節(jié):

顏色、材質(zhì)、形狀、動效、場景5個維度來體現(xiàn)圖片設(shè)計(jì)。

icon動效延續(xù)了線上版本的規(guī)則

最后階段這兩個顏色差異比較大的方案，在方案的選擇上，大家會根據(jù)個人主觀感受給出意見，例如：紅色才能體現(xiàn)節(jié)日的喜慶感或是黃色更柔和等。但是當(dāng)增加了一個評判維度：和其它頁面的一致性，這時候結(jié)果就很明顯了。

5.推動落地：

最后階段，切圖輸出到走查，為了保證最終的體驗(yàn)效果與設(shè)計(jì)的一致，并不能輕心。

所有改變用戶使用習(xí)慣的設(shè)計(jì)都會對一部分用戶造成傷害，這種主題皮膚視覺類的改變也不例外，如果主題跟隨發(fā)版上線以后，自動給用戶切換主題，會讓用戶有種被迫的感覺，所以我們采用了發(fā)版引導(dǎo)圖的辦法，在發(fā)版圖直接給用戶開放一鍵入口，引導(dǎo)用戶去使用。

總結(jié)

沒有完美的設(shè)計(jì)方案，只有最適合的。當(dāng)下的設(shè)計(jì)師們不該只注重于視覺表現(xiàn)和輸出圖片這種單一的操作。比如類似這個主題皮膚的小需求工作量并不大，在整個項(xiàng)目中串聯(lián)運(yùn)營、產(chǎn)品、研發(fā)等環(huán)節(jié)形成經(jīng)得起推敲的完整的思路，并最終推動落地才是一套完整的方案。