前端工程師設計

Ⅰ 前端工程師和前端交互設計師有什麼區別

個人認為前端工程師和前端交互設計師的的卻別還是很大的。

1、首先說一下前端工程師和前端交互設計師。

首先說前端工程師，我們都知道前端工程師的職責就是使用html、css、JavaScript等前端代碼實現網站的頁面，但是嚴格的意義的前端工程師都是不負責設計網站的，一般都是由美工或者前端交互設計師來設計網站的效果圖，然後前端工程師只負責將效果圖實現成為網頁。現在一般的比較專業的公司都是不需要前端工程師來設計網頁的了。

前端交互設計師要比前端工程師的技術含量要高一些，你可能認為那前端交互設計師不就是美工嗎？那當然不是，嚴格意義上講，前端交互設計師的應該是網站美工和網站前端的「合體」。前端交互設計師的職責就是設計網站的色調布局、網頁特效等直接與用戶接觸可以直接影響用戶體驗的網頁元素，也就是說網站前端不僅僅要設計效果圖也要懂前端的知識。

2、網站前端工程師和網站前端交互設計師的區別。

網站前端交互設計師一般在公司里就是產品經理或者是組長，而前端工程師就是員工或者是組員，從技術層面上講，前端交互設計師在不同的公司從事的技術工作可能不相同，有些特別大的公司網站交互設計師就是負責設計網站的與用戶交互設計的，為的就是設計出用戶體驗好的網站，這樣公司的前端交互設計師主要從事的從美學或者人們的心理學等方面研究網站和用戶的體驗。而在一些中大型企業可能，網站交互設計師就是設計網站效果圖和負責是實現一些比較負責的網頁特效，當然一些大公司的網頁特效都是由專業的負責框架的人來寫的。總之，不同公司對於網站前端交互設計師的分配的工作可能不同，但是有一點是肯定的，網站交互設計師技術上要比前端工程師高，且一般網站交互設計師都是前端工程師的經理或者直接的領導。

最後，網站交互設計師一般也都是從前端工程師做起來的，只不過比前端工程師更加註重用戶體驗，比前端工程師更加理解網站前端這個行業。

Ⅱ 視覺設計師是怎樣讓前端工程師 100% 實現設計效果的

首先，作為一個設計師，尤其是UI設計師，請跟我一起大聲念：必須掌握前端切圖流程！！
這可能意味著你得學會HTML+CSS，或者要長時間和IOS或者安卓開發人員交流他們是怎麼把圖片和文字排進屏幕內的。別老是抱怨你是設計怎麼能去學碼農的東西，設計人員對這些看似高深的源碼有本能的畏懼和厭惡。無論你所在的公司在項目人員配置上如何貼心到位，但如果你自己沒有掌握這些知識點，就不要妄想最後實現環節上能順利收尾，因為你從出發點開始和程序員的認知就不對稱，這些不對稱是矛盾和偏差的根源。

Ⅲ web前端工程師和網頁設計有什麼區別

web前端是由網頁設計發展而來的，前端的概念更寬泛，包括了網頁設計、交互設計等一系列前端工作內容。前端開發通過HTML，CSS及JavaScript以及衍生出來的各種技術、框架、解決方案，來實現互聯網產品的用戶界面交互 。
前端開發工作主要在於UI設計和用戶體驗。三點共圓向客戶提供的前端開發內容包括：UI設計，axure交互文檔，靜態頁面製作，css3 動畫和jq動畫。最終提供的成品文件包括：img、css、js、html、icon、font。
網頁設計一般包含整站網頁視覺方案，提供PSD或PNG格式的主要頁面預覽圖，高級一點的還會給出標准配色表，風格設計指南（內含一般性風格設計規格：設計理念，留白間距，按鈕樣式，使用場景）等附件。網頁設計一般包含整站網頁視覺方案，提供PSD或PNG格式的主要頁面預覽圖，高級一點的還會給出標准配色表，風格設計指南（內含一般性風格設計規格：設計理念，留白間距，按鈕樣式，使用場景）等附件。大公司一般還有交互設計師，主要關注人機界面的易用性和用戶友好性。

Ⅳ web前端工程師和網頁設計師的區別

一、指代不同

1、web前端工程師：利用(X)HTML/CSS/JavaScript/Flash等各種Web技術進行客戶端產品的開發人員。

2、網頁設計師：指精通Photoshop，Coreldraw,Frontpage,Dreamweaver等多項網頁設計工具的網頁設計人員。

二、職責不同

1、web前端工程師：完成客戶端程序（也就是瀏覽器端）的開發，開發JavaScript以及Flash模塊，同時結合後台開發技術模擬整體效果，進行豐富互聯網的Web開發，致力於通過技術改善用戶體驗。

2、網頁設計師：負責對網站整體表現風格的定位，對用戶視覺感受的整體把握；進行網頁的具體設計製作；產品目錄的平面設計。

三、技能要求不同

1、web前端工程師：對互聯網流行的網頁製作方法（Web2.0）HTML+CSS，以及各大瀏覽器兼容性有深刻的了解。還要對IT其他編程語言有所了解如：PHP，Java，.net，vue。

2、網頁設計師：需要掌握網頁的界面設計，如內容的介紹、按鈕的擺放、文字的組合、色彩的應用、使用的引導等。

Ⅳ 前端開發工程師需要學習設計嗎

不是很必要，不過還是掌握一點基本的操作比較好

Ⅵ 前端工程師和 UI 設計師哪個比較好

其實前端工程師和UI設計師還是有一些共同的特性所在.相比於後端,前端和UI的成品誕生過程都是所見即所得,更容易帶給人成就感。

而要說到兩者之間的區別,則相比起前端和後端,前端和UI要大得多.因為從本質上來講,前端更多接觸的實際上是代碼,這也就註定前端更多的是需要邏輯思維能力.而UI則更多的是審美能力和美術功底的綜合運用.當然,這也並不代表不是美術生就不能做UI.畢竟相比起素描油畫什麼的藝術創作,UI更多的是線條的運用與配色布局等方面的組合。

當然,我們選擇適合自己的專業,不僅僅需要看這些表面上的區別.畢竟能力都是後天培養出來的.即便你是個縱橫JAVA多年的編程老鳥,依舊不妨礙你能成為一個UI大師.所以,我們更多需要考量的,是日後的工作形勢與工作環境氛圍.

就UI來說,在公司內,理想情況下,是你愉快的設計出一整套設計稿,然後提交,公司產品或者領導通過,完事兒.但是實際情況下,往往一套設計稿出來之後.會經過多次的修改,甚至有時候會全部推倒重來.這就需要作為UI設計師,必須擁有良好的理解能力.充分體會理解需求輸出者的意圖。

比如大氣,簡約.這兩個詞在UI界是經常出現的,然而往往每個人對這些詞語的理解是不一樣的.甚至同一個人,在不同的時期,對這些詞語的理解都是不一樣的.這就需要UI設計師們學會去引導,挖掘產品們或者領導們的真正意圖.

而前端的工作情況就沒有那麼復雜,我們只需要按照已經定下來的設計稿來完成頁面的布局開發即可.但事實也並非那麼美好,往往頁面開發出來之後,UI會對你的頁面進行嚴格要求和審核。

元素之間的像素距離,元素的寬高都會要求達到和設計稿一致.作為直接和邏輯接觸的前端開發者們,往往難以或者懶得去摳這些細節.這往往就會引來UI設計師們的一頓狂批。

可能我們會想.不就是一兩個像素,肉眼都看不出來區別。一兩個像素的差距雖然從肉眼上看不出差別，但是卻切切實實的影響著整個頁面帶給用戶的感覺.比如很多時候,明明兩個網站看起來風格和布局都差不多 ,卻明明其中一個比另外一個給人的感覺高大上很多.這都是細節在起作用.

最後當你清楚兩者的區別之後，根據興趣和特長選擇適合自己的方向。

Ⅶ web前端設計工程師與網頁設計有什麼區別

前端和設計師，
如果要區分的話，區別蠻大的。
前端是實現設計師出的圖效果，做成頁面，加上效果，各種JS，各種CSS等等。

設計師，按正規來說，和程序員溝通好後，出設計圖，各種效果的效果圖，比如設計稿內要標明，滑鼠移上效果會是怎麼樣，等等，前端再實現這些效果成頁面，交給程序員。。。

但是現在很多公司要求設計師連前端工作一起做。。。

Ⅷ 前端工程師和 UI 設計師該如何選擇

前端開發領域有很多自學成「才」的同行，但大多數人都停留在會用的階段，因為後面的學習曲線越來越陡峭，每前進一步都很難。人們常說：不想當裁縫的司機，不是個好廚師。如果單純只是學習前端編程語言、而不懂後端編程語言(java , c++ , c , c# , php ,node.js , erlang , golang)，也不能算作是優秀的前端工程師。所以，在成為一個優秀的前端工程師的道路上，充滿了汗水和辛勞。
而UI全能設計師，零基礎入門涉及簡單的初級代碼入門，代碼量僅僅是前端開發的一丟丟。所以，相對於前端開發，UI設計更為通俗易懂，工作體面、簡單易學，不燒腦還可以拿高薪。讓你了解前端也精通設計，可以優雅的「右鍵」檢查元素看懂最基本的代碼語言，明白前端在做什麼，亦可以讓你精通各類Wed端、移動端設計，合成、特效、切圖等等不在話下。
所以，做個前端開發人員，就要做一個不僅精通前端語言，還要涉略後端編程的優秀的前端工程師；做個UI全能設計師，會設計，懂代碼，在設計的道路上加上程序員的思維。嗯，就是這個樣子。
路漫漫其修遠兮，吾將上下而求索。黑馬程序員擁有UI設計學院，成就獨一無二的UI全能設計師；也有前端與移動開發學院，專屬打造互聯網行業新貴——前端全棧開發工程師。搞清了什麼是前端，什麼是UI，你應該知道自己該怎麼選擇了吧。改變中國IT教育，黑馬程序員一直在努力！

Ⅸ 做設計方面好還是前端工程師好呢

如果想全面發展你可選擇UI，如果想精通一門，你可選擇前端。我現在就在一個小公司，深有體會。同時呢，做前端有一點點ui的基礎會更好的。還有，看你自學JS比較困難的話，你可報一個培訓班，激起你學習的興趣，如果實在激發不了的話，建議你選擇設計方向。 希望對你有幫助。

Ⅹ Web前端開發工程師與UI設計師 有什麼不同

前端開發工程師獨立出來主要就是做數據交互、後台處理、SEO優化等工作，要熟練各種腳本語言和運行環境，熟悉XML、SQL、ORACLE等資料庫，熟悉AJXA、Jquery、Slivelight、Struct2、CSS4、Html5等網站處理技術。

網頁設計（web design，又稱為Web UI design，WUI design，WUI），是根據企業希望向瀏覽者傳遞的信息（包括產品、服務、理念、文化），進行網站功能策劃，然後進行的頁面設計美化工作。作為企業對外宣傳物料的其中一種，精美的網頁設計，對於提升企業的互聯網品牌形象至關重要。
網頁設計一般分為三種大類：功能型網頁設計（服務網站&B/S軟體用戶端）、形象型網頁設計（品牌形象站）、信息型網頁設計（門戶站）。設計網頁的目的不同，應選擇不同的網頁策劃與設計方案。
網頁設計的工作目標，是通過使用更合理的顏色、字體、圖片、樣式進行頁面設計美化，在功能限定的情況下，盡可能給予用戶完美的視覺體驗。高級的網頁設計甚至會考慮到通過聲光、交互等來實現更好的視聽感受。
網頁設計主要以Adobe產品為主，常見的工具包括FW、PS、FL、DW、CDR、AI等，其中DW是代碼工具，其他是圖形圖像和FL動畫工具。還有最近幾年Adobe新出的EdgeReflow、EdgeCode、Muse。