移動(dòng)商務(wù)視覺設(shè)計(jì)項(xiàng)目二移動(dòng)界面色彩設(shè)計(jì)任務(wù)三色彩運(yùn)用案例分析1背景分析2色彩設(shè)計(jì)3界面配色·色彩運(yùn)用案例分析隨時(shí)隨地看我愛看咪咕愛看背景分析產(chǎn)品定位以咪咕愛看APP的視覺設(shè)計(jì)為例來講解APP視覺設(shè)計(jì)的色彩運(yùn)用性別分布年齡分布背景分析用戶畫像成熟穩(wěn)重安靜內(nèi)斂敢于挑戰(zhàn)好玩有趣年輕活力背景分析設(shè)計(jì)風(fēng)格基本理念咪咕愛看的內(nèi)容以“泛娛樂”為核心，節(jié)目?jī)?nèi)容豐富，但總體充滿了娛樂性。自由快速簡(jiǎn)潔年輕活力親和力色彩設(shè)計(jì)色彩設(shè)計(jì)關(guān)鍵詞頁(yè)面減少不必要裝飾元素，以內(nèi)容為核心進(jìn)行設(shè)計(jì)，通過格式塔原理將頁(yè)面元素模塊化分組，使頁(yè)面呈現(xiàn)明顯的視覺層級(jí)，是整個(gè)頁(yè)面更加簡(jiǎn)約，提升用戶使用效率與體驗(yàn)。簡(jiǎn)約而不簡(jiǎn)單頁(yè)面色彩以橘色作為主題色，配之以黑色；使整個(gè)頁(yè)面在活潑明快同時(shí)，帶有沉穩(wěn)的氣息；橘紅色色彩艷麗，使人感到愉悅，但過多亮色會(huì)用戶感到浮躁不安，所以配之黑色給予用戶在愉悅中感到安定感覺。活潑而穩(wěn)重雖然當(dāng)前用戶以40歲左右的男性為主，但是隨著咪咕愛看影響力的擴(kuò)大，將有更加廣泛的用戶群；為了擴(kuò)大用戶群體，我們的界面將以時(shí)尚現(xiàn)代風(fēng)格為主?，F(xiàn)代時(shí)尚色彩設(shè)計(jì)配色咪咕愛看的用戶多位8090后，他們?cè)谏钪斜容^容易新鮮，有活力的東西，是互聯(lián)網(wǎng)用戶中的中流砥柱。同時(shí)多數(shù)為戶外用戶，時(shí)間比較有限，盡可能在短時(shí)間內(nèi)幫助用戶找到想看的內(nèi)容。產(chǎn)品主色彩繼續(xù)選擇了橙色系，黃色為輔色，整體顏色更加年輕化、個(gè)性化。搭配大面積留白，整體頁(yè)面視覺上更加柔和、友好。主色:ff6a4c點(diǎn)綴色：ffc33d點(diǎn)綴色：97cef5點(diǎn)綴色：33150f色彩設(shè)計(jì)文字色以咪咕愛看APP的視覺設(shè)計(jì)為例來講解APP視覺設(shè)計(jì)的色彩運(yùn)用主色:333333點(diǎn)綴色：666666點(diǎn)綴色：999999點(diǎn)綴色：cccccc主色:FF8C19點(diǎn)綴色：FFAA33點(diǎn)綴色：FFBB33點(diǎn)綴色：FFFFFF主色做了梯度處理，適用于不同場(chǎng)景。文字色拉開視覺層級(jí)，其中333搭配橙色能凸顯年輕活力。色彩設(shè)計(jì)形象-熊貓蛋仔黑白灰版，用在不可用狀態(tài)。加上紅色和橙色的彩色版，活波呆萌。界面配色引導(dǎo)頁(yè)APP開屏采用鮮艷活動(dòng)的綠色、藍(lán)色和橙色系，多色彩的搭配讓人眼前一亮界面配色首頁(yè)將分類放在頂部，頁(yè)面切換時(shí)保持搜索欄不變，tab欄在選中與未選中做了顏色差異，并做了短線區(qū)分，分類選擇給予橙色標(biāo)識(shí)，以便于用戶快速找到。搜索窗格用橙色標(biāo)出，方便用戶找到。不同的欄目分類用不同的顏色標(biāo)識(shí)，美觀、清晰。新的標(biāo)簽實(shí)時(shí)加入，用橙色標(biāo)注。界面配色直播頁(yè)選中分類用橙色色塊提醒，選中的視頻名字轉(zhuǎn)變?yōu)榧t色，對(duì)比鮮明。類目名稱和圖標(biāo)用色簡(jiǎn)潔明了，清晰易懂。界面配色多頁(yè)面會(huì)員頁(yè)、熱播榜單頁(yè)、專題頁(yè)，多頁(yè)面基本色彩一致，視覺感受統(tǒng)一大氣。界面配色流量頁(yè)和個(gè)人中心頁(yè)，遵循了橙色為主色系的設(shè)計(jì)原則，簡(jiǎn)潔、清晰、易用。界面配色人性化的夜間模式設(shè)置，白天