亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

恭喜你成為UI中國推薦設(shè)計師 (詳情)
//百度統(tǒng)計 20220402 uicn

您的意見是我們 UI 中國進(jìn)步的動力!
點擊立即反饋按鈕,發(fā)表您的意見!
立即反饋
QQ群反饋
您也可以加入UI中國官方反饋群進(jìn)行反饋!
群號:302892100
備注:反饋問題后@管理員能讓我們及時了解您的意見

提交需求

賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時間與您聯(lián)系!

0/20
0/200

設(shè)計大賽

  • 設(shè)計大賽
  • 發(fā)布廣告
  • 發(fā)布招聘
  • 其它需求

提交完成
感謝您對UI中國的支持和信賴!
一套UI主題的設(shè)計思路
0.0°

Image title

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

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


Image title

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




設(shè)計流程

Image title

需求是由設(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ù)期。


Image title

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




2.收集創(chuàng)意:

Image title

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




3.實現(xiàn)方式:

Image title

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


Image title

Image title

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

A動效、b場景、c限制




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

Image title

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


Image title

Image title

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


Image title

Image title

Image title

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




5.推動落地:

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

Image title

所有改變用戶使用習(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)得起推敲的完整的思路,并最終推動落地才是一套完整的方案。

更新:2018-03-22

收藏

14人已收藏

linzi912

https://dribbble.com/linzi912

  • 16

    作品

  • 900

    粉絲

  • 115

    關(guān)注

  • 2017下半年掌閱作品項目總結(jié)
  • 百萬文豪——掌閱答題游戲項目總結(jié)
  • 木記工坊-搜狗輸入法
  • 藥不能停-搜狗輸入法

    猜你喜歡

      一套UI主題的設(shè)計思路

      0.0°

      你確定要舉報一套UI主題的設(shè)計思路?

      如果查出惡意舉報,十天內(nèi)禁止提交任何舉報申請。

      0/200

      上傳證據(jù): 超過10M的附件請使用網(wǎng)盤地址

      點擊上傳附件

      對誰可見:

      全部設(shè)計師
      • 全部設(shè)計師
      • 推薦設(shè)計師和認(rèn)證設(shè)計師

      您確認(rèn)要推薦?

      該作品發(fā)布時間:2018年03月18日

      評分

      完整度

      啟發(fā)性

      勤奮性

      排版布局

      推薦心得

      建議20-200字以內(nèi)

      0/200

      15
      14
      4

      賬號或密碼錯誤,請重新輸入

      賬號或密碼錯誤,請重新輸入

      登錄

      手機(jī)號

      發(fā)送驗證碼 120s 驗證碼錯誤

      登錄
      第三方賬號登錄