正文

不好的ui設(shè)計(jì)案例（不好的ui設(shè)計(jì)案例分析）

發(fā)布時(shí)間：2023-04-28 06:58:08 稿源：創(chuàng)意嶺閱讀： 676

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于不好的ui設(shè)計(jì)案例的問題，以下是小編對(duì)此問題的歸納整理，讓我們一起來看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀企業(yè)，服務(wù)客戶遍布全國(guó)，設(shè)計(jì)相關(guān)業(yè)務(wù)請(qǐng)撥打175-8598-2043，或微信：1454722008

本文目錄:

1、ui界面設(shè)計(jì)課程總結(jié)
2、ui設(shè)計(jì)學(xué)出來好嗎，在重慶哪里學(xué)好呢？
3、UI交互設(shè)計(jì)和UI設(shè)計(jì)的區(qū)別有哪些？
4、UI設(shè)計(jì)原則背后的認(rèn)知心理學(xué)

不好的ui設(shè)計(jì)案例（不好的ui設(shè)計(jì)案例分析）

一、ui界面設(shè)計(jì)課程總結(jié)

A. UI設(shè)計(jì)課程有哪些

產(chǎn)品研發(fā)流程和規(guī)范產(chǎn)品經(jīng)理初入門--策劃應(yīng)用美術(shù)，tt技術(shù)的實(shí)現(xiàn)方式與流程Axure初級(jí)應(yīng)用，Axure高級(jí)應(yīng)用，互聯(lián)網(wǎng)營(yíng)銷，商業(yè)實(shí)戰(zhàn)，移動(dòng)端設(shè)計(jì)規(guī)范，PC端設(shè)計(jì)規(guī)范

產(chǎn)品策劃，功能設(shè)計(jì)，交互設(shè)計(jì)，Axure(快速原型設(shè)計(jì)工具)原型

Fireworks制圖,MUGEDA（可視化新聞交互與跨媒體）,HTML+CSS

微信、微博運(yùn)營(yíng)，產(chǎn)品、用戶分析，活動(dòng)策劃，文案策劃，自媒體運(yùn)營(yíng)、社會(huì)化媒體推廣

就這些吧，基本都包含了

B. UI界面設(shè)計(jì)報(bào)告怎么寫

有UI效果圖，導(dǎo)入進(jìn)axure里添加文字后，可以直接生成pdf文檔。

如沒有UI效果圖，用專axure畫出各個(gè)ui的線框圖或添加交互屬效果后，用FoxitPDFEditor（免費(fèi)）編輯pdf里的字，把各個(gè)UI頁(yè)面的說明一改，齊活，特快！望給分~~~

axure下載地址：//rj./soft/detail/15574?ald

FoxitPDFEditor下載地址：//xiazai.zol.cn/detail/5/41752.s

C. UI設(shè)計(jì)都學(xué)習(xí)哪些課程

UI課程設(shè)計(jì)，主要根據(jù)課程目的設(shè)置。我們的課程屬于UI設(shè)計(jì)及產(chǎn)品經(jīng)理高端課程體系。主要有：移動(dòng)端的特殊視覺美化設(shè)計(jì)、邏輯設(shè)計(jì) 帶來創(chuàng)造和挑戰(zhàn)，動(dòng)態(tài)交互特效表現(xiàn)多面手、讓設(shè)計(jì)完美落地、把握設(shè)計(jì)靈魂站穩(wěn)高端層。

D. UI設(shè)計(jì)師如何進(jìn)行總結(jié)具體有哪些維度

主要寫一下主要的工作內(nèi)容,如何服務(wù)客戶，取得的成績(jī)，以及不足，最后提出合理化的建議或者新的努力方向。。。。。。。工作總結(jié)就是讓上級(jí)知道你有什么貢獻(xiàn)，體現(xiàn)你的工作價(jià)值所在。所以應(yīng)該寫好幾點(diǎn)：1、你對(duì)崗位和工作上的認(rèn)識(shí)2、具體你做了什么事3、你如何用心工作，哪些事情是你動(dòng)腦子去解決的。就算沒什么，也要寫一些有難度的問題，你如何通過努力解決了4、以后工作中你還需提高哪些能力或充實(shí)哪些知識(shí)5、上級(jí)喜歡主動(dòng)工作的人。你分內(nèi)的事情都要有所準(zhǔn)備，即事前準(zhǔn)備工作以下供你參考：總結(jié)，就是把一個(gè)時(shí)間段的情況進(jìn)行一次全面系統(tǒng)的總評(píng)價(jià)、總分析，分析成績(jī)、不足、經(jīng)驗(yàn)等。總結(jié)是應(yīng)用寫作的一種，是對(duì)已經(jīng)做過的工作進(jìn)行理性的思考?？偨Y(jié)的基本要求1．總結(jié)必須有情況的概述和敘述，有的比較簡(jiǎn)單，有的比較詳細(xì)。2．成績(jī)和缺點(diǎn)。這是總結(jié)的主要內(nèi)容。總結(jié)的目的就是要肯定成績(jī)，找出缺點(diǎn)。成績(jī)有哪些，有多大，表現(xiàn)在哪些方面，是怎樣取得的；缺點(diǎn)有多少，表現(xiàn)在哪些方面，是怎樣產(chǎn)生的，都應(yīng)寫清楚。3．經(jīng)驗(yàn)和教訓(xùn)。為了便于今后工作，必須對(duì)以前的工作經(jīng)驗(yàn)和教訓(xùn)進(jìn)行分析、研究、概括，并形成理論知識(shí)?？偨Y(jié)的注意事項(xiàng)： 1．一定要實(shí)事求是，成績(jī)基本不夸大，缺點(diǎn)基本不縮小。這是分析、得出教訓(xùn)的基礎(chǔ)。 2．條理要清楚。語(yǔ)句通順，容易理解。3．要詳略適宜。有重要的，有次要的，寫作時(shí)要突出重點(diǎn)。總結(jié)中的問題要有主次、詳略之分?？偨Y(jié)的基本格式：1、標(biāo)題 2、正文開頭：概述情況，總體評(píng)價(jià)；提綱挈領(lǐng)，總括全文。主體：分析成績(jī)?nèi)焙叮偨Y(jié)經(jīng)驗(yàn)教訓(xùn)。結(jié)尾：分析問題，明確方向。 3、落款署名與日期

E. ui設(shè)計(jì)主要學(xué)習(xí)什么課程

ui設(shè)計(jì)主要學(xué)習(xí)： Photoshop，Illustrator，After Effects，Axure RP 8。

簡(jiǎn)稱，PS，AI，AE，ARP 軟件。

PS 主要用于制作 UI 設(shè)計(jì)中界面和圖標(biāo)設(shè)計(jì)，也可以對(duì) UI 中的一些廣告頁(yè)進(jìn)行設(shè)計(jì)。

AI 主要用于制作 UI 設(shè)計(jì)中的圖標(biāo)設(shè)計(jì)，也可以對(duì) UI 中的一些引導(dǎo)頁(yè)的插畫圖進(jìn)行設(shè)計(jì)。

AE 主要用于制作 UI 設(shè)計(jì)中的交互動(dòng)效，在現(xiàn)今的 UI 產(chǎn)品中很多都是需要用動(dòng)效的。

ARP 主要用于制作 UI 設(shè)計(jì)中的原型圖，線框圖，流程圖的設(shè)計(jì)。

F. UI設(shè)計(jì)都學(xué)些什么

這是ui設(shè)計(jì)主要課程，要是感興趣的話可以了解一下：

第一階段

1、廣告文案書制作專

2、計(jì)算機(jī)組裝屬與維護(hù)

3、美術(shù)基礎(chǔ)：素描

4、美術(shù)基礎(chǔ)：水粉

第二階段

1、矢量圖形設(shè)計(jì)（CorelDRAW）

2、廣告攝影

3、矢量插圖設(shè)計(jì)（Illustrator）

4、圖像處理設(shè)計(jì)基礎(chǔ)（Photoshop）

5、應(yīng)用文寫作

6、構(gòu)成基礎(chǔ)：平面構(gòu)成

7、色彩構(gòu)成、立體構(gòu)成

第三階段

1、圖像處理高級(jí)技法

2、平面設(shè)計(jì)典型實(shí)例

3、InDesign圖文設(shè)計(jì)

4、廣告材料及工藝

5、包裝設(shè)計(jì)

6、招貼設(shè)計(jì)

7、商業(yè)廣告視頻剪輯

第四階段

1、Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)

2、Flas *** 設(shè)計(jì)與制作

3、HTML5+CSS3

4、網(wǎng)頁(yè)美工設(shè)計(jì)典型商業(yè)案例

5、商城網(wǎng)站廣告美化

6、網(wǎng)店裝修

7、產(chǎn)品可視化包裝

G. ui設(shè)計(jì)課程都有那些內(nèi)容

美術(shù)基礎(chǔ)2.平面設(shè)計(jì)3.Web網(wǎng)頁(yè)設(shè)計(jì)4.移動(dòng)界面設(shè)計(jì)5.交互設(shè)計(jì)及工作流程，

H. UI設(shè)計(jì)需要學(xué)習(xí)哪些內(nèi)容

UI設(shè)計(jì)的培訓(xùn)課程主要分為設(shè)計(jì)理念的培訓(xùn)和軟件操作的培訓(xùn),具體課程如下:

1.視覺設(shè)計(jì)基礎(chǔ):通過Illustrator軟件圖形應(yīng)用系統(tǒng)的學(xué)習(xí),使學(xué)員掌握?qǐng)D形視覺設(shè)計(jì)基礎(chǔ)。

2.光影結(jié)構(gòu)視覺應(yīng)用技術(shù):通過Illustrator軟件光影結(jié)構(gòu)體系的學(xué)習(xí),使學(xué)員掌握物體光影結(jié)構(gòu)表現(xiàn)技法。

3.UI設(shè)計(jì):通過Illustrator與Photoshop軟件圖形圖像系統(tǒng)學(xué)習(xí),使學(xué)員掌握高品質(zhì)UI圖形設(shè)計(jì)的方法。

4.超寫實(shí)應(yīng)用與表現(xiàn):通過Illustrator軟件超精度表現(xiàn)系統(tǒng)學(xué)習(xí),完成超寫實(shí)制作技巧。

5.構(gòu)成與視覺語(yǔ)言:學(xué)習(xí)構(gòu)成視覺語(yǔ)言,使學(xué)員掌握設(shè)計(jì)應(yīng)用視覺表現(xiàn)技術(shù)。

6.視覺藝術(shù)表現(xiàn)與應(yīng)用:通過色彩藝術(shù)與視覺表現(xiàn)形式的結(jié)合應(yīng)用,使學(xué)員的設(shè)計(jì)能力達(dá)到商業(yè)級(jí)別的要求。

7.Flash平臺(tái)應(yīng)用:通過Flash軟件系統(tǒng)學(xué)習(xí),使學(xué)員掌握Flash動(dòng)態(tài)應(yīng)用基礎(chǔ)。

8.超媒體綜合應(yīng)用技術(shù):通過Flash軟件高級(jí)應(yīng)用學(xué)習(xí),使學(xué)員掌握動(dòng)態(tài)結(jié)構(gòu)表現(xiàn)語(yǔ)言技術(shù)。

9.交互式平臺(tái)應(yīng)用技術(shù):通過Flash ActionScript 3 軟件程序系統(tǒng)學(xué)習(xí),使學(xué)員掌握高級(jí)別交互結(jié)構(gòu)表現(xiàn)。

如果能夠完全掌握這些知識(shí),你將成為優(yōu)秀的UI設(shè)計(jì)師,實(shí)現(xiàn)穩(wěn)定高薪就業(yè)。前面也說過了,UI設(shè)計(jì)師如今被重視,所以比起普通的設(shè)計(jì)師更有前途,未來的發(fā)展前景也更為廣闊。

軟件如下：

1.PSCC2017

PS 全稱 Photoshop

UI設(shè)計(jì)用的最多的軟件，90%以上的UI設(shè)計(jì)師都是要會(huì)PS的，其處理圖片功能非常強(qiáng)大，調(diào)色方面也不錯(cuò)，還有圖層樣式，布爾運(yùn)算方面都是UI設(shè)計(jì)必備的。不過也有劣勢(shì)，就是無法繪制矢量圖形，排版也不是很好。還有圖層也有點(diǎn)多。管理起來不是很方便。在UI設(shè)計(jì)中主要的用途是用來繪制界面和圖標(biāo)。

2.AICC2017

AI 全稱 Illustrator

一款矢量繪圖軟件，在做UI圖標(biāo)上非常不錯(cuò)。特別是繪制扁平化圖標(biāo)這塊。很好用。也有矢量功能畫出來的圖形可以放大縮小。劣勢(shì)就是不能調(diào)色。做擬物化圖標(biāo)也不是很好做。

3.AECC2017

AE 全稱 After Effects

主要是做來做影視后期視頻特效的，但是在UI這個(gè)的話就是用來做一些UI的交互動(dòng)效。動(dòng)效這塊是效率最高的軟件，不過不能用AE畫圖標(biāo)做界面。這個(gè)AE不擅長(zhǎng)。

4.ARP 全稱 Axure RP Pro

主是要用來做原型圖的，在交互設(shè)計(jì)原型這塊是比較火的一款軟件。

最后也補(bǔ)一句，軟件只是一個(gè)工具，千萬不要覺得會(huì)了軟件就會(huì)了設(shè)計(jì)，不要太依靠軟件了，會(huì)了工具后還要學(xué)習(xí)理論知識(shí)才能成為一個(gè)合格的設(shè)計(jì)師。

(8)ui界面設(shè)計(jì)課程總結(jié)擴(kuò)展閱讀：

UI設(shè)計(jì)（或稱界面設(shè)計(jì)）是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。UI設(shè)計(jì)分為實(shí)體UI和虛擬UI，互聯(lián)網(wǎng)說的UI設(shè)計(jì)是虛擬UI，UI即User Interface(用戶界面)的簡(jiǎn)稱。

好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品位，還要讓軟件的操作變得舒適簡(jiǎn)單、自由，充分體現(xiàn)軟件的定位和特點(diǎn)。

設(shè)計(jì)內(nèi)容：

與之相應(yīng)，UI設(shè)計(jì)師的職能大體包括三方面：

1.圖形設(shè)計(jì)，軟件產(chǎn)品的產(chǎn)品“外形”設(shè)計(jì)。

2.交互設(shè)計(jì)，主要在于設(shè)計(jì)軟件的操作流程、樹狀結(jié)構(gòu)、操作規(guī)范等。一個(gè)軟件產(chǎn)品在編碼之前需要做的就是交互設(shè)計(jì)，并且確立交互模型，交互規(guī)范。

3.用戶測(cè)試/研究，這里所謂的“測(cè)試”，其目標(biāo)恰在于測(cè)試交互設(shè)計(jì)的合理性及圖形設(shè)計(jì)的美觀性，主要通過以目標(biāo)用戶問卷的形式衡量UI設(shè)計(jì)的合理性。如果沒有這方面的測(cè)試研究，UI設(shè)計(jì)的好壞只能憑借設(shè)計(jì)師的經(jīng)驗(yàn)或者領(lǐng)導(dǎo)的審美來評(píng)判，這樣就會(huì)給企業(yè)帶來極大的風(fēng)險(xiǎn)。

I. UI設(shè)計(jì)培訓(xùn)課程是講什么的

UI設(shè)計(jì)要學(xué)習(xí)什么？

1、設(shè)計(jì)概念

2、UI設(shè)計(jì)行業(yè)概述、UI概念發(fā)展歷史及未來趨勢(shì)、Photoshop軟件基本操作、Photoshop軟件使3、用與提高

3、初識(shí)圖標(biāo)理論

4、圖標(biāo)的概念、圖標(biāo)國(guó)際規(guī)范、圖標(biāo)設(shè)計(jì)要素與技法、圖標(biāo)創(chuàng)意思想與方法、圖標(biāo)設(shè)計(jì)實(shí)例操作及點(diǎn)評(píng)

5、圖標(biāo)設(shè)計(jì)與創(chuàng)作及輸出理論

6、圖標(biāo)造型考究、圖標(biāo)色彩搭配、圖標(biāo)紋理材質(zhì)表現(xiàn)、圖標(biāo)創(chuàng)作設(shè)計(jì)、各平臺(tái)圖標(biāo)設(shè)計(jì)規(guī)范

7、圖形界面設(shè)計(jì)原理理論

8、GUI界面的概念與發(fā)展設(shè)計(jì)理念、色彩構(gòu)成與界面色彩搭配技巧、優(yōu)秀GUI界面評(píng)析與體驗(yàn)、界面設(shè)計(jì)延續(xù)性原則、優(yōu)秀UI界面評(píng)析及體驗(yàn)、吸收

9、軟件界面、移動(dòng)終端設(shè)計(jì)

10、紋理與質(zhì)感、界面與圖標(biāo)的關(guān)聯(lián)性、播放器界面設(shè)計(jì)實(shí)踐與輔導(dǎo)、實(shí)戰(zhàn)創(chuàng)意界面設(shè)計(jì)分析與講解、移動(dòng)設(shè)備界面設(shè)計(jì)案例講解、IPad、平板電腦界面設(shè)計(jì)與創(chuàng)作

11、Web網(wǎng)頁(yè)設(shè)計(jì)

12、認(rèn)識(shí)Web頁(yè)設(shè)計(jì)和發(fā)展趨勢(shì)、簡(jiǎn)潔排版、大氣網(wǎng)頁(yè)制作實(shí)操、Web頁(yè)材質(zhì)細(xì)節(jié)的處理、UI在產(chǎn)品中的作用

13、品牌定義及整體視覺體驗(yàn)

14、圖標(biāo)與桌面logo的區(qū)別、產(chǎn)品logo的設(shè)計(jì)定位、認(rèn)識(shí)用戶體驗(yàn)和UCD。

15、UI設(shè)計(jì)課程哪里有，環(huán)球青藤

二、ui設(shè)計(jì)學(xué)出來好嗎，在重慶哪里學(xué)好呢？

學(xué)設(shè)計(jì)不如學(xué)【視頻剪輯】。理由很簡(jiǎn)單，容易學(xué)（不像其它行業(yè)學(xué)習(xí)成本高，難度大），適合短期3-4個(gè)月短期學(xué)習(xí)，而且行業(yè)缺口非常大，無論是找工作還是自己在家里接私單，月收入輕松過萬，兩三萬也是稀松平常?！军c(diǎn)擊進(jìn)入】免費(fèi)“短視頻剪輯后期”學(xué)習(xí)網(wǎng)址：

www.huixueba.net/web/AppWebClient/AllCourseAndResourcePage?type=1&tagid=313&zdhhr-11y17r-1368478978262353939

因?yàn)楝F(xiàn)在【短視頻】的崛起，任何企業(yè)，任何工作室或者個(gè)人都需要制作剪輯大量的短視頻來包裝品牌，發(fā)抖音，發(fā)朋友圈，發(fā)淘寶等自媒體渠道做展示。因?yàn)槊刻於家虏l(fā)布新內(nèi)容，所以剪輯師根本招不夠，，供需失衡就造成了剪輯師高薪水。

而且剪輯這個(gè)技術(shù)并不需要高超的電腦技術(shù)，也不需要美術(shù)音樂造詣，基本都是固定套路，要什么風(fēng)格的片要什么節(jié)奏，經(jīng)過三四個(gè)月的培訓(xùn)都可以輕松掌握。但凡有點(diǎn)電腦基礎(chǔ)會(huì)用鼠標(biāo)拖拽，會(huì)點(diǎn)擊圖標(biāo)，會(huì)保存除非自己不想學(xué)，沒有學(xué)不會(huì)的。但是要學(xué)好學(xué)精，就一定要找專業(yè)負(fù)責(zé)的培訓(xùn)機(jī)構(gòu)了，推薦這個(gè)領(lǐng)域的老大——【王氏教育】

在“短視頻剪輯/短視頻運(yùn)營(yíng)/視頻特效”處理這塊，【王氏教育】是國(guó)內(nèi)的老大，每個(gè)城市都是總部直營(yíng)校區(qū)。跟很多其它同類型大機(jī)構(gòu)不一樣的是：王氏教育每個(gè)校區(qū)都是實(shí)體面授，老師是手把手教，而且有專門的班主任從早盯到晚，爆肝式的學(xué)習(xí)模式，提升會(huì)很快，特別適合0基礎(chǔ)的學(xué)生。王氏教育全國(guó)直營(yíng)校區(qū)面授課程試聽【復(fù)制后面鏈接在瀏覽器也可打開】： www.huixueba.com.cn/school/yingshi?type=2&zdhhr-11y17r-1368478978262353939

大家可以先把【繪學(xué)霸】APP下載到自己手機(jī)，方便碎片時(shí)間學(xué)習(xí)——繪學(xué)霸APP下載： www.huixueba.com.cn/Scripts/download.html

三、UI交互設(shè)計(jì)和UI設(shè)計(jì)的區(qū)別有哪些？

1. UI交互設(shè)計(jì)和UI設(shè)計(jì)的區(qū)別：概念

UI設(shè)計(jì)

UI設(shè)計(jì)是指對(duì)軟件的人機(jī)交互、界面美觀等的整體設(shè)計(jì)。UI設(shè)計(jì)主要分為實(shí)體UI和虛擬UI兩種，一般互聯(lián)網(wǎng)行業(yè)常見的UI設(shè)計(jì)是虛擬UI。

UI交互設(shè)計(jì)

簡(jiǎn)單來說，UI交互設(shè)計(jì)就是把交互設(shè)計(jì)的理念體現(xiàn)在UI界面上，這個(gè)比較繞一點(diǎn)，大家聽懂了嗎?

2. UI交互設(shè)計(jì)和UI設(shè)計(jì)的區(qū)別：工作人群

UI設(shè)計(jì)相關(guān)人群：UI設(shè)計(jì)師，界面設(shè)計(jì)師，網(wǎng)頁(yè)設(shè)計(jì)師。

UI交互設(shè)計(jì)相關(guān)人群: 網(wǎng)頁(yè)設(shè)計(jì)師，界面設(shè)計(jì)師，交互設(shè)計(jì)師， UX設(shè)計(jì)師， UI設(shè)計(jì)師。

3. UI交互設(shè)計(jì)和UI設(shè)計(jì)的區(qū)別：案例

UI設(shè)計(jì)案例：UI設(shè)計(jì)主要在于通過對(duì)用戶界面的色彩，布局，文字排版等方面進(jìn)行設(shè)計(jì)，以保證整體界面的美觀。

UI交互設(shè)計(jì)案例：以一個(gè)簡(jiǎn)單的UI交互為案例，例如它的交互效果是通過點(diǎn)擊UI界面中按鈕出現(xiàn)不同的圖片，那么這種將交互體現(xiàn)在UI界面上的設(shè)計(jì)，它就是UI交互設(shè)計(jì)了。

4. UI交互設(shè)計(jì)和UI設(shè)計(jì)的區(qū)別：工具

UI設(shè)計(jì)工具：

PS(Photoshop)：適用于界面設(shè)計(jì)，圖標(biāo)設(shè)計(jì)，手繪等。

AI (Illustration)：一般適合創(chuàng)建圖標(biāo)或者排版以及其他矢量圖。

Sketch：適合圖標(biāo)、界面設(shè)計(jì)，支持多文件分層，切片等插件。

UI交互設(shè)計(jì)工具：

Photoshop，AI，Sketch，Mockplus，摹客。

以上就是UI交互設(shè)計(jì)和UI設(shè)計(jì)的區(qū)別分享，希望對(duì)大家有所幫助，想要學(xué)習(xí)UI設(shè)計(jì)的小伙伴們，這些基礎(chǔ)概念一定要知道哦!

四、UI設(shè)計(jì)原則背后的認(rèn)知心理學(xué)

了解人的感官和大腦是如何工作的，去衡量及判斷那些設(shè)計(jì)原則更靠譜;UI設(shè)計(jì)師需要確定哪個(gè)設(shè)計(jì)原則更適用于給定的環(huán)境，從而優(yōu)選應(yīng)用，UI設(shè)計(jì)師必須深思熟慮，而不是盲目的應(yīng)用設(shè)計(jì)原則，應(yīng)該理解其基本原則并有過應(yīng)用經(jīng)驗(yàn)的人來使用和詮釋;

所有設(shè)計(jì)原則其實(shí)都是基于人類心理學(xué)，從認(rèn)知和心理學(xué)角度剖析交互設(shè)計(jì)本質(zhì)，去解讀人們?nèi)绾胃兄W(xué)習(xí)、推理、記憶，以及把想法轉(zhuǎn)換為行動(dòng)。將實(shí)際的設(shè)計(jì)原則聯(lián)系起來會(huì)讓心理學(xué)變得更具體、更容易理解。

此篇是給自己解惑的文章，也是一篇學(xué)習(xí)筆記總結(jié);也讓自己知道就算背熟了著名的交互原則后仍做不好設(shè)計(jì)，究竟是因?yàn)槭裁?現(xiàn)實(shí)中，很多設(shè)計(jì)原則，有一致的場(chǎng)景卻又有互相沖突的場(chǎng)景，到底該怎么推斷那些設(shè)計(jì)準(zhǔn)則更靠譜?

我們的感知與現(xiàn)實(shí)存在一定的偏差

不要懷疑，就是我們所看到的并不是真相，我們的大腦在影響我們的感知;很大程度上是我們“期望”感知到的。感知至少受到以下3個(gè)因素影響，與現(xiàn)實(shí)存在偏差

1、過去：先入為主的經(jīng)驗(yàn)影響我們的感知

人常根據(jù)以往的經(jīng)驗(yàn)來對(duì)事物進(jìn)行理解和判斷;先入為主的經(jīng)驗(yàn)會(huì)給用戶不一樣的感知和理解;你看到什么取決于經(jīng)驗(yàn)/別人告訴你什么?

R.C.James的素描：給人的第一印象是隨手潑出的黑點(diǎn)，如果有人和你說這是一只在樹附近嗅著地面的斑點(diǎn)狗后，你就很難再把這張素描看成是隨手潑出的黑點(diǎn)了;看過劉亦菲演的神雕俠侶小龍女后，后面再有(陳妍希、毛曉慧)翻拍都覺得沒有比劉亦菲更適合小龍女這個(gè)角色，而且還被黑的很慘;這都是因?yàn)槿藭?huì)被先入為主的經(jīng)驗(yàn)影響感知

我們認(rèn)知會(huì)受熟悉的感知框架影響;

我們生活中大部分時(shí)間都是在自己熟悉的環(huán)境中度過(比如：家、公司、去公司的路上、附近的商場(chǎng))，久而久之這些熟悉的環(huán)境會(huì)在我們心智中建立框架;比如，你并不需要經(jīng)常檢查你家里的東西，但你對(duì)家里夠熟悉，也就知道某些東西大概放在哪里，因?yàn)槟阋呀?jīng)建立了你對(duì)自己家的認(rèn)知，有點(diǎn)刻板印象那么回事，專家們都管這個(gè)叫“感知模式/感知框架”

感知框架能幫助我們應(yīng)付所處的世界，但是呢也會(huì)讓我們看到并不存在的東西;比如，有時(shí)候你覺得你身份證明明放在家里某個(gè)地方，你就是找半天沒找到;還有你去飯店吃飯，去飯店吃飯的心智框架里有部分是付款，可能你沒有付款走出來飯店，但你的潛意識(shí)以為自己已經(jīng)付款過了，查看賬單才發(fā)現(xiàn)真沒付!!!!

不同場(chǎng)合的心智框架影響我們?cè)诓煌瑘?chǎng)合下對(duì)期待見到的事物感知;使用電腦、網(wǎng)站及手機(jī)的人對(duì)桌面和文件、網(wǎng)頁(yè)瀏覽器、網(wǎng)站和各種類型的APP都會(huì)有相對(duì)應(yīng)的心智框架;用戶經(jīng)常不認(rèn)真看屏幕就點(diǎn)擊按鈕或鏈接，他們更多是靠以往的經(jīng)驗(yàn)來引導(dǎo)他們對(duì)界面的感知，沒錯(cuò)就是在盲點(diǎn)瞎點(diǎn)!!!能不動(dòng)腦就不會(huì)動(dòng)腦那種，所以知道這個(gè)原理我們可以更好的了解那些設(shè)計(jì)原則

所以這頁(yè)就是為什么UI設(shè)計(jì)原則中需要保持一致性，一致性也包括3個(gè)方面：

1.和用戶預(yù)期保持一致性。

如果不符合人熟悉的心智模型及框架，就很容易很抓狂;經(jīng)常炒股的朋友，會(huì)對(duì)紅色綠色很敏感，綠色代表下跌紅色代表漲，但其實(shí)北美的股票市場(chǎng)則反之，紅色代表下跌;很多用慣安卓的用戶，突然用iOS會(huì)很不習(xí)慣，最明顯的微信APP的iOS版本和安卓版本就有很多不一樣的地方;用習(xí)慣win的系統(tǒng)用戶新買了個(gè)macbook電腦，剛用的時(shí)候很奔潰，時(shí)時(shí)刻刻都感覺自己是個(gè)智障～

app中就有很多案例契合用戶心智模型，減輕用戶的學(xué)習(xí)成本和記憶負(fù)擔(dān)

QQ閱讀的電子書還是保留了翻頁(yè)效果都是模擬現(xiàn)實(shí)翻書的效果，這樣大大降低用戶理解左右滑控制翻書上下頁(yè)的理解成本。微信紅包設(shè)計(jì)形式就很像現(xiàn)實(shí)中的紅包，所以很多人也一下子就理解這是紅包，而且點(diǎn)開就是拆紅包了。網(wǎng)易云音樂也是做成黑膠唱片的即視感，播放暫停都會(huì)相應(yīng)變化，營(yíng)造了聽歌的氛圍。

微信朋友圈廣告的樣式也是符合用戶心智模型，呈現(xiàn)形式與好友發(fā)的朋友圈保持一致。以明星作為好友，插入大圖，底部還可以看到好友的評(píng)論和互動(dòng)，這樣給人的感覺就像好友發(fā)了一個(gè)狀態(tài)，而非一條赤裸裸的廣告。

還有在支付寶好友對(duì)話頁(yè)面轉(zhuǎn)賬的場(chǎng)景中，用戶有著不同的使用習(xí)慣，他們認(rèn)為來這里就是轉(zhuǎn)賬的，所以有的用戶進(jìn)入對(duì)話框后，輸入完數(shù)字，就認(rèn)為自己已經(jīng)轉(zhuǎn)賬成功了，其實(shí)并沒有，于是有了現(xiàn)在改版后的方案;bilili在輸入密碼的時(shí)候2個(gè)小人會(huì)捂住眼睛，像極了現(xiàn)實(shí)中別人輸入密碼自己會(huì)走開不偷看。

2. 和平臺(tái)規(guī)則保持一致性

產(chǎn)品的設(shè)計(jì)要和平臺(tái)的規(guī)范保持一致，比如ios、Android及網(wǎng)站規(guī)范;也需要與競(jìng)品保持一致比如同類型的app也會(huì)大同小異;

3. 產(chǎn)品內(nèi)部規(guī)范一致性。

其中包括迭代版本保持一致性，同一層級(jí)圖標(biāo)顏色字體保持一致性，品牌一致性，交互行為一致性;不同的品牌有自己的調(diào)性，可以直接通過設(shè)計(jì)語(yǔ)言傳達(dá)給用戶，而且能夠達(dá)到一個(gè)良好的品牌辨識(shí)度，成熟的產(chǎn)品有自己的設(shè)計(jì)標(biāo)準(zhǔn)。

4. 遵循用戶的操作習(xí)慣;

有時(shí)候在找某件東西的時(shí)候，如果它不在老地方或者看起來和以前不一樣，就算在我們眼前，我們也找半天，這也是因?yàn)槲覀兪芤酝慕?jīng)驗(yàn)影響感知;因此相同或相似產(chǎn)品的用戶習(xí)慣保持一致，即意味著用戶需要更少的時(shí)間去學(xué)習(xí)甚至不需要學(xué)習(xí);

微信的iOS和安卓版本不一致，是根據(jù)2個(gè)終端不一樣的交互習(xí)慣操作;比如微信2各版本的搜索位置不一致，安卓在右上角，iOS是一長(zhǎng)條;發(fā)現(xiàn)頁(yè)iOS是沒有搜索和添加的，安卓卻有;在iOS系統(tǒng)中，想要?jiǎng)h除一條信息只需要向左輕輕一劃，而在安卓系統(tǒng)中，需要長(zhǎng)按信息在彈出的選項(xiàng)中選擇刪除選項(xiàng)，然后再按確認(rèn)刪除的選項(xiàng);安卓左右劃可以切換4個(gè)tab但iOS卻不行，安卓和iOS二級(jí)頁(yè)面的返回鍵也是不一致，安卓底部有返回操作，iOS則是右滑返回上一級(jí)。

2、當(dāng)前：環(huán)境影響感知

周圍環(huán)境對(duì)感知的影響也同樣存在于不同感官之間。五個(gè)感官任何之一的感知都可能同時(shí)影響其他感官的感知。例如：我們聽到的能影響我們看到的，反之亦然;我們聽到、看到或者聞到的能影響我們的觸覺。

總之，對(duì)于識(shí)別一個(gè)字母、一個(gè)單詞、一張臉或者任何物體的神經(jīng)活動(dòng)，都包含了環(huán)境刺激產(chǎn)生的神經(jīng)信號(hào)的輸入。這個(gè)環(huán)境包括感知到的其他臨近對(duì)象和事件，甚至由環(huán)境激活的對(duì)以往感知到的對(duì)象和事件的記憶。

人們經(jīng)常根據(jù)周圍的情景去理解事物，視覺感知也是一樣的，上下文會(huì)影響我們對(duì)某一個(gè)詞的理解;環(huán)境有時(shí)候會(huì)產(chǎn)生歧義。同樣的一段話放在不同的語(yǔ)句當(dāng)中，會(huì)有不同的理解。視覺上也是如此：

視覺設(shè)計(jì)可以通過應(yīng)用的背景、界面元素的擺放等來烘托情感、主題和氣質(zhì)。比如天貓、京東及拼多多618這種節(jié)日活動(dòng)主場(chǎng)景，也是利用了這種心理將買買買的活動(dòng)氛圍營(yíng)造出來。

3、將來：目標(biāo)影響感知

除了視覺，我們的目標(biāo)還過濾其他感官的感知。

例如：在嘈雜的環(huán)境中與人交談，你能把大部分注意力放在他說的話上，即使身邊還有許多人在對(duì)話。你對(duì)談話的興趣越大就越能過濾掉周圍的聲音。

當(dāng)用戶登錄網(wǎng)站執(zhí)行操作時(shí)通常都是帶有目的性的去操作，這個(gè)過程中會(huì)過濾與其達(dá)成目標(biāo)操作無關(guān)的東西，當(dāng)用戶在軟件或網(wǎng)站上尋找信息或某個(gè)功能時(shí)，他們并不會(huì)認(rèn)真的閱讀，只是快速而粗略的掃描屏幕上與目標(biāo)相關(guān)的東西。他們不是不僅僅忽略掉與目標(biāo)無關(guān)的東西，而是經(jīng)常不注意它們。

目標(biāo)影響我們注意什么--感知是主動(dòng)的，我們動(dòng)用五官去找到和目標(biāo)相關(guān)的東西。目標(biāo)使我們的感知系統(tǒng)對(duì)某些特性敏感--例如在下圖找紅色的圓點(diǎn)，大腦對(duì)紅色就會(huì)特別敏感，而其它顏色就幾乎不會(huì)被注意到，即使我們的確“看到”了它們

目標(biāo)對(duì)感知的過濾在成年人身上特別可靠，他們比兒童對(duì)目標(biāo)更專注。兒童更容易被刺激驅(qū)使，目標(biāo)較少地過濾他們的感知。這種特點(diǎn)使得他們比成年人更容易分心，但也使得他們觀察時(shí)更不容易被影響。

當(dāng)用戶充分的調(diào)動(dòng)感知來尋找目標(biāo)的時(shí)候，由于用戶的注意力處于一種高度的緊張狀態(tài)，這是一種不好的用戶體驗(yàn)，我們要做的是讓用戶能夠輕松的完成目標(biāo)任務(wù)，而不需要有高度的緊張和尋找。

比如淘寶在注冊(cè)賬號(hào)的時(shí)候，清晰告知用戶注冊(cè)整體流程狀態(tài)

由于用戶在完成某項(xiàng)操作的時(shí)候，非常容易忽略和目標(biāo)任務(wù)無關(guān)的信息，所以如果需要在用戶處理任務(wù)的過程中，使用戶注意到一些額外的重要信息的話，應(yīng)該將這些信息做的醒目或者將它們擺放到適當(dāng)?shù)奈恢?，比如：Behace在用戶創(chuàng)建密碼時(shí)，會(huì)貼心在下面把已滿足密碼項(xiàng)☑️，避免不滿足密碼要求又被打回

總結(jié)：最后對(duì)設(shè)計(jì)有什么影響?

避免歧義

避免顯示有歧義的信息，并通過測(cè)試確認(rèn)所有用戶對(duì)信息的理解是一致的。當(dāng)無法消除歧義時(shí)，要么依靠設(shè)計(jì)標(biāo)準(zhǔn)或用戶習(xí)慣，要么告知用戶用你期望的方式去理解歧義之處。

保持一致

在一致的位置擺放信息和控件。不同頁(yè)面上提供的相同功能的控件和數(shù)據(jù)顯示應(yīng)該擺放在每一頁(yè)上相同的位置，而且它們還應(yīng)該有相同的顏色、字體和陰影等。這樣的一致性能讓用戶很快找到和識(shí)別它們。一致性的交互設(shè)計(jì)原則對(duì)用戶而言可以讓信息傳達(dá)和用戶使用體驗(yàn)更好;對(duì)產(chǎn)品研發(fā)團(tuán)隊(duì)來說，也會(huì)減少設(shè)計(jì)的研發(fā)成本

理解目標(biāo)

理解用戶目標(biāo)，知道它們強(qiáng)烈的要感知什么，從而確保提供必要的信息清晰的對(duì)應(yīng)用戶的感知，用戶去用一個(gè)系統(tǒng)是有目標(biāo)的。設(shè)計(jì)者應(yīng)該了解這些目標(biāo)，要認(rèn)識(shí)到不同用戶的目標(biāo)可能不同，而且他們的目標(biāo)強(qiáng)烈左右他們能感知到什么。在一次交互的每個(gè)點(diǎn)，確保提供了用戶需要的信息，并非常清晰地對(duì)應(yīng)到一個(gè)可能的用戶目標(biāo)，使用戶能夠注意到并使用這些信息。

以上就是關(guān)于不好的ui設(shè)計(jì)案例相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。