【深度好文】看完後終於知道平面、網頁、UI的區別了

2021-03-02 曉獅設計研究所

經常會有很多同學問到關於設計的問題,問的最多的是關於未來能做什麼?其實深入去了解大多數同學是因為不了解設計幾大類的劃分,現在市面上常見的關於設計的幾個職業為平面設計,網頁設計,UI設計。當然如果現在打開招聘網站去看的話,招人招的最多的是UI設計。至於是什麼原因造成的,說白了,還是因為三個設計專業沒有分清楚。

那今天就從載體,用途,所需技能三個方面簡單的介紹一下平面設計,網頁設計,UI設計的區別,也希望通過這個分享讓大家對於設計有個基礎的了解。


平面

平面設計是這三種設計裡最「古老」的專業了,可以說平面設計是一切設計的鼻祖,學任何設計都繞不開它。因為所有的設計理論比如配色,排版,字體等都是平面的基礎也是設計的基礎。同時平面設計也是比較複雜的,因為除了要了解基本的設計技巧以外也要了解材質,工藝等,不同的工藝和材質出來的效果也是千差萬別,甚至在預算上都會差出好幾個層級。

載體

平面的載體在三類專業中算是比較多的,最常見的就是紙了,當然紙也分為了很多種,最常用的是銅版紙。銅版紙又根據克數的不同用途也有所區別。用到紙質的設計有畫冊,單折頁,海報,雜誌,名片等。這裡關於名片多說一句,很多人說名片那麼小的尺寸,如何才能有設計感?加的內容和裝飾多了會顯著很亂很擁擠,加的內容少了又給人的感覺沒有設計感,這個問題如何解決呢?最簡單的方法就是簡約的設計+高檔的紙+恰當的印刷工藝。不過這裡所說的名片是比較高檔的名片了,在公司裡也是處於中高管理層的,一般的業務員因為分發的名片量比較大,所以就用最普通的紙就可以了,控制成本。

平面設計中還會用到的載體是噴繪和燈箱片用到的一種類似塑料的材質。此類材質的設計手法與其他設計無異,關於此類材質多說一句就是設計時的解析度設置。一提到平面設計的解析度很多人的第一反應就是300,這是個絕對的誤區,其實在平面中也會用到150,72,甚至30。那這是如何劃分的呢?最簡單的一種解釋方式就是閱讀距離。一般捧在手上看的設計解析度為300,比如雜誌/單折頁/畫冊等,因為閱讀距離很近,如果解析度比較低,會出現很明顯的不清楚情況。

再有海報的設計一般是掛在牆上的,我們閱讀時是有一些距離的,所以解析度設置為150到200即可,很多人會問設計成300可不可以?當然可以,但有幾個前提,首先你能找到那麼大尺寸同時是300解析度的素材圖片,再有就是你的電腦是不是都能夠帶起來這麼大尺寸同時解析度又很高的文件,還是建議大家不要嘗試了,結果一般比較慘。

再有還有72和30的解析度,此類解析度會用在閱讀距離更遠的設計上,比如馬路上的大型圍擋,商場大廈外面的五六層樓高的大型海報。

最後要提的一個材質是最近幾年流行起來用的比較多的就是電子屏,在商場大廳,電梯牆壁,寫字樓前臺等地方現在都會用到電子屏來展示一些海報/通知/活動等。此類材質的好處就是更新內容方便,節省印刷成本,最重要的是沒有印刷後果。印刷的風險比較大,因為印刷不可逆,印刷出來後出現了問題,基本沒有補救的措施,而電子屏則沒有這個風險。當然它的缺點就是沒有很強的流通性,一般只能在固定的一個地方進行展示。

用途

平面設計包含的品類是比較多,常見的畫冊/海報/單折頁/名片/書籍裝幀甚至包裝等傳統設計基本都是平面設計師的工作。除了這些印刷品以外還有logo設計,VI設計等工作。平面設計的品類就是比較多,所以想做一個優秀的平面設計師沒有個幾年的歷練是很難達到的,這也是最初平面設計師轉UI設計師和電商設計師比較容易比較多而網頁轉平面不容易的原因所在了。

平面設計師設計出來的內容很多,剛才提到了logo,VI我們統一稱為品牌設計。畫冊,海報,包裝我們統一稱之為物料設計。兩類設計統一歸放到平面的名下一定是有原因的,品牌設計是用來宣傳企業品牌的,規範企業的設計視覺,統一企業的宣傳口徑。

畫冊,海報,包裝等物料是用宣傳企業產品的,使自己的產品在原有的基礎上更具商業價值。最具代表性的就是包裝,我們經常會看到很多普普通通的產品包裹上漂亮的包裝後,價格就會成倍的增長。所以不管是品牌也好還是物料也好都是用來做「宣傳」的。這也是平面設計師最鮮明的特點,設計出來的東西用來做宣傳。這個東西本身並不是產品,也不具備什麼商業交易價值,都是為了公司為了產品服務的。

技能

因為平面設計師需要做的內容涵蓋的比較多,所以對於技能方面的要求也比較全面。比如除了最基本的PS/AI/ID等設計軟體以外,還有了解到排版印刷工藝,材質使用,字體設計等。如果各位將來是做平面設計的話,印刷材質是關鍵,就像剛才說名片時提到的,同樣的設計,如果材質不同給人的感覺也是完全不一樣的。所以這一塊除了看書學習以外,更直接的方式就是泡在印刷廠裡,跟著老師傅走幾遍流程,學到的東西會受益匪淺的。

網頁

網頁設計在現在的工作中又分成了兩個工種,一種就是常規的網頁設計師,設計企業的官網,或者是一些具備功能性的網站。另一種是電商設計師,在五年前,這個工種依然不被人看重,即便是現在也有很多電商企業稱自己家的設計師為美工,這也就造成了很多設計師會不願意來做電商設計,更不想承認自己是美工。但實際上做的好的電商設計師工資也是非常可觀的,尤其是在一些大型的店鋪,此類店鋪的視覺自然也是能夠在圈裡數一數二的了。

載體

網頁的載體比較單一,在之前就主要是在PC端運用,後來移動網際網路的流行與普及,使得網頁在手機上也流行起來,還有平板等。為了保證能夠多端正常顯示,在html5和css3的幫助下流行開的一個名詞叫著「響應式設計」,也就是使我們的網頁能夠在任何平臺上都正常顯示。

用途

剛才我們說平面設計時提到了一個名詞就是「宣傳」。如果給網頁也用一個名詞概括的話,我覺著就是「載體」。沒錯,網頁本身就是載體,企業站乘載了公司的產品信息,企業文化,品牌宣傳等,是普通人了解一家企業的最基礎入口。而類似於天貓淘寶此類的功能性網站,也是將網頁作為了一個平臺一個載體,來進行產品的銷售的。網頁本身是一個「容器」,裡面「裝」的內容決定了一個網頁的價值。

技能

在說平面時我提到了平面設計師轉網頁設計師是比較好轉的,因為網頁設計師同樣需要具備對於色彩,排版和字體的敏感度。軟體除了要會PS和AI以外還要需要了解Html和Dw。這裡一定要跟大家強調的是網頁視覺設計師不用對代碼有非常深入的研究,因為在一家健康的運行公司裡網頁視覺設計師和前端工程師是兩個工種。對於代碼的態度是了解基礎即可,深入了解如虎添翼。如果是做電商設計的話,從現在的趨勢和2016年雙十一的店鋪設計來看最近一年是3D輕質感的天下,所以有心的設計師一定要會一款3D軟體,市面上很多,3D MAX/MAYA/C4D等,給大家推薦的是C4D,出效果易上手。

UI

UI設計是最近幾年非常流行的一個名詞,打開一家企業的招聘信息,大大小小的公司都在招這個崗位,在經歷了幾年的爆發式發展後,現在這個崗位又在趨向於平穩發展。UI的英文全稱是user interface 翻譯成中文是用戶界面,也就是說我們平時用的任何有交互界面的設計都能稱之為UI設計。比如容易忽略的ATM提款機上的界面,地鐵站的自助購票機界面,每天都在使用的手機上界面都是屬於UI設計的範疇。所以由此可以看出最近幾年流行的很熱的UI設計師這個名詞並不是這幾年才剛有的,只不過因為移動網際網路的普及將這個工種提升到了一個人盡皆知的地位。

載體

提到UI設計的載體首先想到的是手機,沒錯,手機確實是目前社會中最常用到UI設計的載體。正如剛才提到的只要有交互界面的都是UI設計,所以除了手機以外還有電腦/平板/電視/取款機/購票機/遊戲機等。如果不太嚴謹的來說的話,只要有屏幕的地方都會用到UI設計。比如容易忽略的一個就是汽車上的顯示屏的設計,無論是高檔的汽車還是低端的汽車,無論是商務車還是跑車。無論汽車外觀好看還是難看,操控區的屏幕顯示的UI設計都是「持之以恆」的醜,醜到會認為那不是UI設計。對於這塊沒有深入到研究,也許這個行業的審美有自己獨到見解吧。不過偶爾也能找到鳳毛麟角的。

用途

我同樣用一個詞來概括UI設計師設計出來的東西就是「工具」。之前在知乎上看到一個問題是UI設計師和傳統設計中的哪種設計比較接近?當時我說的是和工業設計師比較接近。這裡的疑問會比較多,更多人會以為會和平面設計師更接近,其實不然。剛才我們說平面設計師設計出來的東西是用來做宣傳的,而UI設計師設計出來的東西是給人使用的。比如我們用聽歌這個行為來解釋。在十年前十五年前我們如何聽歌呢?磁帶機,CD機,後來又有了MP3。

現在我們是如何聽歌呢?絕大多數應該是使用的手機來聽。那手機和前面的磁帶/CD有什麼共同點呢?沒錯,就是按鍵,十五年前就是用三角形代表播放,雙豎槓代表暫停,方塊代表停止,時至今日,甚至再過二十年,依然用他們來表示。

CD機的工業設計需要考慮人體工程學,使用感受;手機上的聽歌APP需要考慮交互邏輯,用戶體驗。無論從哪個方面你都會發現工業設計與UI設計都有著千絲萬縷的聯繫。

技能

再說技能之前還是要進行一下說明,一個完整的APP開發需要用到產品設計,UI設計,前端,後臺等一系列的配合才能完成。在這幾個工種裡容易混淆的就是UI設計和產品設計,很多人認為產品設計和UI設計是一個人。其實不然,這完全是兩個不同的工種,而且對於思考問題方式都有著很大的區別。產品設計需要有非常強的邏輯,時刻考慮交互的準確性,交互是否合理等問題。

而UI設計師是製作視覺設計的,在尺寸,按鈕,間距等方面需要做到像素級別的準確度,而在做一些banner宣傳圖時又需要有天馬行空的表達。有點像平面設計與網頁設計的結合。

那麼UI設計師需不需要了解交互技巧呢?還是那句話,了解基礎即可,深入了解如虎添翼。軟體方面依然還是PS&AI,互動設計還要會Axure等。

這裡給大家簡單介紹了市面上常見的三個設計工種的區別與共同點。作為一個掃盲貼希望大家看完後會比以前有更深刻的理解,也對以後的擇業有一些幫助。設計這個行業是一個充滿了很多無奈的地方,表面光鮮,後面因為客戶、資金、想法等所經歷的坎坷只有自己體驗了才知道。之前說過一句話,如果是因為看到了這個行業掙錢就來這裡做的話,可以,沒有問題。但是如果你很難使自己喜歡上設計的話,那還是奉勸各位需要慎重啊。因為如果不是真心喜歡的話,掙在再多錢也很難堅持下來,半途而廢虎頭蛇尾的事在這行裡很常見的。

最後我一直跟人分享的一句話就是師父領進門 ,修行在個人。作為設計師你需要了解的是這個世界上最新的東西,緊跟時代,任何新東西的產生沒有設計師是出不來的。所以無論是科班出身還是專業培訓,一直都要做的就是自學。不要想著通過噴幾句大品牌的設計來凸顯自己的逼格更高,你自己的專業度和審美是無法和蘋果幾百人的團隊來比拼的。噴Instagram的圖標醜的都是沒有用過的人。有心的人能謙虛的去看比自己優秀的作品,找出好處加以學習使自己進步。

最後說一句設計這個行業對於學歷沒有特別的門檻,你可以沒有學歷,但不能停止學習。

共勉!

火星時代教育/Joten-韓曉東

圖片來自網絡,如有侵權聯繫刪除。

相關焦點

  • ui設計與平面設計的區別?哪個更有發展前途?
    本文由:「學設計上兔課網」原創,圖片素材來自網絡,僅供學習分享ui設計與平面設計的區別?哪個更有發展前途?ui設計和平面設計都是當下比較受歡迎的設計學科,而ui設計和平面設計哪個比較好?在解決這個問題前,大家有必要了解一下ui設計和平面設計的含義:1、什麼是ui設計?UI設計是指對軟體的人機互動、操作邏輯、界面美觀的整體設計,也叫界面設計。
  • UI設計和平面設計哪個行業比較好?平面設計師如何轉行到UI設計師?
    早期的UI設計和網頁設計一樣,都是平面設計的基礎上衍生出來的行業,最早的入行者也都是平面行業的人。現如今ui設計卻有著遠高於平面設計的月薪,也比平面設計更火爆。 此現象讓很多人唏噓不已,於是乎兔課菌經常收到以下的疑惑諮詢: 小白問:UI與平面設計有什麼區別?
  • 學ui設計好還是平面設計好?
    平面設計和UI設計它們有一個共同點就是它們用的軟體大部分是一樣的如Photoshop,CorelDRAW ,AI等軟體,那麼到底是學平面設計好還是UI設計好呢? 我們先來了解一下平面設計和UI設計的區別吧!
  • 平面設計和UI設計區別是什麼
    本文由:「學設計上兔課網」原創,圖片素材來自網絡,僅供學習分享 平面設計和UI設計區別是什麼?說起平面設計,大家不會覺得陌生,以前人們的信息渠道在於各種紙媒,平面設計大都比較吃香。
  • UI設計網站 | 常用的UI設計網站大集合
    好多小夥伴知道的UI設計網站可能也就那麼幾個,今天給大家整理了一些經常跟新的UI學習網站,每天堅持瀏覽這些網站,多看大神的作品和文章,可以快速的提升你的UI設計水平,切記,不要只是看,要一邊看一邊動手一邊臨摹,不要覺得臨摹就是抄襲,每個人都是從這個階段過來的。
  • 同樣做設計,憑啥UI設計師比平面設計師工資高那麼多?
    ,最近有一個讓小編印象深刻:這個問題小編收到後的第一個反應是:What?難道現在平面設計已經被淘汰了嗎?就連大四的學弟學妹都在擔心自己的將來~其實他們的擔憂不無道理,隨著設計技術與趨勢不斷的變化,很多平面設計師會發現,一不學習就會落後,而落後是會被職場拋棄的。面對日益崛起的UI設計,這時候就有很多設計師會考慮轉型做UI設計師,但是即使有有平面設計基礎,但是這和UI仍然有非常大的差別,很多人苦於不知道如何轉行,或怕轉行失敗。
  • 現在學UI設計好還是學平面設計好?平面設計轉UI設計難不難?
    當今學UI計劃好或是學平面計劃好?平面計劃轉UI計劃難不難?早期的UI計劃和網絡計劃同樣,都是平面計劃的底子上衍生出來的行業,非常早的入行者也都是平面行業的人。現現在ui計劃卻有著遠高於平面計劃的月薪,也比平面計劃更火爆。此徵象讓非常多人感慨不已,因而乎兔課菌時常收到如下的迷惑徵詢:新手問:UI與平面計劃有甚麼不同?平面計劃問:UI憑甚麼比平面計劃火爆且值錢?
  • UI設計和Web前端哪個比較好學?
    很多同學因為不了解ui設計和web前端究竟有啥聯繫和區別會非常迷茫,其實UI設計與Web前端聯繫還是比較緊密的,很多培訓機構同時設置了這兩個課程,那麼究竟UI設計和web前端哪個好學呢?UI設計都需要學習什麼呢?
  • 哈爾濱UI設計培訓初翼教育
    本網12月24日訊 哈爾濱ui培訓哪個好?哈爾濱ui設計培訓機構,哈爾濱ui設計培訓哪裡好,哈爾濱UI設計培訓學校初翼教育,哈爾濱ui設計培訓學校哪家好?就選擇初翼教育
  • 上海UI互動設計培訓班淺談ui設計就業前景好嗎
    有很多的同學是非常的想知道,ui設計工資一般多少,好不好就業,非凡教育UI互動設計培訓老師整理了相關信息,希望會對同學們有所幫助!一、產品型的ui設計師懂ue、會看數據、懂用戶體驗並且懂產品,能夠把需求實現所有設計稿給開發是對於一位產品型的ui設計師的基本具備的能力要求。
  • 鄭州ui設計培訓學費多少,要學多久?
    今天就跟大家說說鄭州ui設計培訓學費多少,要學多久?在設計行業,其實崗位也細分成很多種,所需要掌握的技能也不盡相同。(1)具有專業的平面設計和網頁設計能力,具有獨立設計客戶端軟體界面和網站界面的能力;(2)熟練掌握HTML、DHTML、CSS、Javascript的語言規範,並能夠使用原始碼構建動態網頁;(3) 熟練運用Dreamwaver、Fireworks、Flash、Photoshop等軟體
  • 2019年杭州ui設計學習課程大綱免費分享
    Ui設計師現在可以說是一門非常吃香的行業之一,很多轉行學習的,也有剛畢業就來學習充電的,目的只有一個,就是能進入這門高薪的行業工作,想學習ui設計,門檻不高,所以,只要你想要學習都可以學,但是現在的ui設計師可不是簡單的P圖師,除了數量的熟悉軟體之外還得了解一下設計的基礎和理論知識
  • UI設計需要學什麼軟體?
    有很多想從事ui設計行業的朋友都很迷茫不知道該怎麼開始,又如何去選工具讓自己更快的提升能力。在選擇的時候大家都小心謹慎就怕選錯了,不僅浪費精力還浪費時間,學習也是需要成本的,但是學習的軟體又太多了就難免走彎路了!今天對這些問題都做了一次總結!
  • 【急聘】網頁前端工程師/網頁UI設計師/網頁美工
    【2015春季西安理工大學招聘會現場】技術部招聘崗位及要求:崗位名稱:網頁前端工程師崗位名稱:網頁美工/網頁UI設計師崗位職責:1、負責公司網站的設計、改版、更新;2、負責公司產品(含APP)的界面進行設計、編輯、美化等工作;3、對公司的宣傳產品進行美工設計;4、負責客戶及系統內的廣告和專題的設計;5、負責與開發人員配合完成所轄網站等前臺頁面設計和編輯
  • UI設計哪個學校好?零基礎學UI設計教程分享
    沒有任何基礎到底適不適合學習ui設計,多久可以學會,如果零基礎想學習ui設計哪裡好呢?其實ui設計入門簡單,很多職場轉行和畢業的新手小白系統的學習幾個月都能學會,所以大家想學習ui設計其實不要太過於擔心。
  • UI設計自學視頻教程,UI設計培訓教程
    UI設計行業的火爆已經感染了太多人的加入,很多想學習UI設計的同學卻苦於找不到合適的學習資料,今天千鋒小編為大家分享一個自學UI設計必備佳品:UI視頻教程(http://video.mobiletrain.org/ui
  • 平面設計和UI設計有區別嗎?薪資差多少?
    平面設計和UI設計的區別是什麼,為何很多平面設計師轉行UI設計師? 01 實現過程不同。 平面設計實現過程是用印刷工藝去實現,比如一張名片,設計好了需要印刷出來才能使用,這時就需要藉助於印刷工藝才行。 UI設計實現過程則是運用程度代碼,設計好了後通過程序代碼讓UI設計實現其功能。
  • 現在學UI設計的是不是都是傻子
    行外人在學習UI設計之前,現在學UI設計的是不是都是傻子https://www.aaa-cg.com.cn/ui/2527.html?gpf可能會有這樣的疑慮,就是時至今日,UI設計已經火爆10餘載,每年都有很多人轉行學UI設計,這麼多人在不知不覺中悄悄湧入UI設計行業,真的不會飽和嗎?現在學習完還能找到工作嗎?
  • 天津ui培訓,高薪ui設計師都要學什麼內容?
    天津UI設計培訓排行 就目前網上的UI設計薪資情況和職位需求,我們不難看出ui設計師之間薪資水平也是有很明顯的差別,經驗不限,學歷不限為什麼還會造成這種情況出現呢
  • UI是什麼?怎麼學?有幾種方式?
    UI即User Interface(用戶界面)的簡稱,泛指用戶的操作界面,包含移動APP,網頁,智能穿戴設備等。   UI設計主要指界面的樣式,美觀程度。而使用上,對軟體的人機互動、操作邏輯、界面美觀的整體設計則是同樣重要的另一個門道。這是百度百科給的解釋,這個夠專業吧。不過我們作為零基礎小白同學,就不要管那麼多專業性的詞彙了。