提交需求
賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時間與您聯(lián)系!
Android版掌閱讀書2018年春節(jié)主題皮膚的設(shè)計
每逢佳節(jié)換皮膚——重大節(jié)日或熱點事件各種產(chǎn)品平臺通過主題皮膚來營造節(jié)日氛圍。
掌閱app發(fā)展至今,經(jīng)過了多個大版本迭代,產(chǎn)品結(jié)構(gòu)的進(jìn)化和開發(fā)實現(xiàn)方式的變化對設(shè)計最終落地的方法會產(chǎn)生一些影響,所以我們結(jié)合這次春節(jié)主題的設(shè)計思路做了以下的總結(jié)。
設(shè)計流程
需求是由設(shè)計中心驅(qū)動,首先需要對整個需求做一個大概的評判,評估需求是否有不合理的因素,例如是否會與運(yùn)營部門的春節(jié)活動設(shè)計有沖突的環(huán)節(jié),需要設(shè)計師走動起來,去跨部門主動溝通,不要只在工位上埋頭畫圖。
當(dāng)所有都搞定之后,進(jìn)入創(chuàng)意階段,天馬行空固然是好,但結(jié)合自身產(chǎn)品的特點和用戶群體是有必須的。
結(jié)合產(chǎn)品研發(fā)技術(shù)的特點,了解有哪些限制因素。掌閱app的皮膚有兩套模板,分別是顏色類的主題和材質(zhì)類的主題,又可以以底部導(dǎo)航是不是帶有切換動效來區(qū)分。
春節(jié)主題需求在整個項目中的優(yōu)先級決定了各個支持部門在這個需求投入精力,這個需求的目標(biāo)是配合運(yùn)營活動烘托活動氣氛,提長產(chǎn)品的友好度。是一個時效性比較短的功能,不占用太多的研發(fā)資源。
這些都確定之后,這個需求的工作重點就落在了設(shè)計師身上,設(shè)計過程中會在上面的環(huán)節(jié)中反復(fù),每一次都會更關(guān)注細(xì)節(jié),都可能會產(chǎn)生新的問題和新的解決方法。
1.需求發(fā)起:
背景:通過調(diào)整視覺設(shè)計配合運(yùn)營活動烘托節(jié)日氣氛,吸引用戶關(guān)注度,增加產(chǎn)品情感化表達(dá),提升體驗。雖然春節(jié)期間app主題切換是大部分用戶能夠理解并接受,但是我們還是需要給用戶提示,引導(dǎo)用戶主動切換到春節(jié)主題。盡量避免在升級過程中自動改變主要功能界面的主題,除非是有重大版本發(fā)布。否則用戶被動接受這種視覺上的改變會引起用戶的反感,需要給用戶一定的預(yù)期。
現(xiàn)狀:掌閱app線上的界面默認(rèn)的是一套白色的簡潔風(fēng)格主題,并給用戶提供多種偏好選擇。主題庫有兩大類:顏色類+材質(zhì)類。是通過改變書架、書城、我的三個主要頻道頁的導(dǎo)航或是Titlebar上的背景、文字、icon的顏色或是動效來區(qū)別,樣式比較單一,并不能達(dá)到突出節(jié)日氣氛的目的。
2.收集創(chuàng)意:
提煉能夠展示節(jié)日的關(guān)鍵詞:年、福、對聯(lián)、紅色、金色、門神、燈籠、有魚、梅花、雪花、煙花等。
3.實現(xiàn)方式:
確定展示區(qū)域:了解并分析了需求背景和當(dāng)前產(chǎn)品的情況后,并且確定了除常規(guī)展示主題的書架、主導(dǎo)航icon外,在我的頁面也增加了元素的展示區(qū),目的是在但不能影響主要功能體驗的基礎(chǔ)上更多的體現(xiàn)節(jié)日氣氛。
了解限制因素:1、icon的尺寸大小對細(xì)節(jié)的限制,在繪制icon時不要考慮過多的細(xì)節(jié)。2、新增的展示區(qū)會對原有的信息有一定的影響,尤其是在操作使用時。
A動效、b場景、c限制
4.繪制細(xì)節(jié):
顏色、材質(zhì)、形狀、動效、場景5個維度來體現(xiàn)圖片設(shè)計。
icon動效延續(xù)了線上版本的規(guī)則
最后階段這兩個顏色差異比較大的方案,在方案的選擇上,大家會根據(jù)個人主觀感受給出意見,例如:紅色才能體現(xiàn)節(jié)日的喜慶感或是黃色更柔和等。但是當(dāng)增加了一個評判維度:和其它頁面的一致性,這時候結(jié)果就很明顯了。
5.推動落地:
最后階段,切圖輸出到走查,為了保證最終的體驗效果與設(shè)計的一致,并不能輕心。
所有改變用戶使用習(xí)慣的設(shè)計都會對一部分用戶造成傷害,這種主題皮膚視覺類的改變也不例外,如果主題跟隨發(fā)版上線以后,自動給用戶切換主題,會讓用戶有種被迫的感覺,所以我們采用了發(fā)版引導(dǎo)圖的辦法,在發(fā)版圖直接給用戶開放一鍵入口,引導(dǎo)用戶去使用。
總結(jié):
沒有完美的設(shè)計方案,只有最適合的。當(dāng)下的設(shè)計師們不該只注重于視覺表現(xiàn)和輸出圖片這種單一的操作。比如類似這個主題皮膚的小需求工作量并不大,在整個項目中串聯(lián)運(yùn)營、產(chǎn)品、研發(fā)等環(huán)節(jié)形成經(jīng)得起推敲的完整的思路,并最終推動落地才是一套完整的方案。
大牛,別默默的看了,快登錄幫我點評一下吧!:)
登錄 立即注冊