當前位置:首頁 » 網頁前端 » UI不會前端
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

UI不會前端

發布時間: 2023-03-05 01:43:54

㈠ 學習UI有沒有必要再學習前端

這位童鞋你好。具體的工作可能會用不上,但是有的中小企業就需要一人兼多職。這個時候就能用的上了,具體的請看以下文章。

UI設計師和前端通常是一個是藝術出身,一個是技術出身。卻因為工作不得不經常面對面坐在一起,為各種問題糾纏不清。

前端總覺得設計太過理想主義,稿子里很多構想根本不完整,還以各種理由給自己找麻煩。設計總覺得前端各種找理由偷懶,開發出的界面明明和設計稿相差十萬八千里,就自以為萬事大吉了。

今天周老師就為廣大設計師們寫一篇比較好懂的科普,以促進雙方在日常工作中更加高效友善地合作。



當然如果非要技術處理,也可以做到根據容器寬度確定文字尺寸,以求每行字數保持不變。但是這種處理非常麻煩,一般很少用到。

這就是為什麼,UI在標准尺寸屏幕上勉強留夠了文字空間,而在用戶的小屏設備上展示時,卻排不下幾個字。從前端的角度看,文字尺寸的靈活性,沒有圖片那麼強。

內邊距與外邊距

前端開發時,任何元素或模塊都可以有一個內邊距和外邊距。內邊距用於分割模塊里內容與模塊邊緣的距離;外邊距用於分割模塊與模塊之間的距離。

當元素/模塊重復出現時,其內邊距和外邊距可以作為固定屬性重復出現,這樣就避免了代碼冗餘。



然而,有的設計稿在內外邊距上比較隨便,這可能導致前端開發同學犯強迫症,例如以下幾種情況。

不同頁面的邊距不一樣:




同一級模塊的邊距不同:




有的特殊元素偏偏要突破原本定好的邊距:




當然有時候為了視覺效果,我們必須要做一些特殊處理,增加額外的開發工作量無可避免。

然而如果邊距不統一隻是因為設計時沒有太在意,這就有可能給前端開發造成無意義的維護成本了。

如果設計按照模塊而不是按照頁面來提供方案,前端可能更加高興的,因為他們不用去猜哪些地方可以復用代碼了,哪些地方又必須單獨寫了。

總結

上面說的都是一些非常基礎的前端原理,很多前端以為UI應該理解,但其實很多情況下都無法理解。不論是前端還是設計,希望看了這篇文章後,能夠對雙方有更多的理解。

㈡ UI設計和前端那個難

UI設計(或稱界面設計)是指對軟體的人機交互、操作邏輯、界面美觀的整體設計。UI設計分為實體UI和虛擬UI,互聯網常用的UI設計是虛擬UI,UI即User Interface(用戶界面)的簡稱。
好的UI設計不僅是讓軟體變得有個性有品位,還要讓軟體的操作變得舒適簡單、自由,充分體現軟體的定位和特點。
前端即網站前台部分,運行在PC端,移動端等瀏覽器上展現給用戶瀏覽的網頁。隨著互聯網技術的發展,HTML5,CSS3,前端框架的應用,跨平台響應式網頁設計能夠適應各種屏幕解析度,合適的動效設計,給用戶帶來極高的用戶體驗。
UI主要是設計能力,還會一點代碼;而前端主要以代碼為主。
難度方面看個人的興趣和能力,有的人對設計感興趣,有的人對代碼有興趣,好像我們學校,萊佛士,學生對設計感興趣,經過老師的教育和自己的學習,學起來也不會太難。

㈢ ui設計需要學習前端嗎

這個在大城市不一定需要,小城市可能需要身兼多職,主要就是了解前端,但是都是基礎,主要還是鍛煉你跟研發人員的協同能力。

㈣ UI設計需要學前端開發嗎

UI設計不一定需要精通前端,但是如果UI設計了解前端可以減少和開發人員溝通的技術成本,讓團隊協作更加高效。那UI設計如何學習前端,需要學習到什麼程度呢?

我們分享一個前端教程-Web前端UI設計,這裡面詳細講解了UI設計中的Web前端設計規則及工具,可以幫助大家深入理解Web前端UI設計方法。

1、HTLM基礎認知DIV框架及CSS樣式

首先要了解HTLM基礎、CIV框架以及CSS樣式, HTML稱為超文本標記語言,是一種標識性的語言。它包括一系列標簽.通過這些標簽可以將網路上的文檔格式統一,使分散的Internet資源連接為一個邏輯整體。DIV元素是用來為HTLM文檔內大塊的內容提供結構和背景的元素。 CSS不僅可以靜態地修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化。CSS 能夠對網頁中元素位置的排版進行像素級精確控制,支持幾乎所有的字體字型大小樣式,擁有對網頁對象和模型樣式編輯的能力。

2、浮動原理、Margin認知

Margin,是CSS的語法,這個簡寫屬性用於在一個聲明中設置所有當前或者指定元素所有外邊距的寬度,或者設置各邊上外邊距的寬度。

3、框架應用搭建

框架很多,在這個教程中選擇一個主流框架帶大家看看前端框架如何搭建。

4、插入圖片、文字標簽和版頭、導航欄

編寫的網頁中插入圖片,可以使瀏覽網頁的用戶得到更好的體驗效果。在這一部分會講解插入圖片、文字標簽以及版頭和導航欄如何實現。

5、Banner塊插入、內容文字排版、內聯元素、A標簽和Banner鏈接定位

Banner是網路廣告最早採用的形式,也是目前最常見的形式。它是橫跨於網頁上的矩形公告牌,當用戶點擊這些橫幅的時候,通常可以鏈接到廣告主的網頁。而網頁中的文字內容排版也直接影響著網頁的美觀以及網頁的用戶體驗。

6、錨點標簽、超鏈接標簽、固定定位和絕對定位、相對定位

<a> 標簽用於定義超鏈接,用於從一張頁面鏈接到另一張頁面。用於設置錨點,用於頁面定位。

7、導航二級菜單顯示隱藏

很多網頁中的二級菜單欄不直接顯示,需要滑鼠移動到一級菜單或者點擊一級菜單才會展開顯示二級菜單。

8、input表單

input表單可以獲取用戶的信息,做出對應的動作,教程中直觀的展示input表單的應用方法。

其實以上教程只是web前端很小的一部分,UI設計如果能夠了解前端知識,在設計中可以更好的考慮實現問題,也能夠更好的和開發人員交流,也能夠提高團隊協作的效率,加速項目的進度。

㈤ ui設計屬於前端嗎

UI設計不屬於前端,前端主要是偏向頁面製作和APP,開發重點是實現各種交互。
UI設計(User Interface Design),即界面設計,是指對軟體的人機交互、操作邏輯、界面美觀的整體設計。它可以分為實體UI和虛擬UI兩類,互聯網中所提及的UI設計即是虛擬UI。好的UI設計不僅可以讓軟體變得更有個性、有品位,還可以讓軟體的操作變得更為舒適和簡單。與之相應,UI設計師的職能大體包括三方面:一是圖形設計,軟體產品的產品「外形」設計。二是交互設計,主要在於設計軟體的操作流程、樹狀結構、操作規范等。一個軟體產品在編碼之前需要做的就是交互設計,並且確立交互模型,交互規范。三是用戶測試/研究,這里所謂的「測試」,其目標恰在於測試交互設計的合理性及圖形設計的美觀性,主要通過以目標用戶問卷的形式衡量UI設計的合理性。如果沒有這方面的測試研究,UI設計的好壞只能憑借設計師的經驗或者領導的審美來評判,這樣就會給企業帶來極大的風險。

㈥ UI設計師需要學前端嗎

通常來說UI設計師是不需要學前端的,不過現在某些培訓班。炒作了一個新概念叫做大前端,就是把UI設計和web前端開發給結合到一起了。

㈦ UI設計師需要學前端嗎

現在。 IT培訓班方面弄了一個新概念叫做大前端,所謂大前端就是把整個前台的工作全部包圓了,ui設計一直到web前端開發。但是大公司一般不需要這樣。