很多初學者對于UI設計(jì)和(hé)web前端設計(jì)的(de)區别還是很困惑的(de)。
首先是區别，根據崗位名稱就可(kě)以知道。UI也(yě)是用(yòng)戶使用(yòng)的(de)用(yòng)戶界面。所以UI設計(jì)是對網站美(měi)觀的(de)界面、人(rén)機交互、操作邏輯的(de)整體設計(jì)。這說明(míng)UI設計(jì)的(de)重點是在設計(jì)上(shàng)，設計(jì)中有(yǒu)一個(gè)關鍵點，那就是創新思維。所以可(kě)以說UI設計(jì)很有(yǒu)創新性。如(rú)果思維比較僵化，建議不要考慮這個(gè)方向。前端設計(jì)雖然也(yě)有(yǒu)設計(jì)，但(dàn)與UI設計(jì)不同，前端設計(jì)主要是功能(néng)實現的(de)設計(jì)。也(yě)就是說前端設計(jì)并不是真的(de)需要創新思維，而是前端設計(jì)真正需要的(de)是紮實的(de)代碼基礎和(hé)強大(dà)的(de)開(kāi)發技能(néng)。
最初，這是兩份工(gōng)作。網頁開(kāi)發的(de)整個(gè)過程是UI設計(jì)工(gōng)程師(shī)首先設計(jì)整體框架并簡單編寫html代碼，然後web前端工(gōng)程師(shī)根據UI提供的(de)切片實現整個(gè)網頁的(de)所有(yǒu)功能(néng)，然後對頁面進行(xíng)适當的(de)修改和(hé)豐富，在交給後端工(gōng)程師(shī)。 網頁開(kāi)發有(yǒu)著(zhe)嚴格的(de)開(kāi)發流程，因此，UI設計(jì)工(gōng)程師(shī)和(hé)Web前端工(gōng)程師(shī)是相(xiàng)互依存、不可(kě)分(fēn)割的(de)。雖然這是兩個(gè)不同的(de)帖子，但(dàn)還是有(yǒu)很多相(xiàng)似之處。
UI設計(jì)工(gōng)程師(shī)雖然更注重設計(jì)，但(dàn)是對html的(de)标簽代碼一無所知，這是不可(kě)能(néng)的(de)，因爲标簽代碼是最基礎的(de)。首先設計(jì)網站的(de)整體布局，然後用(yòng)PS将這張圖片切片生成網頁。但(dàn)是如(rú)果不檢查代碼，不看整體，很容易再次出錯。因此，如(rú)果你(nǐ)想成爲一名UI設計(jì)工(gōng)程師(shī)，你(nǐ)不需要對JS有(yǒu)太多的(de)掌握，但(dàn)至少(shǎo)你(nǐ)需要對html有(yǒu)很好的(de)掌握。Web前端工(gōng)程師(shī)主要進行(xíng)功能(néng)實現，html是基礎，然後掌握JS并使用(yòng)框架。然而，這些還不夠。web前端設計(jì)工(gōng)程師(shī)仍然需要對設計(jì)有(yǒu)所了解。所以可(kě)以說UI設計(jì)和(hé)web前端設計(jì)非常相(xiàng)似，他(tā)們的(de)區别就是側重點不同。
文(wén)章(zhāng)及圖片來源網絡
版權歸原作者所有(yǒu)
如(rú)涉及版權問題請及時聯系我們處理(lǐ),謝謝!
