① UI設計是由什麼組成的
很多人一提起UI設計就會想到手機app，手機程序，代碼之類的工作，其實這只是一小部分而已，UI設計包括很多東西，UI指的是用戶界面，包括用戶和界面之間的交互關系，一般分為用戶研究，交互設計和界面設計，下面我就來給大家講解一下三者之間的聯系與功能。
用戶研究應該很好理解，就是字面上的意思，簡單的說就是研究與你設計的產品相關的人群，那麼為什麼要研究他們呢？我們做的所有工作都是為了更好地設計，我們需要知道我們的客戶想要的是什麼，它的需求是什麼，什麼樣的設計會更容易接受，這樣在設計產品的時候可以避免走很多彎路。產品是設計給人用的，往往那些很自信不做任何調研做產品，一般都不會有好下場。
交互設計值得是人和機器建立聯系，然後通過這個聯系達到目的。交互設計的工作內容就是了解產品的想法和布局，結合用研的數據結果，去做產品原型設計。不難發現，由於交互設計的性質，會發現其實它處在產品開發的中間位置，是一個承上啟下位置。
界面設計相信也很好理解，就是產品的門面，界面設計可能是被談得最多的，和交互設計一樣，界面設計師需要不斷地與交互和產品經理進行溝通。對於界面設計師來說，除了要畫軟體界面外，還要畫logo，icon，配圖，運營banner還有就是動效設計等等，然後就是標注、切圖和視覺還原，其實遠比我們想像的要難的多。
想學習了解更多的，UI設計相關知識可以戳我/
② 前端工程師與視覺設計師有什麼區別具體都做哪些工作
前端工程師屬於程序員編寫代碼的，視覺設計師是做設計的通俗講究是做圖的。
前端工程師主要使用dw之類的開發工具編寫代碼、編程。
視覺設計主要是使用PS、AI、CDR之類的軟體進行圖片設計。
前端工程師的職責是製作標准優化的代碼，並增加交互動態功能，開發JavaScript以及Flash模塊，同時結合後台開發技術模擬整體效果，進行豐富互聯網的Web開發，致力於通過技術改善用戶體驗。視覺傳達設計是為現代商業服務的藝術，主要包括標志設計、廣告設計、包裝設計、店內外環境設計、企業形象設計等方面，由於這些設計都是通過視覺形象傳達給消費者的，因此稱為「視覺傳達設計」，它起著溝通企業——商品——消費者橋梁的作用。
③ 網站前端開發常用的布局方式有哪些
實現網頁布局的方式方法比較多，布局方式可以大概分為這幾類。
布局種類：
1、table布局（網頁的興起，1995）
2、Flash布局（自由的黃金時代，1996）
3、div+css（CSS的誕生，1998）
4、柵格與響應式（移動端的興起，2007與2010）
當前WEB前端開發使用DIV+CSS的布局方式會比較多也比較常用吧，網頁布局看起來貌似簡單，但是它需要綜合使用很多HTML+CSS的知識，總的來說知識量是不小。如果想系統化的了解HTML+CSS方面的知識，建議你選擇一本比較不錯的HTML5相關書籍（主要看知識邏輯、知識的表達方式，比如《HTML5布局之路》）進行學習，讓自己的知識更扎實一些，不然學的零零散散的。
Tips：學習好HTML+CSS有利於後面學習JavaScript，畢竟需要它們兩者結合在一起才可以實現出可交互的前端頁面。
④ 七個網頁界面ui設計細節你掌握了嗎
素馬主張任何高大上的產品概念設計最終落地都化解為版式與圖片。隨著用戶對產品使用的體驗要求越來越高，新銳的版式加上精美的圖片，還需要加上獨特的動效設計（前端製作工藝）才行。那麼，除了網頁設計三大塊版式、圖片、動效外，我們這些看似搬磚，每天做細節設計的ui設計師，是否有大的研究和作為呢。今天分享的這篇文章，主要是針對ui界面中非常細小的設計技巧進行講解。
01
-
使用色彩和字重來創造層次結構，而不是單純的大小對比
小結
-
以上總結的七個ui界面設計小細節處理技巧，都是大量的項目實戰工作中總結出來的，容易理解也容易執行。有人可能說，連一個像素都在磕，又不是搞科學研究火箭發射，有必要嗎？我只能說，這是一個工作的專業度問題和態度問題。也許一像素並不影響ui界面的美觀問題，但是卻是一位大師和普通工人的區別。