各行業如果需要進行系統設計，都可以使用到UI設計。現在的設計師也有比較多，那大家知道電了煙UI設計師的工作內容和基本要求有哪些嗎？下面就跟小編一起來了解一下相關的內容吧。

　　UI設計師的工作內容

　　UI設計師的工作包括如下內容：

　　負責軟件界面的美術設計、創意工作和制作工作；

　　根據各種相關軟件的用戶群，提出構思新穎、有高度吸引力的創意設計；

　　對頁面進行優化，使用戶操作更趨于人性化；

　　維護現有的應用產品；

　　收集和分析用戶對于GUI的需求。

　　UI設計師的基本要求

　　一個合格的UI設計師，要滿足下列條件

　　（一）精通Photoshop、Illustrator、Flash等圖形軟件，html、Dreamweaver等網頁制作工具，能夠獨立完成靜態網頁設計工作

　　（二）能熟練操作常用辦公軟件，且具備其它軟件應用能力；熟悉html，CSS，javascript，Ajax

　　（三）對通用類軟件或互聯網應用產品的人機交互方面有自己的理解和認識

　　（四）具備良好的審美能力、深厚的美術功底，有較強的平面設計和網頁設計能力

　　（五）具有敏銳的用戶體驗觀察力，富有創新精神。

　　初級和高階設計師的 UI 界面，到底差了哪些細節？

　　排版設計

　　1. 文字間距

　　每當你使用完全由大寫字母組成的文字時，不要忘記設置字母間距。這樣可以防止字符之間的粘連，也會讓文字有更好的可讀性。

　　2. 文字粗細

　　在使用細體和極細體字體的時候要格外注意。中細體字可以用，但要看具體的字體細到啥程度。如果你做的產品最終會被用戶在屏幕上看到，那么最好不要使用細體和極細字體，因為它們非常難閱讀，在某些屏幕上甚至會造成半像素模糊的效果。

　　3. 標題和正文字體大小

　　我們來談談網頁排版。標題的級別有6個（h1-h6）。首先你應該確保你的項目中的標題級別不超過四個，并控制好它們的邏輯和一致性。一個網站或著陸頁的最大標題（可能出現在主頁面的第一塊）可以隨心所欲：目前的趨勢是鼓勵有表現力的排版。但是，確保你的標題的其余部分不要太大，因為太大的文字和太小的文字一樣難以閱讀。

　　現在說下正文。瀏覽器的默認設置（以 Chrome 瀏覽器為參照），會以 16px 大小顯示每個文字。這個大小閱讀起來是相當舒服的，但我傾向于主文字用不小于 17px，附加文字用 14px。保留 12px 作為最小的尺寸，而較小的尺寸由于視力問題或顯示器不好而變得幾乎無法閱讀。記住，要避免近似的尺寸，不要在同一段中使用 16px 和 17px，這樣會給產品的外觀帶來混亂和視覺上的不協調，可能會讓人誤以為是錯誤。

　　4. 行高

　　很少可以直接利用默認行高。通常情況下，必須比默認值稍大一些來提高可讀性。這對于大的文本塊尤其如此：博客、文章、網站或移動應用的信息塊。同樣的方法也適用于標題：確保字母上下不會互相碰觸。

　　5. 內容的層次

　　應使用加粗來突出顯示文本的重要部分，包括標題、鏈接和按鈕，有時也包括文本中被強調的部分。但如果所有文本內容都被加粗，就會變得不清楚該看哪里，分不清哪些部分更重要。內容需要有一定的層次性。

　　6. 文字對比度

　　在設計中要特別注意文字的顏色。它應該有足夠的對比度，這樣文字在任何類型的顯示器上都可以易讀。這對于經常使用淺灰色的輸入字段中的占位符尤其重要。

　　間距和邊距

　　負空間（元素之間的“空氣”）對于一個好的設計是必不可少的。留白有助于理清元素之間的關系，提升節奏和平衡感。

　　1. 去掉多余的框和線

　　將多個模塊分開的最簡單的方法是使用一個框或 1px 線。但這還不是最好的方法。我見過一些設計作品，框里有框，每個框都有 1px 框線。在這種情況下，你需要停下來思考：這樣做真的合適和必要嗎？如今的界面往往到處都是卡片：電商平臺里商品的卡片，動物護理應用里的卡片，外賣 APP 里披薩餐廳的卡片。

　　有時使用 1px 的邊框是合理的，但也有其他方法來區分這類元素，比如陰影或間距。最主要的是，卡片之間的外邊距應該大于卡片內填充元素的內邊距。去掉任何元素上不必要的框架，就可以為內容節省空間。畢竟，內容才是任何產品最重要的部分，所以不要沒理由的去掉特地為它預留的空間。

　　2. 元素層級

　　邊距有助于從視覺上確定一個元素是否屬于另一個元素。讓我們考慮一下新聞網站上的一篇文章的布局。假設它由一張圖片、一個標題、3-4 行預覽文本和發布日期組成。標題應該與內容成為一組，日期的邊距應該比標題和文字之間的邊距略大一些。最后，圖片應該和標題-文本單元的日期一樣，甚至更遠。

　　3. 少即是多

　　總有一個客戶或者經理要求所有的信息必須塞進一個區塊或者一張界面上。所以，標題、電話，以及整個菜單、優惠信息都要塞進去。還有，別忘了一個大大的 LOGO。我不怎么會談判，也想不出如何讓他們輕易改變主意的辦法。

　　但至少你可以這樣說：用戶一次接收的信息越少，他就越容易采取行動（例如，打一個電話）。循序漸進的信息接收，可以確保更容易、更愉悅的用戶體驗。不要讓用戶在識別你的界面布局時遇到困難，而一堆元素堆積在一起是很難產生美觀愉悅的體驗。

　　4. 不均勻的邊緣邊距

　　如果你在制作海報、banner或我們最喜歡的卡片時，要注意邊緣的邊距。如果你以經典的從左上角到右下角的方式來布局內容，那讓頂部的邊距比左側的邊距稍大一點，看起來會比四面均勻的邊距更加舒服，美觀。

　　顏色和配圖

　　圖片、圖標和背景決定了產品的基調。圖片應該準確地展示公司、APP 或網站所提供的東西。

　　1. 一些 Logo 的想法

　　我不太經常做 logo，在我的職業生涯中，做了大概 20 個左右的 logo，我的心得是，一個好的 logo 是很難做的。但是，作為一個設計師，只要遵循基本的規則和原則，一定可以制作出一個像樣的 logo。比如精心選擇顏色。

　　有一次，我看到一個叫 「VIP catch 」的漁具店用了一個紫色的 logo。紫色和 「VIP」兩個字的組合，并不能真正讓人產生對釣魚的聯想。一般來說，任何行業都可以用任何顏色，除非有明顯的脫節，比如上面講的那個例子。如果你覺得把圖片（符號）放進 logo 很難，那就不要做，盡量把它做成一個純字體的 logo，少即是多。

　　2. 投影

　　物體的投影絕對不應該是黑色的。投影的顏色永遠都需要結合環境的顏色（彩云注：就想象成界面中有一個太陽光打過來，會反射周圍的環境色，所以會帶有周圍物件的顏色）。物體通常有幾個投影：一個是小而亮的，直接在它的正下方（如果是站著或躺著的東西），第二個是比較模糊、透明的投影。避免項目中臟的、不自然的投影。

　　3. 圖標和配圖

　　凡是可以矢量的東西都應該矢量。所有的圖標，箭頭和 logo 都應該以 SVG 格式（iOS 開發的 PDF 格式）交給開發者。PNG 圖標邊緣模糊，看起來很糟糕，尤其是在視網膜顯示器上。此外，用矢量圖占用內存也較少。

　　4. 關于圖標

　　如果你正在為一個網站或應用開發一套圖標，請確保所有的圖標都屬于一個 「家族」。這意味著相同的筆畫寬度，相同的邊框半徑。檢查一下，確保每個圖標都適合在相同大小的正方形中，并且有相同的視覺重量。如果有些圖標有圓圈，確保這些圓圈的直徑相同。圖標應該有一致的風格。

　　好了，關于電了煙UI設計師的工作內容和基本要求有哪些的相關內容，閱讀了上文小編的介紹，相信大家有所了解了。現在UI設計培訓機構也有比較多，想成為UI設計師的朋友，可以報名學習。