平面設計、UI設計、視覺設計、網頁設計，各自的區別和關聯是什麼？學習設計，是全面了解，還是重點培養？

12-05

想學UI設計，看不同的培訓課程，有的專註UI設計，有的平面網頁U都教……零基礎，學設計是不是各種基礎都要學習下？是學第一種，好第二種？

破百贊了..如果對大家有幫助希望能點贊，這是對我最好的感謝。
引用一些我之前在優設網上的一片文章。裡面的內容應該能說明題主的一些問題。
希望對題主有用。

我第一份工作是在騰訊的一個地方站，在那裡接觸了基本的設計理念和思路，那個時候大部分公司設計都要會一些前端，以及Flash。但是好處就是那時候就對前端有了一定的了解，一些Flash的製作也讓我對動效節奏把控等有了一定的基礎。

之後我開始北漂我進入一家互動公司任職，那時候接觸了Social，接觸了互動廣告，接觸了產品，開始想創意，和產品一起規劃Sitemap和活動網站原型。

當時參與過的一個項目叫做Dell存錢罐，就是以產品的角度構建創意，用了類似簽到+分享然後返回折扣的這麼一個形式，在renren上打造的創意活動，當年也拿了一些營銷獎項。

那時候我就明白，產品和創意是不分家的，好的產品其實也是好的創意，而好的創意更是一個好產品的起源。

之後我進入一家4A廣告公司任職，雖然當時是在4a的互動部門，但是因為整合營銷，我也更加有機會了解的傳統廣告，以及整合營銷，明白了什麼是Big idea。也更加明白我們做的這些設計究竟在營銷傳播上處於哪一個環節，有什麼樣的功能，是怎樣相輔相成，又是怎樣的不同。

其實也就是這些種種經歷，可能讓我對於UI、平面、網頁，這些有這一些自己的理解。

跳脫出設計來說，無論是UI也好，網頁也好，平面也好，其實都是整體品牌營銷中的一部分。

就拿一個銀行品牌需要推廣自己來講，需要TVC、平面這種傳統廣告去告訴消費者我是誰，我值得信賴。需要通過品牌網站，互動網站h5，去讓消費者更好的更細緻的了解自己的優勢和業務。而在現在還需要去搭建自己的產品App去更好的服務自己銀行現有用戶，提升金錢流動等等。而這每一個環節其實都是必不可少，並且都是同等重要的。而再單純從設計的角度講，UI，平面，網頁，這三者更是沒有什麼特別界限。

版式，元素，字體，光影，形式，顏色，這些都是構建這三者最基本的條件和形態，信息的傳遞又是這三者最根本的目的，我把所有的這些歸納為一個平面，UI，網頁設計師的核心知識。

這是我理解的一個優秀設計師的知識構架。

舉一些例子來展示這些核心知識是如何應用在不同設計上的。

△ 漸變色的應用

△ 配色

△ 線條塑造圖形的手法

△ 版式，圖片處理手法

△ 構圖結構瀏覽變化節奏

△ 形式元素類型

上面就是設計師核心知識在不同領域的應用，大家看到這裡不知道是不是有所啟發？

如果你有過硬的核心知識儲備，只要稍加轉化其實就可以讓你在不同領域的設計上遊刃有餘

再看到這個畫冊同時，或許腦子裡能夠感受的已經不僅僅是一個畫冊？而是一個網頁或者一個UI界面的形式？積累的這些設計中共生的這部分核心知識，而不是一眼只盯著自己的領域，網頁設計只看網頁作品，平面設計師只看平面作品，這些其實都是收益很小的事情。

無論是文字也好，網頁也好，UI也好，平面設計甚至是視頻Video也好，我們做的這些設計與創作的最根本的意義都是一樣的。就是通過我們的設計和創意與用戶去溝通我們想要傳達的信息和內容，因為信息和內容的不同，我們選擇合適的渠道和方法。

所以其實好的網頁設計師去做平面，又或者好的UI設計師去做網頁，很多上手很快而且很快就能提高到一定高度，原因也就是在於這些優秀的設計師在核心知識的積累上本身就是很豐富的。

而對於入門或者初級的設計師當你覺得現在所做的事情有瓶頸時，要通過通過學習和實踐努力提升自己的核心知識。

另外有一些自己對一些迷茫人的建議，純屬個人想法僅供參考。

1、如果你是一個新人，我覺得先要學習和理解的一定是設計中最基礎的和共用的那部分，

2、如果你是一個平面或者網頁設計師，覺得已經混不下去了，其實我覺得並不是這個領域有了問題，而更多的是自己，如果你的專業程度，你解決問題的能力不如模版，那確實是不太可能有好的待遇，即便盲目「轉行」其實也解決不了什麼根本的問題

3、無論你在什麼領域，學習新的東西是必不可少的。

4、比起先費心思研究不同，或許先了解共通會更好一些。

5、我們要觀察不同的信息是如何通過什麼樣的形式傳遞的

6、增加共有部分的積累，無論以後行業再怎麼發展，一定都是隨機應變的基石。

我們先從整體了解一下四者的關係：

視覺設計包含的範疇很大，是針對眼睛功能的主觀形式的表現手段和結果，主要包括標誌設計、包裝設計、字體設計、圖像設計、書籍設計、廣告設計、裝潢設計、界面設計還可以包括櫥窗展示設計等。其中像標誌設計、字體設計、圖像設計這些都是平面設計的主要分支。以上提到的界面設計也就是你所說的UI設計，它包括網頁設計、手機界面設計、產品的交互界面的設計。以上的圖表可以清晰的了解他們之間的關係。

你的問題學習設計，我應該可以理解成只是視覺設計或者平面設計的範疇內的設計，全面了解和重點培養這兩個方面其實不衝突。想要學好視覺設計，就要對系統之下的所有知識做全面的了解，除了和平面視覺相關的基礎知識外，品牌、包裝、廣告、環境導視、UI界面等這些都是平面設計直接包含的範圍，在工作中可能分工很明確，接觸不到其他的設計內容，可能就是很多人認為的「重點培養」的這種理解。「重點理解」並不能等同於對其他的方向全部不了解，好的設計師應該是複合型的，除了可以做品牌形象，還可以做後期包裝，甚至交互界面。

像你說想學習UI設計，其實這裡面就包含了很多小的分支，比方說UI界面中，一定會包括圖形設計和對色彩的理解，怎樣將設計的界面中的圖形和色彩和產品的品牌氣質相關，色彩是不是使用logo系統中規範的色彩，還是搭配其他符合用戶心理和使用場景的色彩，這些都是需要在全面了解視覺設計理論基礎之上才能做出的設計。

先寫這麼多，歡迎交流

———————————————————

歡迎關注我的個人官方微信（kang-shishi）

http://weixin.qq.com/r/BkRfRzjE_2WErXwk9xEU (二維碼自動識別)

如有藝術留學、院校、專業、作品集方面的問題，可私信康石石諮詢

一、四者的關聯

這些專業名詞不斷的湧現或被創造出來，主要是源於設計崗位職責的精細劃分，協作配合的結果。在我的實際工作過程中，明顯感覺到平面設計、網頁設計、UI設計三者在本質上並未有多大區別，且均屬於視覺設計（或視覺傳達）的範疇，其根本目的都是在為信息的傳達做服務。

▽圖：平面設計、UI設計、視覺設計、網頁設計的關係

並且網頁/平面/UI設計，它們三者均有著共同的視覺理論根基，即三大構成中的平面構成、色彩構成、立體構成。

在視覺元素的細節刻畫上，都遵循自然界的光影變化、明暗對比、透視結構變化的視覺規律，簡言之：素描基礎。

它們最大的不同則源於承載信息媒介的固有屬性差異，印刷類紙媒其尺寸篇幅極其有限，並且成本較高；而網頁、UI以電子顯示屏為主要載體，頁面可橫向、縱向延伸、相互跳轉，多了交互及無限延伸的可能。

二、作品形式上的區別

1.視覺設計（視覺傳達）

一提到視覺傳達，很多朋友會把它和平面設計這個概念給等同起來，其實這是不夠貼切的。

無論是通過聽覺、視覺、嗅覺、觸覺、味覺，能夠刺激激到我們神經的過程中，都有傳達的意味。視覺的傳達，只是這五種感覺的其中之一。

除此之外在室內設計裝潢、影視動畫製作、環藝設計這些領域同樣是存在視覺傳達這個概念的。只是其專業知識體系偏向於工程結構、理學方向會多一點，分工更加明確而已。

視覺傳達設計的範疇遠大於平面設計，我們平日里見到的海報、包裝、網頁、UI、展會舞台的整體規劃、以及統一的VIS形象設計，均屬於視覺傳達的具體表現形式。

2.平面設計（CMYK色彩）

△平面包裝設計。作者：西安高鵬。來源：總監之路-包裝設計教程

廣義的平面設計應該將網頁、UI包含其中。而目前，我們口中所說的平面設計，還是更傾向於代其其最終以油墨印刷列印出來一類的設計作品，注重創意為主，交互性最弱。

3.網頁設計（RGB色彩）

呈現於瀏覽器中，以電腦屏幕為載體的一類設計。以承載大量信息為主，更加畫面細節刻畫，以及交互、易用性。

4.UI設計（RGB色彩）

以電子顯示屏為載體，更加強調人機交互、頁面跳轉的操作邏輯、以追求視覺舒適、易用性為主的一類設計。

三、基礎階段，必須要學些什麼？

(1). [必學] 設計基礎三大構（即色彩構成、平面構成、立體構成），素描基礎（掌握透視原理、光影關係），同時專研一下色彩搭配、色彩心理學。

(2). [掌握] 文案設計能力。對好的文案有敏感，編寫個簡單的廣告語什麼的，都是要會的。

(3). [必學] 版式布局原理。掌握版式形成原理、網格系統理論、頁面的基本元素類型。版式布局在每一副平面設計中都有體現。

(4).[掌握] 圖形設計的思路方法。訓練你抽象概括事物的能力，字體設計、logo設計中都能得到運用。

(5). [熟練] 平面設計四大軟體的運用。Photoshop（點陣圖）、illustrator（矢量）、InDesign（排版）、CorelDRAW（矢量），至少選一個矢量和點陣圖軟體學習。

四、進階階段，要學習什麼？

這一階段，主要是針對不同的信息載體，對其平台規範知識的學習。

（1）印刷類平面設計設計，可側重於平面廣告載體的材質、印刷工藝、VIS品牌設計、營銷創意、傳播等方面的知識的學習。

（2）網頁、UI一類的設計，可側重於人機交互的研究、產品設計、用戶心理、動效設計等相關知識的涉獵學習。

最後想說的是

學習的過程就像小馬過河，也沒有所謂的捷徑可循。先從簡單的軟體操作、設計排版、色彩搭配、圖形字體設計慢慢累積學起，多看多練。紮根於一個領域，深入研究，一步步地自然會學得羽翼豐滿。

接下來，給大家推薦一個教程網站， 能幫你快熟突破成長的瓶頸。其涵蓋最專業的平面/網頁/UI等設計教程，目前已經50多套系統教程，一課不足8元。視頻地址：http://t.cn/RqRcUk9

祝大家有所成！

（完）

關於@酷coo豆

平面設計學習日記網創始人。致力為自學設計的朋友提供優質的書籍、教程、經驗等資源參考，為你的學習成長提供知識養分。更多自學問題，歡迎與我私信。

推薦訂閱我的專欄：平面設計學習日記 - 知乎專欄。

——

未經許可禁止轉載，轉載請聯繫授權。如需轉載前往獲https://rightknights.com/material/author?id=6765 取合法授權。

平面設計是統稱，所有在平面上表達的東西基本都屬於平面設計
我大學學的是平面設計，除了基礎的圖案、色彩等等以外還教了海報、包裝、網頁、3D
建議你先了解基礎的平面知識以後，再專註UI

實際上平面設計基礎內容學會以後，再了解下各分類的內容，你會覺得核心內容其實都是相通的。

視覺設計，全稱為視覺傳達設計，是指通過人的視覺感官完成必要信息傳達的一種設計手段。其載體包括各類視覺性媒體，比如視頻設備、平面印刷物等等；
平面設計，專指利用平面媒體，進行的視覺傳達設計，比如印刷品、包裝外面、牌匾、建築立面等等；

所以，可以看出視覺設計與平面設計屬於從屬關係，平面設計是視覺設計中的一個大類。

網頁設計與UI設計都是基於計算機網路的應用設計，包括結合操作功能的前後台程序的設計與編寫、界面的視覺設計等內容。其中有關人機交互界面的視覺外觀設計，屬於平面設計一類。

平面設計是一個統稱，包含了VI，CIS，刊物，包裝，字體，海報等多種方面
一般的平面設計師，大多數都屬於平面設計和網頁設計及圖像色彩三修，特別出色的甚至還有三修以上的，例如平面設計兼網頁設計兼UI設計兼室內設計等等……
基礎在於對於美術、構圖、想像等方面的修養和理解能力，其次是對於所用工具的精通程度，之後還有各種附加的經驗的累積，比如孫暖所說的印刷方面的經驗等等

我們做設計，無外乎兩方面的內容：

1、首先要有好的審美和創意，在別人看到設計圖之前，你的腦海里已經有了一個很明晰或者很好的創意點，知道設計作品的大體思路是什麼。設計出來的大體風格、大體樣子是什麼。你的整體格局、作品風格奠定了你後面可以到達的高度。

2、然後就是通過各種工具把你的創意和想法來實現，無論是photoshop、fireworks、flash等工具，都是實現你內在設想和藍圖的工具。如果第一步的審美和創意做不好，這部分就很難輸出一個漂亮完美的設計作品。反之，如果你工具用不好，你的審美和創意可能實現出來的效果會差強人意。

無論是平面設計、UI設計、視覺設計、網頁設計，無外乎這兩點。不管再怎麼做細分，都是這兩點。所以一個出色的UI設計師，也會是出色的網頁設計師。如果其中一個做不好，其他的也做不好。因為它們的本質是相通的，只是根據工作內容做了進一步的細分。

同樣的道理，並不需要著重學習哪一個部分，可以以一個細分領域做切入點，開始學習。但是到了一定境界以後，條條大路通羅馬。所以，我們要做的只是兩點：1、培養好的審美和創意；2、熟練使用設計工具。如此而已。

對產品工作（產品經理、產品設計師、UX設計師）感興趣的同學，歡迎關注我的Live：

UX/UE設計的正確入門姿勢

培訓的話，當然是都教，首先平面設計是設計的基礎，不學平面設計直接教你UI設計，你得能做啊。
其次，UI設計對於沒有工作經驗的就是規範，安卓的規範和IOS的規範。
再著，如果你會平面設計再轉UI設計的話，就根本沒太多學的，人家也不好收錢啊
最後總結下：平面設計是基礎，網頁設計是升華，就是要學的更多一些，並且也很繁瑣，而到UI設計呢，就是由繁入簡的一次洗禮，官面一點的詞呢就叫扁平化設計（不懂扁平化設計的就別跟我白扯了）
整個過程就是先認知美，再搞基礎，然後升華，最後簡化的過程。只要有個6年以上從業經驗的都是這麼整。
最後，如果想培訓的話可以找我，只限鄭州。
還有最後提醒：什麼都要專的，你說的這麼多設計，哪個學精了，都會高薪。當然每個裡邊還有N多分支的，正邦設計一個LOGO都要上百萬。

我是學平面設計的，我與同事的主要工作內容是：標誌設計，海報設計，畫冊設計，包裝設計。
這其中又有細分。多數專業的設計公司，會有獨立的標誌設計師，包裝設計師等等。
我們做的設計，定稿後除了標誌設計是廣泛應用，都要印刷出來，所以設計過程中，還要考慮到成品，即印刷品的效果，會根據不同的需求應用不同的工藝。比如選用哪種紙張，哪種紋理，燙金，亮膜，亞膜。等等。
UI與網頁設計肯定不需要了。
我一點也不會UI設計，網頁設計。
所以我所理解的區別定是主觀且有限。
希望聽聽其他類似設計行業的不同工作機制與內容。
會發現這其中的區別與聯繫吧。

相互之間都有關聯的。

核心區別是大多數平面的目的是為了傳播，UI的目的是用戶的產品體驗，目的不一樣，導致對設計師要求不一樣，平面設計師要懂得易於傳播和傳播的信息，UI設計師要求關注用戶的需要是什麼，甚至提前用戶沒想到的體驗都能先想到，雖然兩個設計師用的軟體都差不多，區別還是蠻大的，另外，一般情況下平面的工資低一點，UI的工資要高一點

在小公司只有一個設計師，平面，視覺，交互都是一個設計師做！在大公司才會分的那麼清楚。

視覺設計的話學，ps，ai。
ui設計學sketch，adobexd ，ps，ai。
交互設計學：sketch，adobexd ，ps，principle，ax，omg。
動畫設計學：ps，ai，ae，3dmax這些。
如果你有精力和金錢和時間可以辦培訓班，但沒有自學是比較不錯的選擇！