Ⅰ UI設計和前端開發的區別大嗎
其實前端工程師和UI設計師有一些共同的特性,相比後端,前端和UI的成品誕生過程都是所見即所得,更容易帶給人成就感。
說到兩者之間的區別,還是很顯而易見的。因為從本質上來講,前端更多接觸的是代碼,這也就註定前端需要更多的邏輯思維能力。而UI則更多的是審美能力和美術功底的綜合運用。當然並不是說,UI設計就是美術生的才能做的工作,UI更多是線條的運用與配色布局等方面的組合,更偏向與和用戶之間的交互設計。
在實際工作中,UI設計和前端崗位是有一部分交叉的工作內容,這就需要作為UI設計師需要懂一些前端的內容,而前端開發,也不能對交互設計一竅不通。希望我的回答能對你有所幫助。
Ⅱ UI設計師和前端怎麼合作
前端工程師需要和美工和後台開發人員進行合作。
1、和美工合作。
美工講設計好的效果圖,一般是一些psd文件給前端工程師,前端工程師根據效果如開始構思如何實現,並且開始使用Photoshop進行切圖,切出需要的圖片。如果圖片有問題或者不好操作的地方還需要美工給出修改。
2、和後台開發人員:
前端使用html、css、js等技術開始實現效果圖的頁面,同時需要和後台人員交流為後台數據留下借口和數據填充的區域等,或者獲取後台數據等,這需要和後台人員合作好。
3、完成項目
最終前端完成頁面交給後台,由後台人員填充後台數據,一個完整的工程完成。此時還需要前端和後台人員一起測試,完成數據和前端的良好交互。
Ⅲ 學習UI有沒有必要再學習前端
這位童鞋你好。具體的工作可能會用不上,但是有的中小企業就需要一人兼多職。這個時候就能用的上了,具體的請看以下文章。
UI設計師和前端通常是一個是藝術出身,一個是技術出身。卻因為工作不得不經常面對面坐在一起,為各種問題糾纏不清。
前端總覺得設計太過理想主義,稿子里很多構想根本不完整,還以各種理由給自己找麻煩。設計總覺得前端各種找理由偷懶,開發出的界面明明和設計稿相差十萬八千里,就自以為萬事大吉了。
今天周老師就為廣大設計師們寫一篇比較好懂的科普,以促進雙方在日常工作中更加高效友善地合作。
當然如果非要技術處理,也可以做到根據容器寬度確定文字尺寸,以求每行字數保持不變。但是這種處理非常麻煩,一般很少用到。
這就是為什麼,UI在標准尺寸屏幕上勉強留夠了文字空間,而在用戶的小屏設備上展示時,卻排不下幾個字。從前端的角度看,文字尺寸的靈活性,沒有圖片那麼強。
內邊距與外邊距
前端開發時,任何元素或模塊都可以有一個內邊距和外邊距。內邊距用於分割模塊里內容與模塊邊緣的距離;外邊距用於分割模塊與模塊之間的距離。
當元素/模塊重復出現時,其內邊距和外邊距可以作為固定屬性重復出現,這樣就避免了代碼冗餘。
然而,有的設計稿在內外邊距上比較隨便,這可能導致前端開發同學犯強迫症,例如以下幾種情況。
不同頁面的邊距不一樣:
同一級模塊的邊距不同:
有的特殊元素偏偏要突破原本定好的邊距:
當然有時候為了視覺效果,我們必須要做一些特殊處理,增加額外的開發工作量無可避免。
然而如果邊距不統一隻是因為設計時沒有太在意,這就有可能給前端開發造成無意義的維護成本了。
如果設計按照模塊而不是按照頁面來提供方案,前端可能更加高興的,因為他們不用去猜哪些地方可以復用代碼了,哪些地方又必須單獨寫了。
總結
上面說的都是一些非常基礎的前端原理,很多前端以為UI應該理解,但其實很多情況下都無法理解。不論是前端還是設計,希望看了這篇文章後,能夠對雙方有更多的理解。
Ⅳ 學習UI設計有必要學習前端嗎
需要
「需要,因為UI 工作內容包括裡面涉及到網站建設、APP設計等等。所以在學習的時候就開始有前端了,工作之後也會涉及到。但是不會特別深入,和專業前端還是有差異的。」
Ⅳ ui如何與前端對接
ui與前端對接:做ul的其實就做移動端設計的,設計一些移動端頁面,當然也包括ico圖標,手機上用的各種小圖標,logo等,比如一個小刪除按鈕。
前端使用html、css、js等技術開始實現效果圖的頁面,同時需要和後台人員交流為後台數據留下借口和數據填充的區域等,或者獲取後台數據等,這需要和後台人員合作好。
用藍湖一鍵標注,下載不同格式的切圖。還有設計圖邏輯連線、交互說明、分狀態展示、高保真原型製作預覽等功能。對設計圖進行樹狀連線,清晰展示跳轉邏輯。還可在一旁添加細節說明,方便團隊成員的理解。
頭部內容:
這2個標記符分別表示頭部信息的開始和結尾。頭部中包含的標記是頁面的標題、序言、說明等內容,它本身不作為內容來顯示,但影響網頁顯示的效果。
頭部中最常用的標記符是標題標記符和meta標記符,其中標題標記符用於定義網頁的標題,它的內容顯示在網頁窗口的標題欄中,網頁標題可被瀏覽器用做書簽和收藏清單。
Ⅵ UI設計師和前端工程師該如何更好的銜接
先製作UI組件,再拼接頁面
製作產品流程圖
提取出全局的可通用的部分
在開發過程中避免需求的修改
如果UI給前端的是一堆頁面,前端需要花一些時間去整理提取UI組件。另一方面,UI設計師如果從組件的角度出發,先做組件再拼頁面,既可以提高效率也可以避免UI元素在各個頁面不統一的問題
設計產品流程圖可以給前後台通用(新建一個大畫布,把界面拉進畫布,將按鈕/鏈接與對應點擊所進入的界面用線段鏈接起來),可以一目瞭然的明白業務需求,不用打開Axure導出的HTML一個鏈接一個鏈接的點擊(偶爾還會有沒加鏈接的情況)
1、錯誤及提示列表 / 根據不同用戶角色的錯誤及提示列表(訂單中)
2、設計通用的錯誤頁面,比如404(頁面未找到)錯誤頁面、504(伺服器內部錯誤,可替換成更友好的提示)錯誤頁面,用戶許可權錯誤頁面
1、修改需求需要時間(尤其是修改已做好的功能),而開發時間是固定的,常常修改會壓縮開發時間。壓縮開發時間,就要靠加班解決
2、一個頁面往往不是獨立的,修改可能會影響多個地方。
3、多次的修改,容易讓產品和開發產生矛盾。產品覺得開發簡單,開發覺得產品傻逼
4、產品修改是為了能設計出好的產品,開發打代碼是為了能做出好的產品,兩者的目標相同,多溝通多理解但是少修改 : )
Ⅶ UI設計和Web 前端開發兩個都可以合二為一做嗎
UI設計和web前端合二為一做?
這個恐怕很難
這是兩個不同的崗位方向,需要學習的內容也差別比較大的
但是工作方面會有對接的關系
建議先精專一個方向去做,有精力了再去學習另一個方向
要說合二為一,現在比較稀缺的全棧開發工程師,既懂前端又懂後端,比較受歡迎
最終建議,如果喜歡設計,建議專攻UI設計方向
如果喜歡代碼,可以朝著全棧工程師的方向去發展自己
加油!
Ⅷ UI設計師需要學前端嗎
通常來說UI設計師是不需要學前端的,不過現在某些培訓班。炒作了一個新概念叫做大前端,就是把UI設計和web前端開發給結合到一起了。
Ⅸ 前端開發還要會UI設計嗎
本質上講兩者沒有關系,但是實際上是有一些重疊的,以下詳細說明:
1、UI設計師具備一定的前端代碼編寫能力,能夠在一定程度上提升自身的崗位競爭力,未來的發展空間也會更大。
2、UI設計師在互聯網時代,尤其是移動互聯網時代得到了廣泛的關注,一個重要的原因是互聯網產品對於用戶的使用體驗越來越關注,所以目前整個IT行業有大量的UI設計師,尤其是互聯網公司更是釋放出了大量的UI設計崗位。
3、UI設計師主要的崗位任務包括交互設計和視覺設計兩部分,通常在產品經理和策劃完成方案設計之後,UI設計師就需要完成產品原型的構建,包括交互原型和視覺方案。
4、UI設計師在反復與產品經理溝通並修改之後,最終把設計原型交由開發團隊進行開發,以後在每次版本迭代的時候,都離不開UI設計師的參與,以保障產品的使用體驗度不斷提升。所以,在崗位職責方面,UI設計師通常並不需要參與代碼的編寫。
5、但是,客戶需要通過直觀操作理解ui
,此時需要與前端進行合作,而合作的交流成本在設計期不可忽視,如果ui自己可以做出原型,無疑更具有競爭力。