課件案例作品集

1、李思湖南穎師范大學(xué)作品集目錄一、交互設(shè)計(jì)UED 官網(wǎng)原型設(shè)計(jì)測(cè)速 APP 原型優(yōu)化與詳細(xì)交互二、視覺設(shè)計(jì)APP 界面設(shè)計(jì)網(wǎng)頁(yè)設(shè)計(jì) 3.Banner 設(shè)計(jì)4. 圖標(biāo)設(shè)計(jì)交互設(shè)計(jì)我相信“設(shè)計(jì)有源”。交互設(shè)計(jì)師就是要以人的需求為導(dǎo)向，理解用戶的期望與需求，理解技術(shù)，商業(yè)以及行業(yè)內(nèi)機(jī)會(huì)與制約，基于以上的理解，創(chuàng)造出形式、內(nèi)容、行為有用，易用，令用戶滿意且技術(shù)可行具有商業(yè)價(jià)值的產(chǎn)品。我喜歡搗騰各種 app，觀察生活中反人類設(shè)計(jì)并思考解決方案。目標(biāo)是成為一個(gè)優(yōu)秀的交互設(shè)計(jì)師！交設(shè)互計(jì)1 UED 官網(wǎng)原型設(shè)計(jì)網(wǎng)站首頁(yè)定位與需求UED 部門成立的時(shí)間將近一年了，前期 UED 官網(wǎng)主要用來炫技，讓別人了解我們。

2、隨著 UED 不斷的成長(zhǎng)與積累，在工作方法、心得等有所沉淀，我們希望 UED 官網(wǎng)能展示我們的工作總結(jié)，勞動(dòng)成果，讓別人知道我們做了些什么，實(shí)力如何，也希望能促進(jìn)團(tuán)隊(duì)內(nèi)外的溝通交流。因此官網(wǎng)從展示型網(wǎng)站改版為博客型的網(wǎng)站，便于大家總結(jié)心得，積累案例，記錄成長(zhǎng)，推銷團(tuán)隊(duì)，建立品牌。畫線框前的思考確定網(wǎng)站的定位與需求之后，我整理出官網(wǎng)的信息架構(gòu)，思考每個(gè)頁(yè)面該有的內(nèi)容與該注意的細(xì)節(jié)。就拿博文頁(yè)來說，我會(huì)思考：博文頁(yè)的每條條目帶有什么信息；文章多的時(shí)候采用翻頁(yè)還是瀑布流的形式；每頁(yè)該設(shè)計(jì)多少條條目；前期是否需要搜索功能；是否需要分類；博文頁(yè)上要不要加個(gè)熱門文章的功能等。思考完這些問題之后，就開始做線

3、框圖了，具體如右圖所示。交設(shè)互計(jì)正文詳情交設(shè)互計(jì)2測(cè)速 APP 原型優(yōu)化與詳細(xì)交互項(xiàng)目背景與個(gè)人工作該 APP 主要功能為測(cè)試當(dāng)前網(wǎng)速，并查看歷史測(cè)速信息。我的工作是根據(jù)產(chǎn)品經(jīng)理的反饋，修改原來的原型。在修改的過程中，我會(huì)下幾個(gè)同類的產(chǎn)品去對(duì)比，我會(huì)發(fā)現(xiàn)除了產(chǎn)品經(jīng)理提出的問題，原型中還存在其他問題，在與導(dǎo)師溝通過后，我按照我的思路去修改，最后說服產(chǎn)品經(jīng)理采用我的方案。完成原型的修改后獨(dú)立編寫詳細(xì)交互文檔。優(yōu)化內(nèi)容1. 把頂部導(dǎo)航欄的 網(wǎng)絡(luò)信息 移到內(nèi)容區(qū)域原因：做設(shè)計(jì)要遵循平臺(tái)規(guī)范。頂部導(dǎo)航欄一般控件為操作按鈕或者標(biāo)題，而 網(wǎng)絡(luò)信息 為文字信息，具有不可操作性，放在導(dǎo)航欄容易被誤以為是操作按鈕

4、。（如圖 1）2. 把 tab 上的 關(guān)于 收到 設(shè)置里 原因：產(chǎn)品要使用合理的信息架構(gòu)。選項(xiàng)卡菜單式導(dǎo)航中每個(gè)選項(xiàng)應(yīng)該有相近的重要性。 關(guān)于 屬于單純的信息展示，BeforeAfter圖1 優(yōu)先級(jí)不高，在導(dǎo)航里純粹起個(gè)占位的功能。把 關(guān)于 收到 設(shè)置 里能更好地分組需求也能減輕產(chǎn)品的重量。（如圖 1，圖 2）3. 移動(dòng)流量限制 從拖動(dòng)變?yōu)辄c(diǎn)擊選擇原因：產(chǎn)品要提高用戶效率，讓用戶獲取更多信息。拖動(dòng)選擇，如果選擇精確數(shù)值會(huì)對(duì)用戶造成較大的消耗。所以把拖動(dòng)選擇改為點(diǎn)擊選擇。打開 流量限制 按鈕會(huì)有流量上線的默認(rèn)值，點(diǎn)擊默認(rèn)值彈出數(shù)值選擇框，讓用戶選擇而不是輸入，可以減少用戶誤操作幾率。（如圖 2）BeforeAfter圖2 交設(shè)互計(jì)詳細(xì)交互視覺設(shè)計(jì)不懂視覺的交互不是一個(gè)好交互。從用戶體驗(yàn)的角度而言，界面上的文字，圖片，顏色的運(yùn)用與搭配都是有講究的。交互設(shè)計(jì)師除了設(shè)計(jì)信息，還需有一定的審美觀。我正通過不斷實(shí)踐提高自己的技法，不斷看優(yōu)秀作品提高自己的審美能力。視設(shè)覺計(jì)1APP 界面設(shè)計(jì)音樂播放器APP 界面設(shè)計(jì)（臨?。┮曉O(shè)覺計(jì)2網(wǎng)頁(yè)設(shè)計(jì)ASDANS 商業(yè)精英項(xiàng)目網(wǎng)頁(yè)設(shè)計(jì)視設(shè)覺計(jì)