職場攻略!產品經理為什麼要懂UI設計?

2021-10-01 08:49:15 字數 2620 閱讀 6762

最近工作中總是發現自己與ui設計師溝通不順暢,想要的效果表達不清晰。導致整個專案的介面圖感覺十分違和,開始學習ui方面的知識。刷課刷了乙個月,效果十分明顯,基本上可以跟ui設計師愉快而又專業的溝通啦,學了些小技巧還能帶著ui飛!今天,我就來說說產品經理為什麼要懂點ui設計。

1、產品經理為什麼要懂設計?

l 懂點設計原理,更好的和設計師溝通

l 讓設計師更準確的把握產品格調

2、學習過程

刷課,學習地圖:基礎概念 → 設計規範 → 審美 → 提公升使用者體驗 → 品牌設計。

看書:l 高階:about face 4 互動設計精髓、使用者體驗的要素

l 超越:簡約至上:互動設計四策略、社會心理學、情感化設計—移動應用的設計與開發

3、關於設計的思考

(1)設計是從有效輸入開始

設計師的有效輸入是從臨摹開始,在臨摹中思考。產品經理不需要實際操作,有效的輸入是看大廠產品的介面和產品定位巧妙結合。

舉個例子,永輝超市選用橙色作為主題色,其主要的使用者群體是以家庭為主的女性使用者。一般來說,女性喜歡偏亮色,男性喜歡偏暗色。永輝超市的橙色是給人是溫暖的、舒適的,很符合其產品女性群體的定位。

(2)ui設計是有邊界,重視ui規範

ui設計不是天馬行空的,有ui規範約束的產品更有一致性、整體性。按鈕、文字等都需要有統一的規範,細節處的一致性更是展現品牌的穩定性。

如還沒有ui規範,產品經理需給ui設計師施於一定的壓力,哪怕是簡易版本,基本的字型大小大小、主題色、輔助色的規定,彈窗樣式等。

產品經理驗收時,除了檢視有無功能錯漏,更需要注意細節的檢查。如字型是否顯示有序,按鈕注意顏色是否突兀……

(3)格式塔心理學理論應用,使介面被正確的認知

在乙個介面裡,人只能接收少數不規則的視覺資訊,太多的不規則資訊如大腦無法形成整體認知,從而會覺得介面不友好。

所以,產品經理判斷:

l 介面的資訊第一眼是否呈現成易理解的整體?

l 相似資訊是否保持整體性和一致性(大小、形狀、色彩)?

l 相似內容(文字、按鈕)要合理布局,有序排版,表達清楚內容之間的關係,是從屬關係還是平行、遞進關係?

l 資訊指引是否精準傳達,視覺的焦點是否在主要內容?

(4)審美的開始是審醜

先要知道什麼是醜的設計,這裡不是指個人審美的美醜,而是是否符合產品調性,是否符合基本的美學原理。如排版清晰有序,不干擾資訊的獲取或閱讀,是否帶有時代的痕跡(過時)等。

眼界是乙個人審美的上限,平時要多注意提高審美。去看大量好的設計,看能接觸到的最美設計,如一些國際設計大獎的獲獎作品。

4、關於色彩

(1)每個色彩都有冷暖

了解色盤,基本的冷色、暖色是什麼感覺,可能有工作很多年的設計師也不清楚如何判斷冷色、暖色。同樣的橙色,往黃色方向偏點就是暖色;往綠色方向就是冷色。

乙個介面裡是冷冷色搭配、暖暖色搭配,才會和諧、舒適、順眼。

(2)色彩是有味道的——酸甜苦辣鹹

紅色是熱情又侵略的,黃色是陽光、希望,藍色是和平、穩定,白色是簡潔、乾淨,黑色是詭異、奢華……每種顏色都有不同的味道,可以營造不同的氛圍。

看設計圖時,產品經理需著眼整體氛圍,根據其具體的色彩情緒去判斷是否符合產品要求。

隨意從網易雲**中擷取了兩張輪播圖,同樣是紅色,前者是漫威的宣傳,紅黑搭配有熱血的氛圍,黃色點睛;後者是blossoms的輕**,歌曲清新自然,紅白的搭配營造清新的韻律。

這就是氛圍的營造,試想下,這兩者紅色反過來搭配,會及其不協調,氛圍很詭異。

(3)配色是可資料化

有乙個小技巧,可以搭配出統一風格的配色——hsb調色法。

hsb又稱hsv,表示一種顏色模式:在hsb模式中,h(hues)表示色相,s(saturation)表示飽和度,b(brightness)表示亮度hsb模式對應的媒介是人眼。

hsb模式中s和b呈現的數值越高,飽和度明度越高,頁面色彩強烈艷麗,對視覺刺激是迅速的,醒目的效果,但不益於長時間的**。

在ps中,色相就是色盤,0°—360°,飽和度和亮度都是0%—100%。輸入有規律的數值(整

十、正數),可以得到有規律的色彩,調配出有規律的統一的顏色。

有興趣的小夥伴可以開啟ps嘗試一下,看看輸入同樣的飽和度,有規律的輸入不同的色相、亮度,會有怎樣的變化。與之前憑感覺的色彩搭配相比是不是更穩定,更有規律可循?

以上就是我總結的學習ui的心得,再總結下:

l 設計是從有效輸入開始

l ui設計是有邊界,重視ui規範

l 格式塔心理學理論應用,使介面被正確的認知

l 審美的開始是審醜

l 關於色彩:每個色彩都有冷暖;色彩是有味道的——酸甜苦辣鹹;配色是可資料化

如今,現在越來越多的企業開始注重互動設計、使用者測試方面的投入,ui設計師就業前景會越來越廣闊。如果你真的已經下定決心從事ui設計,那就不要再猶豫了,趕快加入學習。

你知道產品經理為什麼需要懂技術嗎?要懂到什麼程度

產品思維導圖 產品功能 序號優先順序 需求名稱 需求描述 1.高 產品經理的業務梳理能力 此項能力尤其重要 需明確公司長期目標與短期目標 熟知系統當前邏輯,業務資料流轉流程 熟悉每個業務環節的判斷規則 熟悉修改後的從資料到判斷邏輯影響的周邊系統以及功能 熟悉競品的優缺,加以融合利用,畢竟站在巨人的肩...

產品經理要懂多少技術

產品經理是個辛苦的工作,除了要最熱愛產品,練功坐禪研究使用者體驗外,還要和一大堆人打交道 寫 的,做設計的,搞運營的,做市場的。前兩類人算是藝術家,自然會帶點藝術家特有的奇葩氣質,第一類人又是和產品經理打交道的人裡面最聰明的,乙個不小心,沒準就被程式猿們劃入 白痴 族群,作為茶餘飯後鄙視的物件。那麼...

產品經理面試 為什麼想做產品經理

身為一名產品經理,一定要做出一款成功的產品,這樣才能算作高手。那麼當面試官問你什麼樣的產品是成功產品時該如何回答呢?請看本篇產品經理面試問答的內容吧!產品經理面試問題 禁忌回答 好玩的產品就是成功的 使用者人數多的就是成功的 能為公司賺錢的就是成功的 ui做得漂亮就是成功的。當然從扯蛋的角度看,這樣...