正文

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

發(fā)布時(shí)間：2023-04-29 13:08:54 稿源：創(chuàng)意嶺閱讀： 603

大家好！今天讓創(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ì)專業(yè)課程
2、如何快速查找UI設(shè)計(jì)示例？
3、從網(wǎng)頁(yè)設(shè)計(jì)轉(zhuǎn)行到UI設(shè)計(jì)好不好轉(zhuǎn)？有這方面的成功案例嗎？
4、ui設(shè)計(jì)什么

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

一、ui設(shè)計(jì)專業(yè)課程

A. Ui設(shè)計(jì)專業(yè)有什么課程

UI設(shè)計(jì)要學(xué)習(xí)軟件設(shè)計(jì)包括一些基本都設(shè)計(jì)軟件，還有消費(fèi)心理學(xué)有、市場(chǎng)營(yíng)銷、溝通學(xué)、

B. UI設(shè)計(jì)是哪個(gè)專業(yè)的課程

目前沒有高校開設(shè)此抄類課程，有動(dòng)畫、美術(shù)、視傳、藝術(shù)設(shè)計(jì)等等接受傳統(tǒng)美術(shù)教育的從事該行業(yè)，之前有個(gè)同事是學(xué)油畫的。也有很多其他領(lǐng)域轉(zhuǎn)行過來的，如果是高考選專業(yè)的話，建議選跟設(shè)計(jì)和藝術(shù)相關(guān)的，平面設(shè)計(jì)、工業(yè)設(shè)計(jì)等專業(yè)。

比較好的藝術(shù)類院校開都開設(shè)了UI設(shè)計(jì)方向的專業(yè)，比如：

清華大學(xué)美術(shù)學(xué)院-工業(yè)設(shè)計(jì)

清華大學(xué)美術(shù)學(xué)院-信息設(shè)計(jì)

同濟(jì)大學(xué)設(shè)計(jì)創(chuàng)意學(xué)院—數(shù)字媒體設(shè)計(jì)

江南大學(xué)-工業(yè)設(shè)計(jì)

同濟(jì)大學(xué)設(shè)計(jì)與藝術(shù)學(xué)院(原藝術(shù)與傳媒學(xué)院)

華中科技大學(xué)-工業(yè)設(shè)計(jì)-交互設(shè)計(jì)方向

武漢大學(xué)-工業(yè)設(shè)計(jì)

西安交通大學(xué)-工業(yè)設(shè)計(jì)

廣州美術(shù)學(xué)院-新媒體設(shè)計(jì)

重慶大學(xué)-工業(yè)設(shè)計(jì)

C. 新媒體UI設(shè)計(jì)主要學(xué)習(xí)哪些課程

主要學(xué)習(xí)illustrator圖形設(shè)計(jì)，cdr圖形設(shè)計(jì)，Photoshop圖像處理，UI手繪圖標(biāo)，UI標(biāo)志設(shè)計(jì)，UI InDesign圖文設(shè)計(jì)等。

D. UI設(shè)計(jì)需要學(xué)哪些課程

UI設(shè)計(jì)師所設(shè)計(jì)出來的作品被更多的人所稱贊和使用是每個(gè)UI設(shè)計(jì)師的夢(mèng)想，對(duì)于零基礎(chǔ)學(xué)習(xí)UI設(shè)計(jì)的小白來說，入門UI設(shè)計(jì)要學(xué)習(xí)的東西太多了。UI設(shè)計(jì)負(fù)責(zé)APP、Web、H5等頁(yè)面的色彩、布局、icon、字體方面的設(shè)計(jì)工作。設(shè)計(jì)是跟美有關(guān)的共，需要掌握一定的繪畫技巧、計(jì)理論、掌握設(shè)計(jì)軟件、邏輯取舍等內(nèi)容。

1、繪畫技巧

美術(shù)高考主要考的三大項(xiàng)：素描、速寫、色彩，繪畫入門的三大基礎(chǔ)課題，學(xué)習(xí)過程順序逐步覆蓋。如果已經(jīng)在第一部分看完了些書籍，學(xué)習(xí)基礎(chǔ)繪畫的過程中在紙張上對(duì)現(xiàn)實(shí)世界的物體進(jìn)行細(xì)致準(zhǔn)確的描繪，需要更仔細(xì)的觀察事物。

2、設(shè)計(jì)理論

設(shè)計(jì)理論在理論不斷被完善的今天，要做出好的設(shè)計(jì)一樣是可以通過理論學(xué)習(xí)實(shí)踐產(chǎn)生，一定不要認(rèn)為這是天賦上的差距，別人比自己就更有藝術(shù)細(xì)胞。

3、設(shè)計(jì)軟件

學(xué)習(xí)軟件，以下幾種軟件是必不可少的：PS、AI、DW、Sketch……其余的根據(jù)愛好自己補(bǔ)充。其實(shí)ui設(shè)計(jì)需要的基礎(chǔ)并不難，一些簡(jiǎn)單的美術(shù)基礎(chǔ)和平面設(shè)計(jì)的基礎(chǔ)，要求也不算很高，不太需要編程。流程大致可分為5個(gè)階段，PS ，Illustrator ， DW，InDesign都會(huì)用到，但不需要都會(huì)只需學(xué)會(huì)PS,AI，AE等軟件就可以了，畢竟我們不是程序員不需要學(xué)習(xí)代碼什么的。一個(gè)是熟練工具，另外是設(shè)計(jì)知識(shí)以及創(chuàng)意想法的練習(xí)。

軟件設(shè)計(jì)師的工具和設(shè)計(jì)知識(shí)。軟件知識(shí)：PS、AI、AE、ARP、DW；理論知識(shí)：創(chuàng)意，審美，心理學(xué)，溝通學(xué)，管理，運(yùn)營(yíng)，文案，演講等設(shè)計(jì)理論原理。

4、設(shè)計(jì)邏輯

作為UI設(shè)計(jì)師，是必須掌握前端的對(duì)應(yīng)技能的，這不是可以完全無限制的發(fā)揮設(shè)計(jì)技藝的地方，要有取舍跟上前端開發(fā)的邏輯，做出穩(wěn)定可以被實(shí)現(xiàn)的設(shè)計(jì)稿。學(xué)會(huì)HTML5、CSS3、 JQ的入門、安卓，IOS實(shí)現(xiàn)規(guī)范。

5、鑒賞模仿

特地把這點(diǎn)放到后面，也是有理由的，前面的步奏都是一個(gè)設(shè)計(jì)師基礎(chǔ)素養(yǎng)的實(shí)現(xiàn)，而一個(gè)出色設(shè)計(jì)師還需要培養(yǎng)自己的套路和風(fēng)格——站在巨人的肩膀上。你要學(xué)會(huì)如何辨別優(yōu)秀的作品，可以從多個(gè)渠道收集優(yōu)秀作品和案例。

E. UI設(shè)計(jì)培訓(xùn)包括什么課程

1，學(xué)校口碑。一個(gè)學(xué)校怎么樣，從校內(nèi)學(xué)生的口中就可以得到真實(shí)口碑，建議直專接去實(shí)屬地問校內(nèi)學(xué)生，獲取最真實(shí)的評(píng)價(jià)。

2，課程內(nèi)容。學(xué)校的質(zhì)量怎么樣，肯定要著重考慮學(xué)校教學(xué)質(zhì)量，看看上課的課程質(zhì)量如何，課程是否有用，安排是否合理。除了理論課是否還有實(shí)戰(zhàn)課。除了查詢官網(wǎng)的課程信息，最好是直接到學(xué)校參與試聽課。感受真實(shí)的授課環(huán)境和課程內(nèi)容。

3，教師力量。課程再好也是老師來教，這時(shí)候就要了解學(xué)校的老師水平如何，看看有沒有大企業(yè)的任職經(jīng)驗(yàn)和多年的設(shè)計(jì)經(jīng)驗(yàn)。

當(dāng)然，找到了好學(xué)校還需要自己付出不懈的努力，特別是設(shè)計(jì)的行業(yè)，不是掌握了設(shè)計(jì)方法就能設(shè)計(jì)出好產(chǎn)品，要想成為一個(gè)優(yōu)秀的設(shè)計(jì)師，必須多練習(xí)多總結(jié)。

F. 專業(yè)的UI設(shè)計(jì)課程應(yīng)該是哪些

這是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ì)主要學(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ì)。

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)成與視覺語言:學(xué)習(xí)構(gòu)成視覺語言,使學(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)語言技術(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ì)專業(yè)課程擴(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ì)專業(yè)的都有哪些課程

一般的電腦學(xué)校有這樣的課程，計(jì)算機(jī)互聯(lián)網(wǎng)相關(guān)，可以去看看

二、如何快速查找UI設(shè)計(jì)示例？

如何快速查找UI設(shè)計(jì)示例？如何高效率找到UI設(shè)計(jì)素材。

生活中的搜索工具

在日常生活中我們常常會(huì)跟各式各樣的“搜索工具”打交道。比如下面這個(gè)場(chǎng)景尤為常見，當(dāng)你身處一個(gè)圖書館，想找某一本你很需要的書時(shí)，你會(huì)怎么辦？

這個(gè)時(shí)候通常會(huì)通過以下兩種途徑來解決問題：

精準(zhǔn)查找-通過電腦檢索，找到目標(biāo)；

模糊查找-通過書架類目分類，找到目標(biāo)；

然而，這里電腦和類目標(biāo)識(shí)在整個(gè)找書的行為路徑中就充當(dāng)了查找的功能。生活中還有很多諸如此類的應(yīng)用場(chǎng)景，比如超市購(gòu)物、查字典等行為場(chǎng)景。

某超市貨架

為什么需要搜索工具

搜索工具的本質(zhì)是幫助人們提升決策效率。據(jù)全美2012年調(diào)研結(jié)果顯示，每位成年人每天平均要做70個(gè)選擇。然而每個(gè)選擇又可能會(huì)面對(duì)大量的選擇對(duì)象，這時(shí)人們的決策成本就會(huì)隨著平行信息時(shí)代的發(fā)展而與日俱增。

如何幫助人們?cè)诿鎸?duì)大量選擇對(duì)象時(shí)提升決策效率，這就成為了篩選設(shè)計(jì)的抓手也就是我們所說的設(shè)計(jì)機(jī)會(huì)點(diǎn)。

移動(dòng)設(shè)備上的搜索工具

大量數(shù)據(jù)集合需要根據(jù)不同用戶的不同需求來進(jìn)行過濾，也叫做篩選。篩選依賴于用戶的選擇標(biāo)準(zhǔn)，從而細(xì)化搜索結(jié)果或著一組大型對(duì)象結(jié)果。常見的搜索工具設(shè)計(jì)包括：

直列式搜索工具

抽屜/折疊式搜索工具

列表式搜索工具

上述三類搜索工具的設(shè)計(jì)思路幾乎涵蓋了市場(chǎng)上絕大多數(shù)的應(yīng)用案例，不同類型之間的搜索工具適用于不同的使用場(chǎng)景，下面我們可以來分辨看看各個(gè)類型的場(chǎng)景應(yīng)用。

直列式搜索工具

與頁(yè)面的元素排序邏輯以及展示方式類似，屏幕上直接顯示對(duì)象結(jié)果或者對(duì)象列表。通過設(shè)計(jì)tab按鈕來篩選目標(biāo)對(duì)象。Google和百度都是采用單排橫向式。

Google

百度

當(dāng)我對(duì)關(guān)鍵詞進(jìn)行檢索后，可以在此基礎(chǔ)上對(duì)結(jié)果進(jìn)行內(nèi)容類型的搜索， Google的搜索點(diǎn)擊最右側(cè)的“搜索工具”時(shí)，會(huì)額外展示出一列新的篩選條輔助進(jìn)一步的選擇。

Google Play 報(bào)亭

Google Play報(bào)停采用了雙排篩選條，根據(jù)用戶感興趣的檢索詞匹配出“內(nèi)容相關(guān)”以及“媒體相關(guān)”兩類篩選偏好。

這類型的搜索工具會(huì)緊跟檢索入口，這樣更便于讓用理解下方的單排tab元素是基于檢索關(guān)鍵詞而進(jìn)行過濾的。根據(jù)格式塔定律的接近性原則，相鄰的元素關(guān)系會(huì)更容易讓用戶理解他們之間的關(guān)聯(lián)作用。

抽屜式搜索工具

CNN新聞采取的是抽屜/折疊式搜索工具，通過一個(gè)handle來提示篩選器的入口，用戶通過點(diǎn)擊可以將被折疊/收起的搜索工具浮層展示出來。

CNN NEWS

擁有成熟且穩(wěn)固的分類/類目體系的內(nèi)容平臺(tái)更適合這種抽屜式的篩選器浮層，可以將完整的類目完全曝光，并且常駐底部的handle,可以有效的避免曝光衰減的狀況。

列表式搜索工具

作為全球最大的在線旅游公司Expedia，采用了列表式的搜索工具。但Expedia有一點(diǎn)做的非常好，就是在搜索工具展開時(shí)如何給用戶預(yù)期匹配的結(jié)果數(shù)量。

三、從網(wǎng)頁(yè)設(shè)計(jì)轉(zhuǎn)行到UI設(shè)計(jì)好不好轉(zhuǎn)？有這方面的成功案例嗎？

平面設(shè)計(jì)很好轉(zhuǎn)，因?yàn)槎际怯胮s、ai、flash，主要是要了解網(wǎng)頁(yè)、移動(dòng)端的一些設(shè)計(jì)規(guī)范，還有交互等等，多臨摹多做一些作品，就能投簡(jiǎn)歷找工作了。

四、ui設(shè)計(jì)什么

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)

順便在此給大家分享一個(gè)學(xué)平面設(shè)計(jì)的網(wǎng)站“兔課網(wǎng)”，大家可以百度搜一下：兔課網(wǎng)，兔課網(wǎng)是一個(gè)專門學(xué)設(shè)計(jì)的網(wǎng)站，上面有很多的設(shè)計(jì)教程，還有一個(gè)魔鬼特訓(xùn)班，魔鬼特訓(xùn)班大家可以挑戰(zhàn)一下，很多人的學(xué)習(xí)效果都非常不錯(cuò)！

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