`INTERFACE

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

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

從下載市場分類中挑選出一類APP，產品的最初形態一般從“工具類”開始，如日歷/倒計時/地圖/時鐘/相冊等，慢慢隨著用戶量增大，加入社交屬性，形成了”平臺類“。根據本課程所涉及的界面準則/視覺原理/色彩/圖形符號學等理論，進行綜合性列點分析選擇的產品需改版的原因。B.產品重新定位。

重塑產品的形象，以下提供幾個角度，可供參考：對比同類產品（從熱門的/推薦榜單/最喜愛等進行3至5個產品研究）；產品使用的用戶人群，結合符號學、色彩心理學，重塑產品的視覺屬性：圖標/風格/配色/標準字及字號等C.調整界面設計。

參照尼爾森十大交互準則；網格系統。進行界面部分的視覺改版設計，改版的內容及數量請參考上一頁PPT。項目定義1用戶研究2用戶體驗及功能分析3原型創意4項目總結（個人心得總結）5目錄CONTENTS【例】17級蔡敏琦小組書房APP匯報PPT的目錄項目定義01Impressivepictureandcreativesloganhere#

SlideCONTENTS目錄用戶研究02用戶體驗03功能分析0405原型創意

06項目總結【例】17級張錦華小組自帳APP匯報PPT的目錄（2)JPG輸出數張，提交設計內容的全部JPG資料。請注意每張JPG的命名。參考設計版式及部分設計內容，期末設計所有內容請按照PPT第5頁：/work/ZMjU2MTU5ODQ=.html【備注期末類別】

1、應用圖標設計：

風格五大類——具體特征；物體裝飾特征；抽象特征；字符風格；角色設計風格

可使用設計風格：扁平、擬物、漸變、質感

/work/ZMjU2MTU5ODQ=.html擬物化設計風格↓1具體特征設計風格(二階)2物體裝飾設計風格(三階)扁平式設計風格3抽象特征設計風格(五階)3字符設計風格4扁平式設計風格4字符風格(五階)抽象特征(四階)33字符風格(五階)抽象特征(五階)角色設計風格效果越擬物質感，二階or三階效果越扁平越強調色彩，卡通，四階2、啟動頁面/引導頁面閃屏：呈現產品品牌相關信息，加文案。可用攝影/圖形/插畫形式表現啟動頁（品牌閃屏設計）1個，必做*系列的（常見新下載手機時候）3個，選做QQ音樂，結合節日設計的閃屏（運用了三階的視覺樣式，即運用了“圖像繪畫”手法來實現QQ音樂品牌閃屏設計的插畫效果）馬蜂窩APP（閃屏用了一階的視覺樣式，即運用了“攝影”真實性來進行閃屏創作）喜馬拉雅APP（閃屏用了五階的視覺樣式，即運用逐漸散開的波紋隱喻聲紋的效果設計閃屏）【備注期末類別】*系列選做：在新下載并開啟時，進入首頁界面之前會有“新手操作”或“節日專用的宣傳”（系列的選做，不是我們考察的重點）【備注期末類別】3、視覺規范:配色方案、功能圖標、組件設計、字體樣式字重等。可參考站酷網站內”APP改版”的作品/search/content?&word=APP改版圖片取自/work/ZMjU2MTU5ODQ=.html組件設計（從界面設計中挑選出一些組件進行統一排版，個數不限，注意視覺風格統一。輸出組件設計的JPG）控制元素：開關內容視圖：集合視圖內容視圖：集合視圖欄：標簽欄控制元素：搜索框內容視圖：集合視圖控制元素：進度條臨時視圖：操作列表組件設計欣賞（從界面設計中挑選出一些組件進行統一排版，個數不限，注意視覺風格統一。輸出組件設計的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【備注期末類別】4、界面改版:考察對界面準則的理解、信息層級設計。可以通過對所選產品的分析，進行功能的調整，視覺的重新定義。改版12306/work/ZNDE1NjQ1NTY=.html修改某個天氣APP重新進行視覺設計，注意需有根據的進行分析和重新定義RoloCalendar「反日歷」設計它的與眾不同，沒有傳統日歷各種大大小小的表格AT

是一款時間追蹤工具，簡單地說就是設立一個目標時間，紀錄你離那個時