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

網頁設計與美術

發布時間:2020-08-30 22:43:45

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

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

2、談談自己對網頁設計與美術基礎知識的理解,以及對審美轉達的認識。

有一定的美術基礎對網頁設計有很大幫助,具體的你可以看看網易、騰訊、新浪、搜狐等各大門戶網站的設計。

3、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排版出來。頁面必須清晰簡潔,還要適宜後台調用。

4、網頁設計師需要美術好嗎

網站設計人員最基本的要求

在WEB應用開發中沒有「美工」這個詞,只有設計,所謂設計就是要負責所有應用層的呈現和表象,那麼讓我們來看下一個合格的設計師應該具備什麼樣的技能,以下不是我一人想像的,是我和很多程序員及設計師討論出來的:

1.一定的美術鑒賞能力,並對《色彩學》有一定的研究,合理排版合理搭配色彩。

2.熟練使用1-2款圖片處理工具,目前廣泛使用的是PS和FW,這里熟練使用要求並不停留於「會」,「懂得」,要掌握所有用法及所有快捷方式,注重整體而不是局部,手快而眼明,一個再復雜的頁面也不得超過3小時的設計。

3.熟練使用FLASH製作工具,並熟練掌握FLASH腳本。

4. 熟練使用1-2款網頁製作工具,目前主流是DW和FP,掌握所有用法和各種快捷方式。

5.熟練使用HTML,熟悉各種HTML元素,並能按照W3C標准調整,並掌握不同瀏覽器下元素區別,要達到能在無任何輔助工具的情況使用記事本等工具熟練製作頁面,排版,手寫可能言過其實,但這代表一種程度,如果你達不到這種程序,你就不能深刻理解你所做的工作。

6.熟練使用CSS2.0-W3C標准,並掌握不同瀏覽器下,不同版本下CSS元素的區別,可在脫離工具的情況下手寫!

7.掌握XHTML,並掌握W3C XHTML1.0/1.1中各3種標准中至少各一種,可在脫離工具的情況下手寫!

8.掌握DHTML及DMO

9.掌握JAVASCRIPT,並能使用JAVASCRIPT結合其他元素呈現特定表象。

10.掌握UML,具有根據UNL獨立設計符合要求的表象的能力。可獨立撰寫設計文檔及說明。

11.了解網站重構的的概念及思想,可在重構過程中出色的完成自己該完成的部分。

12.對與你說合作的程序員所使用的開發語言及風格具有一定的了解(不需要學會語言,但也需要了解大概),能合理的在表象中為程序員留下佔位等。

13.具有一定的創新思想。

14.具有一定的網路基礎知識,及WEB應用相關知識

以上算是對一個設計人員最基本的要求,根據不同的公司及項目還有所合作的程序員可能會遠更多更高的要求,請各位看帖的朋友對照一下自己有沒有達到,沒有達到那就只能算一個工人。

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

非業內人士總習慣用「美工」稱呼UI設計師,而設計師通常會為此感到生氣。畢竟,在國內大部分人對UI的理解還停留在美術設計方面,認為UI的工作只是描邊畫線,缺乏對用戶交互重要性的理解。實際上,這兩個職業有著巨大差異。今天我們就為各位UI設計師正名,來聊聊「美工」與「UI設計師」的區別。01從工作性質來看美工這個稱呼,本來的職業是:網站美術設計、平面美術設計,也就是我們稱之為:平面設計師或網路設計師。這裡面分的更細的是,平面設計師一般做logo設計、VI手冊、印刷品等,網路設計師一般是指自己能獨立完成網站,包括代碼的設計師。UI即User Interface(用戶界面)的簡稱。泛指用戶的操作界面,包含移動APP,網頁,智能穿戴設備等。互聯網新科技興起,從國外引進了UX設計師的概念,但是公司內部協作分的更細,分為了:UI設計師(視覺)和UE設計師(交互),設計師徹底告別了代碼,更專注於我們所說的:用戶體驗。02從服務群體來看1、美工美工服務的是甲方客戶,作品是否可以通過,全靠甲方一句話。偏偏每個人的審美都不同,你辛辛苦苦做出來的未必就能讓甲方喜歡。漸漸地,美工的主動權開始被剝奪,離自主創作越來越遠,只是用軟體做出好看的東西,這更像是一名素材的搬運工。2、UI設計師UI設計師面向的是產品使用者(用戶),由於用戶的留存會決定產品的生死,所以他們要聽的是用戶的話。即使上層領導與你的審美有很大差別,但也決不敢拿產品的命運打賭。用戶留存數據、內測用戶的反饋等是你做產品迭代的原因所在。甚至有時候,漂亮、充滿創意的界面產生的效果反而比較差。03從工作流程來看1、美工接到老闆需求,開始做設計,初稿過後根據老闆的意見修改設計,改完後接著根據老闆的意見修改……大家還記得曾經的網路熱詞——五彩斑斕的黑嗎?2、UI設計師在開展設計產品UI之前,我們應當根據功能的優先順序或者相關調研數據,結合常規設計原則來建立應用的界面交互框架,即交互線框圖。交互線框圖須對零碎且尚未流程化的功能信息進行歸納和整理,首先要交代應用中都有什麼東西,並設計合理的信息結構,明確這些元素的具體位置,最後再詳細描述用戶與界面元素之間的交互行為,包括如何操作以及相應的操作反饋、跳轉路徑等。04從掌握技能來看1、美工UI設計和美工兩者有什麼區別?
愛吃奶茶的皮卡丘
與其持劍天涯,不如浪跡江湖
非業內人士總習慣用「美工」稱呼UI設計師,而設計師通常會為此感到生氣。畢竟,在國內大部分人對UI的理解還停留在美術設計方面,認為UI的工作只是描邊畫線,缺乏對用戶交互重要性的理解。實際上,這兩個職業有著巨大差異。今天我們就為各位UI設計師正名,來聊聊「美工」與「UI設計師」的區別。01

從工作性質來看美工這個稱呼,本來的職業是:網站美術設計、平面美術設計,也就是我們稱之為:平面設計師或網路設計師。這裡面分的更細的是,平面設計師一般做logo設計、VI手冊、印刷品等,網路設計師一般是指自己能獨立完成網站,包括代碼的設計師。

UI即User Interface(用戶界面)的簡稱。泛指用戶的操作界面,包含移動APP,網頁,智能穿戴設備等。互聯網新科技興起,從國外引進了UX設計師的概念,但是公司內部協作分的更細,分為了:UI設計師(視覺)和UE設計師(交互),設計師徹底告別了代碼,更專注於我們所說的:用戶體驗。

02從服務群體來看

1、美工

美工服務的是甲方客戶,作品是否可以通過,全靠甲方一句話。偏偏每個人的審美都不同,你辛辛苦苦做出來的未必就能讓甲方喜歡。漸漸地,美工的主動權開始被剝奪,離自主創作越來越遠,只是用軟體做出好看的東西,這更像是一名素材的搬運工。2、UI設計師

UI設計師面向的是產品使用者(用戶),由於用戶的留存會決定產品的生死,所以他們要聽的是用戶的話。即使上層領導與你的審美有很大差別,但也決不敢拿產品的命運打賭。用戶留存數據、內測用戶的反饋等是你做產品迭代的原因所在。甚至有時候,漂亮、充滿創意的界面產生的效果反而比較差。

03從工作流程來看

1、美工接到老闆需求,開始做設計,初稿過後根據老闆的意見修改設計,改完後接著根據老闆的意見修改……大家還記得曾經的網路熱詞——五彩斑斕的黑嗎?2、UI設計師

在開展設計產品UI之前,我們應當根據功能的優先順序或者相關調研數據,結合常規設計原則來建立應用的界面交互框架,即交互線框圖。交互線框圖須對零碎且尚未流程化的功能信息進行歸納和整理,首先要交代應用中都有什麼東西,並設計合理的信息結構,明確這些元素的具體位置,最後再詳細描述用戶與界面元素之間的交互行為。

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

網頁美工與平面設計師區別還是很大的。
網頁美工主要做
›把網頁效果提前先用平面軟體將平面效果圖製作出之後提交給合作者或boss審核,審核通過即可開始製作網頁。避免網頁效果不好返回重做。需要了解用戶習慣,用戶進入網站需要看的是什麼。傳達>設計
網頁設計:›以用戶為核心設計。›RGB色彩模式› 解析度72px› 色彩注重信息結構關系梳理,不可太刺眼› 根據用戶系統選擇字體 ›字型大小一般在12-24號之間› 注重用戶的視覺體驗
平面設計:›以品牌為核心設計 ›CMYK色彩模式› 解析度300dpi› 色彩注重視覺沖擊力及視覺流引導 ›字體使用很自由 ›字型大小隻要不小到看不見都行 ›注重用戶的視覺沖擊

7、網頁設計師需要美術好嗎??

搞網頁的有很多分工的,主要有編程和美工,如果你想一個人完成網站的製作的話,美工就一定要好,而這里的美工並不是說你一定要畫的多好多好,很多不會美術的人照樣玩的很好,就是應為有PS這類軟體的存在,不過現在網頁設計師那麼多,你要是想突出的話,就必須學好網頁美工,裡面比較高級的軟體是painter,這個一般是要有美術功底的人才可以駕馭,還要結合數位板。不過其實學好PS就可以了。另外,可以適當學下FLASH就最好了。
看你自己覺得了。

8、為什麼學網頁設計和室內裝飾要學美術啊?

網頁設計

網頁設計是一種新興的藝術設計。學習一般網頁設計通常理解為前台設計,前台美工,也就是展示在瀏覽器中觀眾能看到的頁面設計。還有一些網頁屬於動態的,是有後台程序的,通常我們稱為後台設計,也屬於網頁設計的范疇,但是後台設計要有一定的程序語言基礎。

1。目前中國大部分的網頁設計者都為程序設計員,就是通過學習計算機技術而轉向網頁設計這一類,他們的前台設計因為沒有通過專業的美術理論與色彩,以及構成的課程學習,所以很多頁面做起來不美觀,不人性化。
2。藝術類院校因為師資原因與學生在校情況,通常不會學習後台程序的課程。所以藝術院校培養的網頁設計師大多是前台設計師,這類設計者通常都不了解後台程序,但是他們擁有良好的美學理念,能夠設計精美的前台程序,讓觀眾有賞心閱目的感受。
這兩類人是互相協作的,經過他們的通力合作可以打造完美的網頁設計團隊。

所以你如果接觸網頁設計,最好學習下美術理論,學下色彩,構成的基礎,對自己有很大幫助。

室內裝飾

室內裝飾是一個現代社會很重要的環境藝術設計學科。對人們的生活環境改善有很大的影響。
大凡叫裝飾的門類,幾乎都要接觸到色彩與構成,而這兩個只能在學習美術的時候才能接觸到。所以是必需的。
而室內這樣一個范疇,又要接觸到空間構成,空間布置與利用,與建築設計有很大的關系,而建築設計也是屬於美院教學的一個科類。

9、網頁設計跟平面設計的區別是什麼?學哪個比較好點?

兩者共同點:
1、都需要良好的視覺表現;
2、設計師需要有良好的審美能力;
3、基本都是用同一類軟體;
其實網頁設計應該屬於多媒體設計的范疇,多媒體設計是從屬於平面設計規律而又有很多不同的一個領域,網頁除了注重設計外,更多的是考慮瀏覽的使用體驗,打工速度,程序邏輯,SEO優化各方面的知識,知識面和側重點跟平面設計有很大的不一樣。一個好的平面設計師不一定就能做好網頁設計,網頁注重交互性、操作性跟瀏覽性。如果細分出來主要差別有一下幾點:
1、設計核心的差別
平面設計的核心是品牌。它要以品牌為出發點去設計,要在視覺上100%體現品牌的魅力。
網頁設計的核心是用戶。要以用戶的操作習慣為出發點去設計,換句話說也就是要設計得人性化,讓用戶瀏覽和操作要方便。
2、字體使用有限制
平面設計的字體一般不受限制,為了表現效果,相關的字體中以任意使用。
網頁設計的字體則受到很多的限制,一般中文字體只能用宋體、微軟雅黑。
3、顏色運用的區別
平面設計可以使用成千上萬種顏色,換句話說可以使用所有顏色,但是網頁設計不行!網頁設計中規定相關安全色。
4、處理與製作方面的差別問題
傳統平面設計的作品大多是以印刷的平面形式表現。
網頁設計作品則是透過顯示器表現,並且在傳輸的過程中受到網路頻寬的限制。網頁設計不僅僅是在做設計,更多的是要考慮網頁的打開速度、兼容性等問題。所以有時候不得不為了照顧這些特殊的要求而犧牲美觀。
5、圖片格式和像素的差別
平面設計需要的圖片格式一般為 PSD CDR AI EPS 等比較大的源文件格式 或導出的JPG 一般像素(解析度)大於300的高清晰圖片。
網站設計 一般為GIF 或PNG 或JPG 一般像素(解析度)小於72的)。
6、目的差異
傳統平面的設計作品是以向人們傳達某種資訊或訴求為目的。
網站製作的設計必須是配合網站的內容設計,而不是單純地只為表現藝術而設計。除了擁有平面設計作品的功能以外,還有重要的引導和連接功能,也就是網頁具有很強的可操作性和互動性。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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