A. 產品與UI設計
2021年6月7日
作為一個IT人員，我們幾乎每天都能聽到UI設計和UI設計師這兩個詞，那該正面理解這兩個詞呢？
先說明我是IT人員，我並不能對UI設計評頭論足。我們先來看看網路是如何定義的UI設計，網路上是這樣說的：UI設計（或稱界面設計）是指對軟體的人機交互、操作邏輯、界面美觀的整體設計。UI設計分為實體UI和虛擬UI，互聯網常用的UI設計是虛擬UI，UI即User Interface(用戶界面)的簡稱。好的UI設計不僅是讓軟體變得有個性有品位，還要讓軟體的操作變得舒適簡單、自由，充分體現軟體的定位和特點。UI設計師不難理解就是做UI設計的人員。
不知道大家看了網路的定義有什麼想法，反正我關注到了幾個詞人與機器、邏輯、美觀、簡單。簡單說說這幾個詞吧，人與機器這其實對UI設計服務的兩個對象進行了說明，那就是人與機器兩個大的服務對象。然後就是邏輯，邏輯是需要保證功能的完整，而不能從邏輯上出現殘缺。接著是美觀，這里是主觀意識最強的地方，因為不同的人群和場景對於美觀的定義都不一樣，沒有標准答案。最後是簡單，這里的簡單不是說產品不能復雜，而是需要易學凱帶易上手，不能讓我們客戶拿到產品後需要花很多的時間去學習，最好的產品就是不需要培訓，用戶拿到手上就會用的產品，這才是簡單的價值。
以上我對於UI設計的理解也不是絕對的答案，只能代表我自己對於這幾個詞的觀點和理解。
拋開定義，作為產品經理的我們來看看在實際項目當中如何選擇UI設計圖。我出生於IT專業，產品經理的工作也是首次接觸，本文的目的也主要是思考和記錄。也因為本人不是產品行業從業時間很長的專業產品經理，我也只能聊聊我膚淺的想法。
我是在實際項目當中才開始思考UI設計與產品的關系，因為不同設計師以及他們對於產品的理解都不一樣，他們所設計出來的風格也能千差萬別。在我實際項目當中，我們是找專業的UI設計公司來設計產品的，當我們第一次溝通完後，UI公司設計了好幾種UI風格，但效果卻差強人意。這當中出現的問題是我們過分的放任UI設計公司，讓他們完全自由發揮了。因為他們不知道我們到底需要什麼，所以才會給出來的東西和我們要的有比較大的差異。
有了第一次的經驗，我們就對設計的產品提了很多具體的意見，所以我們拿到的第二版就和我們要的東西就差不太多了。對於這一點的關鍵是如何與UI設計師溝通的問題，我們既不能提過多具體的要求來框住設計師，又要表述清楚我們對產品的定義和理解，還要描述清楚產品面對的不同人群和使用場景，包括人群的一些共性也要描述清楚。只有這樣才能盡量縮短溝通的時間，讓盡量少的出現顛覆性修改的情況，畢竟時間成本也是非常重要的。
上面提到了產品的定義和理解需要傳遞給設計師，這其間包括產品的設計理念、要解決的問題、要解決的核心問題、核心數據、不同終端的定義、產品的定義、產品個性、產品色系等等，這些都需要我們非常清晰和明確的傳遞給設計師。就拿產品個性來說，我們定位在科技感；然後拿產品色系來說我們把安卓定義為中性色系，PC定義為偏冷色系以及個性突出等等。
我還提到了要把使用人群和使用場景也傳達給設計師，這里不僅僅是告訴他們就完了，往往我們還需要和他們解釋並聊一些人群共性。因為你是產品經理，你對產品進行了充返孫賣分的調研，對人群進行了深入分析的，所以對於場景和人群其實你是最了解的那個人。尤其是人群和場景結合起來產生的一些特性，甚至於一漏逗些心理特徵都可以好好聊一聊。比如健身房的儲物櫃主要是管理員、健身教練、健身者三個群體，他們對於使用的時間段和方式都不一樣，這些我們都可以和UI設計師說清楚。
其實我覺得好的產品是離不開好的產品經理、好的UI設計師以及好的執行團隊。團隊內部有效的溝通、團結的氣氛是很重要的。另外我認為產品與UI設計最重要的要素是溝通，至於如何選擇UI設計圖，溝通到位了，自然就是我們要的。
對於產品與UI設計的關系，本文僅限記錄一些我初淺的理解，歡迎大家評論，謝謝！
B. UI設計師如何與產品經理以及開發協同合作
一般工作流程是：
1.產品經理(PM)提出產品方面的需求，輸出PRD(產品需求文檔)和原型圖，並發起需求評審會議。
2.交互設計師接到PRD文檔後進行梳理和確認，將模糊的需求和功能具體化，製作出低保真交互流程圖和頁面的結構信息框架，並以文字標注的形式進行交互說明，最終輸出交互規範文檔，並召開交互評審會議。
3.UI設計師接到交互文檔後，第一步並不是馬上動手去做，而是要先對需求進行理解，理解該產品的功能內容是什麼?服務的人群有哪些特徵?產品的目標是什麼等等。有疑問的地方及時與PM或交互設計師進純碧行溝通，最終達成對產品目標的一致理解;第二步，找競品。對競品的色彩搭配、結構布局、icon設計、字體規范等方面進行研究和分析，可作為參考借鑒，但不要抄侍睜襲;第三步，視覺設計。到這一步就可以真正開始動手做了，按照產品的需求，對重要功能和內容進行突出，弱化次要內容，注意整個頁面的層級結構和比例關系，保持美觀性和易用性之間的平衡。設計過程中參照移動端和PC端的設計規范，遵循一致性設計原則。
第四步，交付。在與PM和設計主管確認設計稿ok後，對頁面進行標注和切圖的輸出。切圖根據需要，對於iOS系統，需要提供1倍圖、2倍圖、3倍圖，同時注意切圖的命名規范(網上有很多關於切圖命名規范的文章，這里不再贅述);對於android系統，主要提供hdpi、xhdpi、xxhdpi、xxxhdpi尺寸的切圖，特殊情況還需老褲歲要提供點九圖。
4.開發工程拿到標注稿和切圖後，對開始對頁面框架進行搭建。這時候，UI設計師的工作並沒有結束，跟進和驗收也是UI設計工作的重要組成部分，即要保證設計稿的還原度。中途若出現問題，也要及時配合開發小夥伴一起解決。一個優秀的UI設計師，除了關注設計執行上的工作以外，前期的設計規劃和後期的迭代跟進同樣需要關注。
以上就是青藤小編關於UI設計師如何與產品經理以及開發協同合作的相關分享，希望對大家有所幫助，如果您想要了解更多相關內容，歡迎大家及時在本平台進行查看哦!