課件案例作品集

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

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

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

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