導航:首頁 > 萬維百科 > 網頁設計界面美術設計

網頁設計界面美術設計

發布時間:2020-09-02 22:50:30

1、網頁設計和美工的區別

網頁設計是根據客戶的要求設計出一張網頁設計稿出來,這些網頁設計稿就包括了移動端和PC端的頁面,然後這些頁面就會交給前端工程師,通過代碼去實現。所以,我平時手機瀏覽的頁面一般有幾個步驟產出,客戶交流,確定頁面效果,網頁設計師設計初稿,迭代跟客戶確認需求,直至確定為止,交給前端工程師實現,完畢。
廣義上的網頁設計師,其中就包含了美工這個職位,也就是說,網頁設計師不只要設計網頁,有可能在公司中還會兼任處理圖片,攝影,甚至手繪等,做一些海報。
美工的話一般就包括圖片處理,海報設計還有一些是以照片的後期處理,以及包括攝影等。

2、平面設計、網頁設計、UI設計、視覺設計、電商美工設計的區別

平面設計的范疇還有很多,例如電梯廣告、展板、VI識別等。
主要技能:PS、CDR、AI、ID等設計軟體是最常用的軟體,掌握其中一種或幾種基本能勝任。當然除了軟體技能之外,更需要注意的是配色、排版、工藝等知識的學習。
網頁設計
凡是用瀏覽器打開的都可以稱之為網頁(此處不包含電商)。網頁設計可分為展示型網頁,功能型網頁。展示型網頁主要設計一些官網,活動頁面等,功能型網頁,例如淘寶、攜程之類的。網頁設計除了設計視覺效果之外,更重要的是考慮用戶的操作問題。好的網頁設計師可以進行切圖、靜態網頁的編寫。網頁設計更重要的是能夠與前端工程師合作,那麼我們應該懂一些網頁設計的基本規范。
網頁設計的單位:像素;顏色模式:RGB;解析度:72
主要技能:PS是網頁設計最常用的工具,如果能掌握AI或者一款3D(3DMAX、C4D)軟體,那麼視覺效果會有更多的選擇。HTML的編碼能力最好也能夠具備,實現靜態網站,那就更具有競爭力了。
電商設計
這幾年電商設計師的薪資水漲船高,電商設計主要分為:店鋪電商設計和平台電商設計。店鋪電商主要負責店鋪產品的拍攝、店鋪設計、店鋪裝修、站內外廣告設計等。平台電商是針對電商平台進行的設計,所謂的電商平台例如:淘寶、京東、天貓就是電商平台,當然很有很多很多小眾的、行業細分的電商平台,電商平台設計與網頁設計師更像。
電商設計的單位:像素;顏色模式:RGB;解析度:72
主要技能:主要技能:PS是網頁設計最常用的工具,如果能掌握AI或者一款3D(3DMAX、C4D)軟體,那麼視覺效果會有更多的選擇。HTML的編碼能力最好也能夠具備,實現對店鋪裝修有很大的作用。
UI設計
提到UI設計的載體首先想到的是手機,沒錯,手機確實是目前社會中最常用到UI設計的載體,手機以外還有電腦/平板/電視/取款機/購票機/游戲機等。比如容易忽略的ATM提款機上的界面,地鐵站的自助購票機界面等都是UI設計范疇。UI的英文全稱是user interface 翻譯成中文是用戶界面,也就是說我們平時用的任何有交互界面的設計都能稱之為UI設計。
UI設計師是製作視覺設計的,在尺寸,按鈕,間距等方面需要做到像素級別的准確度,而在做一些banner宣傳圖時又需要有天馬行空的表達。有點像平面設計與網頁設計的結合。
如果UI設計師在規范、切圖、交互上面下功夫,會使你如虎添翼。做設計的思維一定不能停留在視覺層面。

3、網頁美工與UI設計區別是什麼?

UI設計和網頁設計的區別:網頁設計側重於網站頁面的設計,一般是電商和傳統的網站用的比較多,UI設計側重於圖標,app設計,頁面設計以及交互,兩者有不同的側重點,但是相對來說ui設計的發展比較大一些。當然平面設計做的很厲害的人也是很不錯的。

4、網頁美工和與平面設計有什麼區別

從事網頁設計這條路還不是很長,我對網路的認識也不過五年,98年上網時網站很少,網頁設計更是一個新鮮時髦概念模糊的名詞。現在網頁設計這個詞的概念就很清晰了么?從事網路的人越來越多,做著與之相關工作的人也越來越多,網頁設計讓我覺得更加的不好掌握。設計這個專業已經成熟了,當它試著進入網路時,網路里的設計就變得復雜起來。

常聽做美工的朋友說酬勞低,從經濟學上說,是這種資源的需求關系不夠緊張。那麼我就以我混亂的思想以及上網五年的歷史,來談談我對網頁美工,或者說網頁美術的感受。

美術作為一門藝術,網頁方面不是一個創作的好環境,只是一種展示它的最快捷途徑。記得2001年看一本書,是西安美院的設計師寫的,他就談到,網路上的設計,和傳統媒體設計沒得比,給網站做平面設計,只是小打小鬧,很難成大氣候,記得他好像做過央視的幾個廣告,境況相當的不錯。一直到現在,也沒聽說哪個專做網頁設計的藝術家有很高的聲譽,確切點說,就是以網頁設計為代表作,得到同行們的承認。

網頁之於美術,是為了讓它的內容表達得更清楚;美術需要網路,是為了讓自己的作品傳播得更遠。這是兩者之間的交叉點,也是我認識上一直存在的盲點。認識到這點以後,就不難解釋為什麼美工的待遇會比程序員差,美術是用來"點綴"網路的,而程序對於一個大網站來說則是必須的。當一個美工的作品只能靠網頁來展示時,美術這條路,對他就一下子變窄了。

當無數的小路交錯在一起的時候,我們會迷路,站在路的交叉口,我不知道選那一條,因為我不知道哪一條路能達到我的目的,而且我也不清楚我的目的究竟是什麼,只是隨便挑一條。路上同行的人多了,看的事認識的人多了,才發現這條路不對,但卻很難再換一條路走。

做"網頁"決非什麼高難度的工作,如果是想發表文章,用Word寫好,在"文件"里選擇"另存為Web頁"也就是"網頁"了,而這篇文章的內容價值,並不在於它的頁面美化做得有多好,僅在於它本身所表達的內容。我也希望"故人具雞黍,邀我至田家。綠樹村邊合,青山郭外斜。開軒面場圃,把酒話桑麻。待到重陽日,還來就菊花。"這首詩界面的美術設計,能夠充分表現這首詩的優美意境,但如果實在不行,白底黑字,規規正正地放在網頁上,也不擔心沒人看每人領會其詩意。這大概就是做網頁設計的美術師面臨的最大的尷尬--那些破網站,居然不需要什麼美術設計。
聞著花香,覺得愉快,是閑雅生活的情趣;做著工作,看著作品,覺得愉快,那就是接近天堂的感覺了。但做美工的,總是有那麼多不愉快。你甚至要為一個嬰兒修改作品。要聽一些沒有藝術常識的指責,這種指責不是針對你,而是針對他根本沒有發言權的領域。 才情氣質在工作中都要小心翼翼地收好,長時間不發揮,一個做美術的人,會變得愈發遲鈍,那時候我們就可以稱他,這個傢伙會畫畫。而不會說他是做美術的。沒有思想感情的東西,不能再稱為藝術作品了,畢竟,不能只為了一個人"愉快",而害得大家都丟了飯碗。

做網頁的人各種各樣,有三種可以說是代表:

第一種是"美工",漂亮的站點,差不多都出自此類人之手。第二種是程序員,寫後台應用程序,才是他們所專長的。但做軟體也得講究一下"用戶界面",做網頁時,也多多少少會牽扯一點界面設計的問題,他們做出的界面每法兒漂亮,但如果從代碼上分析,卻絕對是很經典的。因為一樣畫表格圓角,美工大多隻會用圖片來處理,而程序員,是會用代碼的。他們的站點大多走簡潔實用之路,一方面固然是內容要求,另方面要他們做出"藝術"化的東西,實在是勉為其難了。還有一種人,統稱為學生吧,既不是美工,也不是程序員。他們也喜歡做網頁,其水平,跟兩者沒法比,所以叫做"學生"。(當然,也有一些在校生水平超常)他們做出的網站可謂"千姿百態"。這里,我要很小心地向那些身兼前兩者之長的高手報歉,之所以不列他們為代表人物,是因為那樣的"高手"的確鳳毛麟角。

給網頁的內容分類相當麻煩。大至有這么幾類:一、綜合型站大站--這大約是唯一需要請專業網頁美工的單位了。二、專業類網站,這樣的網站,多多少少也會招美工,但是這種網站,相當於傳統媒體的電子版,美工的作用,也就可想而知了。
現在的網站,東西看起來不少,有用的卻不多。這里說的"有用",只是針對專業領域而言。專業領域,內容多,界面好的網站,鳳毛麟角。

隨著素質教育的提高,再過三四年,做網頁的高手會大量出現,這必將進一步影響到網頁美工的生存空間。只會用photoshop、DW這樣的東西,在網路這領域的工作前景、還有的"保鮮期",肯定是要低於在傳統的廣告等行業的美工們的。因為雖然工作的內容(美工設計),和在傳統行業的同行沒有什麼太大不同,而勞動強度,卻必須和程序員一樣,否則,辦公室里一定會有這樣的聲音:我把程序調好了,哎,那個做界面的跑到哪裡去了?可能,那時是深夜兩點。這樣的生活,日復一日的勞動,老得快啊,"後生"可畏啊--種種念頭一起襲來,難免緊張。如果微積分不會算,加速度沒掌握、不清楚,就是一個FLASH也難做好--但美工,數學通常是吃力的科目,不能用數學的邏輯來思考,動畫是很難做好的。

寫到這里,我也有點昏昏沉沉的了--做網頁到底包含了什麼?美工在其中究竟有什麼樣的作用?我也沒有一個清晰的答案。但我還是盡我所能來總結一下吧:

網頁的內容決定了形式,在對內容的處理上,程序員有著絕對的優勢,是一個網站不可或缺的部份。美工,相當於版式設計、美編的綜合體吧。一份報紙,不能沒有印刷機--程序員,不能沒有內容;但好像,是可以沒有美編的。美術設計也就是把傳統的工作移到了網路的平台上,這個平台的基礎是"程序"。程序員可以憑技術進入到公司的中層甚至高層。有憑美工水平進入公司高層的人么?起碼現在看不到。

對一個從事網頁美工的人來說,加強美術上的修養,縱橫於"電腦美術"的世界才是立身發展之道,不能被網頁設計這一塊緊緊纏住,搞得筋疲力竭。
通過仔細觀察,我們可以看見朝露上反光的變化,映出了世界的勃勃生機,我們就可以修改我們作品中不真實的部份;而通過觀察,我看不出這實現同樣功能的兩段不同代碼有什麼優劣,那這個世界對我們來說就是黑色的--如果這個世界對你的誘惑是那麼的大,別介意你的年齡,恭喜你,你新生了,只要你願意學習,你將重新在這個世界裡發育,成長。

聽說,"龍象般若功"是什麼人都可以練成的,練成之後也就天下無敵了,但要練成,得活到150歲以上……
個人以為,網頁設計與傳統平面設計是有一定區別的,可能大家會認為網頁設計的效果沒有平面設計的效果那麼有意境。
平常給客戶做網站時,客戶負責人會是他們公司的某個搞"平面設計"人員,他們會當著你的面說"網頁設計也不過是排版而已,很簡單嘛!",那我不懂了,既然這么簡單幹嘛還花錢讓我們做,你自己做不就得了??? 說穿了,哪一個設計不是在排版???還不都是把文字內容與圖片想辦法排到最好的效果?

社會上,網頁設計的人是比平面設計的人矮一截的。但,我相信,真的是有本事的就不會說出這么無知的話來。
不懂裝懂的人最討厭。
可能因為我做的網站主要是門戶型的吧,這些網站頁面的設計都是要根據其網站功能來設計的,主要還是以簡潔為主,所以我也自認自己設計出來的東西跟平面是肯定有很大差距的。
但,在網頁設計一行里,好的設計師與好的作品也不少啊。怎麼你就不知道呢?郁悶ing....
這個問題讓我想到另一個問題:"是MP3好還是MD好?"。區別呢?人們總喜歡拿一個2~3K的MD來跟一個3~4百的MP3來比,這有什麼意思呢??

5、UI設計和網頁美工有啥區別?

UI設計師:UI其實是用戶界面(User interface)的簡稱 ,而用戶界面是指人和機器互動過程中的界面。
UI設計就是設計人機交互過程中所需的元素和步驟。以移
美工:一般是指對平面,色彩 ,基調,創意等進行堆砌的技術人才,分為平面美工、網頁美工和三維美工。一般需要精通Photoshop等設計軟體。
美工專業大部分因為電子商務的興起而發展的職業,主要負責公司形象包裝、網站優化、產品宣傳畫冊、電子商務專題設計等工作。
動端的手機為例,手機上的界面都屬於用戶界面。用戶通過這個界面向手機發出指令,手機根據這些指令所產生相對應的反饋。而設計這套界面視覺的人被稱呼為UI設計師。
UI設計師與美工兩者區別:
美工,顧名思義,就是美化網站的外表。更深層次的就是突出網站本身的內涵。而UI設計師這一職位的真正含義並非是美工(或者說絕不是僅僅做「美化」工作而已)。
准確的說UI設計師是指專門研究和設計產品的用戶使用界面,目的是在滿足功能的前提下通過圖形界面的合理設計使用戶更容易理解和操作,從而提高產品在用戶心目中的形象。
其次,兩者在技能的掌握上也有一定的區別。
兩三年前的網頁考慮更多的是界面的好看,所以做靜態界面的人都叫美工,基本上頁面的結構都不用考慮了,都是固定的了,要做的就是客戶喜歡什麼風格把它做出來就行。而這兩年網頁要求交互性有效性越來越強,用戶體驗也受到了重視
,在設計的要求設計師從用戶的使用角度去安排設計,這就是UI設計師。
網頁美工局限於美術設計和頁面製作,UI設計師不僅要有網頁美工的頁面製作技術,而且UI設計更注重交互設計,以用戶體驗為第一目標。

6、UI設計和網頁美工的區別是什麼

UI設計只是網站美工的一部分,網站美工需要學習的內容有UI設計,PS,AI,html語言,javaScript語言等。

網頁美工局限於美術設計和頁面製作,UI注重交互,用戶體驗是第一目標。

UI設計師的職能大體包括三方面:一是圖形設計,軟體產品的產品「外形」設計。二是交互設計,主要在於設計軟體的操作流程、樹狀結構、操作規范等。一個軟體產品在編碼之前需要做的就是交互設計,並且確立交互模型,交互規范。三是用戶測試/研究,這里所謂的「測試」,其目標恰在於測試交互設計的合理性及圖形設計的美觀性,主要通過以目標用戶問卷的形式衡量UI設計的合理性。

網頁美工需要學習網站概念知識、色彩構成、網頁設計中的美學規律、FIREWORKS網頁圖形處理、FLASH二維動畫、PHOTOSHOP平面設計軟體在網站設計中的應用、作品設計及點評等內容。

拓展知識

UI設計:UI即User Interface(用戶界面)的簡稱。UI設計則是指對軟體的人機交互、操作邏輯、界面美觀的整體設計。好的UI設計不僅是讓軟體變得有個性有品味,還要讓軟體的操作變得舒適、簡單、自由、充分體現軟體的定位和特點。

網頁美工:是精通美學,photoshop(PS),FLASH,dreamwaver(DW)等一網站製作軟體的網路人員,必須具有良好的創意和一定程度的審美觀。必要時需要一定的策劃知識。為網站所有的頁面畫出來並用DW和css排版出來。頁面必須清晰簡潔,還要適宜後台調用。

7、請問UI設計跟網頁美工設計有什麼區別?

UI網頁設計裡麵包括網頁美工 ,現在最火的是游戲UI設計 PS只是基本中的基本 會UI最少需要學Illustrator , DW,InDesign等軟體 還是建議您找個專業的UI培訓課程班

8、什麼是網頁藝術設計

網頁藝術設計:
網頁藝術設計是是網頁設計者以所處時代所能獲取的技術和藝術經驗為基礎,依照設計目的和要求自覺地對網頁的構成元素進行藝術規劃的創造性思維活動。
設計活動中包含著主觀和客觀兩方面的因素,在確立了網頁主題之後,首先要明確和熟悉設計的對象和構成的要素。網頁藝術設計涉及的具體內容很多,可以概括為視聽元素和版式設計兩個方面。

設計內容:
視聽元素
這里所說的視聽元素,主要包括:文本、背景、按鈕、圖標、圖像、表格、顏色、導航工具、背景音樂、動態影像等。無論是文字、圖形、動畫,還是音頻、視頻,網頁設計者所要考慮的是如何以感人的形式把它們放進頁面這個「大畫布」里。多媒體技術的運用大大豐富了網頁藝術設計的表現力。
以上各視聽元素大多數瀏覽器本身都可以顯示或收聽,無需任何外部程序或模塊支持。比如,大部分瀏覽器都可以顯示GIF、JPEG圖形和GIF89a動畫。還有些多媒體文件(如MP3音樂)需要先下載到本地硬碟上,然後啟動相應的外部程序來播放。另外,在瀏覽器使用插件(Plug-in)可以播放更多格式的多媒體文件。微軟推出IE瀏覽器後,提供了基於OLE的ActiveX技術,用來在網頁中播放多媒體。ActiveX已經成為熱門技術。另一種播放多媒體的技術是JavaApplet。它是用Java語言編寫的應用於網頁之中的小應用程序,相比於插件和ActiveX,JavaApplet具有更大的靈活性和良好的跨平台能力,因此具有很好的發展前景。總之,技術的不斷發展使多媒體元素在網頁藝術設計中的綜合運用越來越廣泛,使瀏覽者可以享受到更加完美的視聽效果。這些新技術的出現,也對網頁的藝術設計提出了更高的要求。
版式設計
網頁的版式設計同報刊雜志等平面媒體的版式設計有很多共同之處,它在網頁的藝術設計中占據著重要的地位。所謂網頁的版式設計,是在有限的屏幕空間上將視聽多媒體元素進行有機的排列組合,將理性思維個性化的表現出來,是一種具有個人風格和藝術特色的視聽傳達方式。它在傳達信息的同時,也產生感官上的美感和精神上的享受。
但網頁的排版與書籍雜志的排版又有很多差異。印刷品都有固定的規格尺寸,網頁則不然,它的尺寸是由讀者來控制的。這使網頁設計者不能精確控制頁面上每個元素的尺寸和位置。而且,網頁的組織結構不像印刷品那樣為線性組合,這給網頁的版式設計帶來了一定的難度。

9、網頁設計和網頁美工設計有什麼區別?

有區別也沒什麼區別。這要看你去的公司大小,公司越大的地方工作分的越細致,這樣的地方設計和美工是不同的,設計人員將網頁效果和頁面圖設計出來,之後美工將裡面用到的圖片製作出來。而一般的中小公司對於這種分工就不大,一般是什麼都干。

與網頁設計界面美術設計相關的知識