`INTERFACE

DESIGN`期末大作業(yè)/界面設(shè)計(jì)基礎(chǔ)課程之一、期末考核方向，小組作業(yè)（4-6人）APP改版考察圖標(biāo)設(shè)計(jì)、界面規(guī)范二、提交形式：文件夾壓縮包，含PPT+JPG。

命名為“1班/2班+組名+組長(zhǎng)名字+某APP改版”于第17周（1月4日）課堂匯報(bào)文檔最終提交截止至第18周（1月11日）課堂提交,并簽到（1）PPT(期末文檔提交請(qǐng)轉(zhuǎn)PDF)（2）JPG：設(shè)計(jì)稿數(shù)張參考：PDF三、期末分?jǐn)?shù)考核點(diǎn)組成：1、完整性（20分）：4項(xiàng)內(nèi)容；缺一項(xiàng)扣2分。2、可用性（40分）：理解界面交互準(zhǔn)則，理解信息層次。符號(hào)可識(shí)別，信息有序有層次3、創(chuàng)意性（30分）：在滿足可用性的基礎(chǔ)上，界面或圖標(biāo)運(yùn)用隱喻手法進(jìn)行設(shè)計(jì)，整體視覺(jué)風(fēng)格統(tǒng)一，融入個(gè)人的設(shè)計(jì)主張及設(shè)計(jì)思辨4、其他加分項(xiàng)（10分）：注重整體展示精良，如制作一些額外的海報(bào)，樣機(jī)展示設(shè)計(jì)，提升作業(yè)的整體的設(shè)計(jì)視覺(jué)感會(huì)獲得額外加分。APP改版選取某APP(工具類(lèi)/平臺(tái)類(lèi))，進(jìn)行界面視覺(jué)設(shè)計(jì)改版這部分的頁(yè)面以一個(gè)“核心流程”進(jìn)行呈現(xiàn)提交形式，文件夾內(nèi)包含以下三部分：（1）PPT(期末文檔提交請(qǐng)轉(zhuǎn)PDF):A.改版產(chǎn)品選擇。

從下載市場(chǎng)分類(lèi)中挑選出一類(lèi)APP，產(chǎn)品的最初形態(tài)一般從“工具類(lèi)”開(kāi)始，如日歷/倒計(jì)時(shí)/地圖/時(shí)鐘/相冊(cè)等，慢慢隨著用戶(hù)量增大，加入社交屬性，形成了”平臺(tái)類(lèi)“。根據(jù)本課程所涉及的界面準(zhǔn)則/視覺(jué)原理/色彩/圖形符號(hào)學(xué)等理論，進(jìn)行綜合性列點(diǎn)分析選擇的產(chǎn)品需改版的原因。B.產(chǎn)品重新定位。

重塑產(chǎn)品的形象，以下提供幾個(gè)角度，可供參考：對(duì)比同類(lèi)產(chǎn)品（從熱門(mén)的/推薦榜單/最喜愛(ài)等進(jìn)行3至5個(gè)產(chǎn)品研究）；產(chǎn)品使用的用戶(hù)人群，結(jié)合符號(hào)學(xué)、色彩心理學(xué)，重塑產(chǎn)品的視覺(jué)屬性：圖標(biāo)/風(fēng)格/配色/標(biāo)準(zhǔn)字及字號(hào)等C.調(diào)整界面設(shè)計(jì)。

參照尼爾森十大交互準(zhǔn)則；網(wǎng)格系統(tǒng)。進(jìn)行界面部分的視覺(jué)改版設(shè)計(jì)，改版的內(nèi)容及數(shù)量請(qǐng)參考上一頁(yè)P(yáng)PT。項(xiàng)目定義1用戶(hù)研究2用戶(hù)體驗(yàn)及功能分析3原型創(chuàng)意4項(xiàng)目總結(jié)（個(gè)人心得總結(jié)）5目錄CONTENTS【例】17級(jí)蔡敏琦小組書(shū)房APP匯報(bào)PPT的目錄項(xiàng)目定義01Impressivepictureandcreativesloganhere#

SlideCONTENTS目錄用戶(hù)研究02用戶(hù)體驗(yàn)03功能分析0405原型創(chuàng)意

06項(xiàng)目總結(jié)【例】17級(jí)張錦華小組自帳APP匯報(bào)PPT的目錄（2)JPG輸出數(shù)張，提交設(shè)計(jì)內(nèi)容的全部JPG資料。請(qǐng)注意每張JPG的命名。參考設(shè)計(jì)版式及部分設(shè)計(jì)內(nèi)容，期末設(shè)計(jì)所有內(nèi)容請(qǐng)按照PPT第5頁(yè)：/work/ZMjU2MTU5ODQ=.html【備注期末類(lèi)別】

1、應(yīng)用圖標(biāo)設(shè)計(jì)：

風(fēng)格五大類(lèi)——具體特征；物體裝飾特征；抽象特征；字符風(fēng)格；角色設(shè)計(jì)風(fēng)格

可使用設(shè)計(jì)風(fēng)格：扁平、擬物、漸變、質(zhì)感

/work/ZMjU2MTU5ODQ=.html擬物化設(shè)計(jì)風(fēng)格↓1具體特征設(shè)計(jì)風(fēng)格(二階)2物體裝飾設(shè)計(jì)風(fēng)格(三階)扁平式設(shè)計(jì)風(fēng)格3抽象特征設(shè)計(jì)風(fēng)格(五階)3字符設(shè)計(jì)風(fēng)格4扁平式設(shè)計(jì)風(fēng)格4字符風(fēng)格(五階)抽象特征(四階)33字符風(fēng)格(五階)抽象特征(五階)角色設(shè)計(jì)風(fēng)格效果越擬物質(zhì)感，二階or三階效果越扁平越強(qiáng)調(diào)色彩，卡通，四階2、啟動(dòng)頁(yè)面/引導(dǎo)頁(yè)面閃屏：呈現(xiàn)產(chǎn)品品牌相關(guān)信息，加文案?？捎脭z影/圖形/插畫(huà)形式表現(xiàn)啟動(dòng)頁(yè)（品牌閃屏設(shè)計(jì)）1個(gè)，必做*系列的（常見(jiàn)新下載手機(jī)時(shí)候）3個(gè)，選做QQ音樂(lè)，結(jié)合節(jié)日設(shè)計(jì)的閃屏（運(yùn)用了三階的視覺(jué)樣式，即運(yùn)用了“圖像繪畫(huà)”手法來(lái)實(shí)現(xiàn)QQ音樂(lè)品牌閃屏設(shè)計(jì)的插畫(huà)效果）馬蜂窩APP（閃屏用了一階的視覺(jué)樣式，即運(yùn)用了“攝影”真實(shí)性來(lái)進(jìn)行閃屏創(chuàng)作）喜馬拉雅APP（閃屏用了五階的視覺(jué)樣式，即運(yùn)用逐漸散開(kāi)的波紋隱喻聲紋的效果設(shè)計(jì)閃屏）【備注期末類(lèi)別】*系列選做：在新下載并開(kāi)啟時(shí)，進(jìn)入首頁(yè)界面之前會(huì)有“新手操作”或“節(jié)日專(zhuān)用的宣傳”（系列的選做，不是我們考察的重點(diǎn)）【備注期末類(lèi)別】3、視覺(jué)規(guī)范:配色方案、功能圖標(biāo)、組件設(shè)計(jì)、字體樣式字重等?？蓞⒖颊究峋W(wǎng)站內(nèi)”APP改版”的作品/search/content?&word=APP改版圖片取自/work/ZMjU2MTU5ODQ=.html組件設(shè)計(jì)（從界面設(shè)計(jì)中挑選出一些組件進(jìn)行統(tǒng)一排版，個(gè)數(shù)不限，注意視覺(jué)風(fēng)格統(tǒng)一。輸出組件設(shè)計(jì)的JPG）控制元素：開(kāi)關(guān)內(nèi)容視圖：集合視圖內(nèi)容視圖：集合視圖欄：標(biāo)簽欄控制元素：搜索框內(nèi)容視圖：集合視圖控制元素：進(jìn)度條臨時(shí)視圖：操作列表組件設(shè)計(jì)欣賞（從界面設(shè)計(jì)中挑選出一些組件進(jìn)行統(tǒng)一排版，個(gè)數(shù)不限，注意視覺(jué)風(fēng)格統(tǒng)一。輸出組件設(shè)計(jì)的JPG）參考/search/content?type=0&field=0&other=0&sort=5&word=12306%E6%94%B9%E7%89%88&recommend=0&time=0&requestId=requestId_1587888084328&p=1#tab_anchor【備注期末類(lèi)別】4、界面改版:考察對(duì)界面準(zhǔn)則的理解、信息層級(jí)設(shè)計(jì)?？梢酝ㄟ^(guò)對(duì)所選產(chǎn)品的分析，進(jìn)行功能的調(diào)整，視覺(jué)的重新定義。改版12306/work/ZNDE1NjQ1NTY=.html修改某個(gè)天氣APP重新進(jìn)行視覺(jué)設(shè)計(jì)，注意需有根據(jù)的進(jìn)行分析和重新定義RoloCalendar「反日歷」設(shè)計(jì)它的與眾不同，沒(méi)有傳統(tǒng)日歷各種大大小小的表格AT

是一款時(shí)間追蹤工具，簡(jiǎn)單地說(shuō)就是設(shè)立一個(gè)目標(biāo)時(shí)間，紀(jì)錄你離那個(gè)時(shí)