資訊 · NEWS

網站設計:UI設計和(hé)web前端設計的(de)區别

2021-09-29 設計前沿 100 分享

       很多初學(xué)者對于UI設計和(hé)web前端設計的(de)區别還是很困惑的(de)。

       首先是區别,根據崗位名稱就可(kě)以知道(dào)。UI也是用戶使用的(de)用戶界面。所以UI設計是對網站美觀的(de)界面、人機(jī)交互、操作邏輯的(de)整體設計。這說明UI設計的(de)重點是在設計上,設計中有(yǒu)一(yī)個關鍵點,那就是創新思維。所以可(kě)以說UI設計很有(yǒu)創新性。如(rú)果思維比較僵化,建議不要考慮這個方向。前端設計雖然也有(yǒu)設計,但與UI設計不同,前端設計主要是功能實現的(de)設計。也就是說前端設計并不是真的(de)需要創新思維,而是前端設計真正需要的(de)是紮實的(de)代碼基礎和(hé)強大的(de)開發技能。 

最初,這是兩份工作。網頁開發的(de)整個過程是UI設計工程師首先設計整體框架并簡單編寫html代碼,然後web前端工程師根據UI提供的(de)切片實現整個網頁的(de)所有(yǒu)功能,然後對頁面進行(xíng)适當的(de)修改和(hé)豐富,在交給後端工程師。 網頁開發有(yǒu)着嚴格的(de)開發流程,因此,UI設計工程師和(hé)Web前端工程師是相互依存、不可(kě)分割的(de)。雖然這是兩個不同的(de)帖子(zǐ),但還是有(yǒu)很多相似之處。

       UI設計工程師雖然更注重設計,但是對html的(de)标簽代碼一(yī)無所知,這是不可(kě)能的(de),因為(wèi)标簽代碼是最基礎的(de)。首先設計網站的(de)整體布局,然後用PS将這張圖片切片生成網頁。但是如(rú)果不檢查代碼,不看整體,很容易再次出錯。因此,如(rú)果你想成為(wèi)一(yī)名UI設計工程師,你不需要對JS有(yǒu)太多的(de)掌握,但至少你需要對html有(yǒu)很好的(de)掌握。Web前端工程師主要進行(xíng)功能實現,html是基礎,然後掌握JS并使用框架。然而,這些還不夠。web前端設計工程師仍然需要對設計有(yǒu)所了解。所以可(kě)以說UI設計和(hé)web前端設計非常相似,他們的(de)區别就是側重點不同。


文章(zhāng)及圖片來源網絡

版權歸原作者所有(yǒu)

如(rú)涉及版權問題請及時聯系我們處理(lǐ),謝謝!




QQ2285001706 0592-5865936
x
Title