正文

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

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

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

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

本文目錄:

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

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

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

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

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

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

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

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

就這些吧，基本都包含了

B. UI界面設(shè)計報告怎么寫

有UI效果圖，導入進axure里添加文字后，可以直接生成pdf文檔。

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

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

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

C. UI設(shè)計都學習哪些課程

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

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

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

E. ui設(shè)計主要學習什么課程

ui設(shè)計主要學習： Photoshop，Illustrator，After Effects，Axure RP 8。

簡稱，PS，AI，AE，ARP 軟件。

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

AI 主要用于制作 UI 設(shè)計中的圖標設(shè)計，也可以對 UI 中的一些引導頁的插畫圖進行設(shè)計。

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

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

F. UI設(shè)計都學些什么

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

第一階段

1、廣告文案書制作專

2、計算機組裝屬與維護

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

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

第二階段

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

2、廣告攝影

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

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

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

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

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

第三階段

1、圖像處理高級技法

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

3、InDesign圖文設(shè)計

4、廣告材料及工藝

5、包裝設(shè)計

6、招貼設(shè)計

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

第四階段

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

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

3、HTML5+CSS3

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

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

6、網(wǎng)店裝修

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

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

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

H. UI設(shè)計需要學習哪些內(nèi)容

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

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

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

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

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

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

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

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

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

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

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

軟件如下：

1.PSCC2017

PS 全稱 Photoshop

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

2.AICC2017

AI 全稱 Illustrator

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

3.AECC2017

AE 全稱 After Effects

主要是做來做影視后期視頻特效的，但是在UI這個的話就是用來做一些UI的交互動效。動效這塊是效率最高的軟件，不過不能用AE畫圖標做界面。這個AE不擅長。

4.ARP 全稱 Axure RP Pro

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

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

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

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

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

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

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

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

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

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

I. UI設(shè)計培訓課程是講什么的

UI設(shè)計要學習什么？

1、設(shè)計概念

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

3、初識圖標理論

4、圖標的概念、圖標國際規(guī)范、圖標設(shè)計要素與技法、圖標創(chuàng)意思想與方法、圖標設(shè)計實例操作及點評

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

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

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

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

9、軟件界面、移動終端設(shè)計

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

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

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

13、品牌定義及整體視覺體驗

14、圖標與桌面logo的區(qū)別、產(chǎn)品logo的設(shè)計定位、認識用戶體驗和UCD。

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

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

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

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

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

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

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

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

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

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

UI設(shè)計

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

UI交互設(shè)計

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

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

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

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

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

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

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

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

UI設(shè)計工具：

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

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

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

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

Photoshop，AI，Sketch，Mockplus，摹客。

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

四、UI設(shè)計原則背后的認知心理學

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

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

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

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

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

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

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

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

我們認知會受熟悉的感知框架影響;

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

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

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

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

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

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

app中就有很多案例契合用戶心智模型，減輕用戶的學習成本和記憶負擔

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

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

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

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

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

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

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

4. 遵循用戶的操作習慣;

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

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

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

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

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

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

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

3、將來：目標影響感知

除了視覺，我們的目標還過濾其他感官的感知。

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

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

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

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

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

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

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

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

避免歧義

避免顯示有歧義的信息，并通過測試確認所有用戶對信息的理解是一致的。當無法消除歧義時，要么依靠設(shè)計標準或用戶習慣，要么告知用戶用你期望的方式去理解歧義之處。

保持一致

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

理解目標

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

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