火星網(wǎng)校
交互設(shè)計(jì)|從案例分析到UI設(shè)計(jì)技巧
發(fā)布時(shí)間：2024-05-12 17:48:23 瀏覽量：154次
交互設(shè)計(jì)|從案例分析到UI設(shè)計(jì)技巧
交互設(shè)計(jì)（英文Interaction Design, 縮寫IXD)，是定義設(shè)計(jì)人造系統(tǒng)的行為的設(shè)計(jì)領(lǐng)域，它定義了兩個(gè)或多個(gè)互動(dòng)的個(gè)體之間交流的內(nèi)容和結(jié)構(gòu)，使之互相配合，共同達(dá)成某種目的。交互設(shè)計(jì)努力去創(chuàng)造和建立的是人與產(chǎn)品及服務(wù)之間有意義的關(guān)系，以“在充滿社會(huì)復(fù)雜性的物質(zhì)世界中嵌入信息技術(shù)”為中心。交互系統(tǒng)設(shè)計(jì)的目標(biāo)可以從“可用性”和”用戶體驗(yàn)“兩個(gè)層面上進(jìn)行分析，關(guān)注以人為本的用戶需求。
在實(shí)際的申請(qǐng)準(zhǔn)備過程中，大部分同學(xué)對(duì)于交互作品集要放什么東西，怎么去展開并不熟悉，今天黑桃看就帶同學(xué)們實(shí)際走一遍。
設(shè)計(jì)過程基于《軟件觀念革命：交互設(shè)計(jì)精髓》（About Face），黑桃K跟大家聊過app內(nèi)容和形式的關(guān)系，以及app圖標(biāo)的設(shè)計(jì)等，關(guān)于流程方面先放一個(gè)大綱：
- 定性研究（Qualitative Research）
- 確定人物角色（Persona）
- 寫問題腳本（Problem Scenario）
- 寫動(dòng)作腳本（Action Scenario）
- 畫線框圖（Framework）
- 制作原型（Prototype）
- 專家評(píng)測(cè)（Expert Evaluation）
- 用戶評(píng)測(cè)（User Evaluation）
小編發(fā)現(xiàn)一個(gè)問題：用戶想要學(xué)習(xí)新東西時(shí)，常找不到合適的平臺(tái)，需要解決這個(gè)問題，設(shè)計(jì)了“better me”這個(gè)app。
APP定位是以文案形式展示出來，讓用戶第一次接觸產(chǎn)品時(shí)了解功能。比如“better me”的文案：“yeah，幫你找到最合適的課程”，用正面語氣增強(qiáng)積極心理預(yù)設(shè)。
用戶畫像是根據(jù)用戶特點(diǎn)，包括需求、目的、行為特征等，建立用戶畫像，信息越詳細(xì)對(duì)設(shè)計(jì)越有幫助。
建立用戶畫像是必要的，根據(jù)用戶的特點(diǎn)建立用戶畫像對(duì)設(shè)計(jì)有幫助。
線框圖對(duì)用戶的行為和目標(biāo)了解后把APP所需關(guān)鍵信息用線框圖畫出來。
UI設(shè)計(jì)中，視覺語言通過顏色、空間、形狀、動(dòng)作等元素傳達(dá)信息。
模塊化示意圖是有形的設(shè)計(jì)元素拼貼，用于獲取用戶反饋。
模塊化示意圖能給用戶展示每一個(gè)設(shè)計(jì)元素組合在一起的效果。
設(shè)計(jì)規(guī)范是設(shè)計(jì)標(biāo)準(zhǔn)索引，迭代一致性和設(shè)計(jì)高效性。
火星時(shí)代教育是一家專注數(shù)字藝術(shù)教育的培訓(xùn)機(jī)構(gòu)，已成立30年，開設(shè)課程有游戲設(shè)計(jì)培訓(xùn)、動(dòng)畫培訓(xùn)、影視后期培訓(xùn)、UI設(shè)計(jì)培訓(xùn)等。想了解更多關(guān)于數(shù)字藝術(shù)教育相關(guān)課程，點(diǎn)擊咨詢。
熱門課程推薦
熱門資訊
-
1. iPhone6的UI設(shè)計(jì)尺寸規(guī)范，原來如此重要！
想要了解iPhone6界面設(shè)計(jì)的尺寸規(guī)范嗎？這里為您詳細(xì)介紹iPhone6的UI設(shè)計(jì)尺寸規(guī)范，包括界面尺寸、圖標(biāo)尺寸、可點(diǎn)擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
-
2. 12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站，助力你的創(chuàng)作之旅!
將為大家介紹12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學(xué)習(xí)新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個(gè)面向設(shè)計(jì)師的...
-
3. 移動(dòng)端UI設(shè)計(jì)中常見的5種APP界面類型，你get到了嗎？
通過介紹移動(dòng)端UI設(shè)計(jì)中的閃屏頁、引導(dǎo)頁、浮層引導(dǎo)頁、空白頁和首頁等5種APP界面類型，幫助大家更好地了解UI設(shè)計(jì)的基本知識(shí)
-
4. 10個(gè)免費(fèi)學(xué)習(xí)UI設(shè)計(jì)的網(wǎng)站 提升你的設(shè)計(jì)能力
怎樣可以提升你的UI設(shè)計(jì)能力!第一個(gè):站酷站酷想必是設(shè)計(jì)師都知道的一個(gè)網(wǎng)站,里面不止有UI設(shè)計(jì)的資源,還有其他設(shè)計(jì)的,不如:平面設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、字體...
-
5. 移動(dòng)端列表頁和表單頁設(shè)計(jì)秘訣:讓你的APP點(diǎn)擊率翻倍
在移動(dòng)端設(shè)計(jì)中,列表頁和表單頁是不可或缺的部分。一個(gè)好的列表頁和表單頁設(shè)計(jì)能夠讓用戶輕松地獲取信息并產(chǎn)生點(diǎn)擊欲望,從而提高點(diǎn)擊率。本文將為你...
-
6. 推薦10本適合UI設(shè)計(jì)師看的書籍，輕松掌握技能!
對(duì)于想要提高自己的設(shè)計(jì)能力和創(chuàng)造力的小白和UI設(shè)計(jì)師來說,這本書是一個(gè)很好的選擇。4.《設(shè)計(jì)的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
-
7. 零基礎(chǔ)學(xué)UI設(shè)計(jì)要多久？培訓(xùn)完能拿多少工資？
探索零基礎(chǔ)UI設(shè)計(jì)培訓(xùn)的時(shí)長與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專業(yè)課程，以及培訓(xùn)后的職業(yè)發(fā)展機(jī)會(huì)。
-
8. 物聯(lián)網(wǎng)APP UI設(shè)計(jì):創(chuàng)造智能硬件領(lǐng)域的沉浸式體驗(yàn)
ui設(shè)計(jì)應(yīng)該讓用戶一目了然,能夠快速找到所需的信息和功能。在設(shè)計(jì)過程中,應(yīng)盡量使用簡(jiǎn)潔的圖標(biāo)、文字和色彩,避免過多的視覺干擾。符合用戶習(xí)慣:ui設(shè)...
-
9. 武漢UI設(shè)計(jì)培訓(xùn)班費(fèi)用怎么樣？想學(xué)UI設(shè)計(jì)要多少錢？
想了解武漢UI設(shè)計(jì)培訓(xùn)班的費(fèi)用是多少嗎？不知道學(xué)UI設(shè)計(jì)要花多少錢？不妨看看這篇文章，了解UI設(shè)計(jì)培訓(xùn)班的學(xué)費(fèi)價(jià)格以及學(xué)習(xí)內(nèi)容。
-
10. 設(shè)計(jì)中的色彩心理學(xué):淺析中西方色彩的歷史演變與設(shè)計(jì)應(yīng)用
摘要:本文探討了色彩的歷史演變和設(shè)計(jì)應(yīng)用。通過對(duì)色彩在早期文明社會(huì)中的實(shí)用運(yùn)用、不同文化背景下色彩觀念的差異、色彩在設(shè)計(jì)中的重要性以及新興技...
最新文章
