最近工作中總是發(fā)現(xiàn)自己與UI設(shè)計師溝通不順暢梭灿，想要的效果表達(dá)不清晰。導(dǎo)致整個項目的界面圖感覺十分違和，開始學(xué)習(xí)UI方面的知識。刷課刷了一個月燥透，效果十分明顯，基本上可以跟UI設(shè)計師愉快而又專業(yè)的溝通啦吱韭，學(xué)了些小技巧還能帶著UI飛~
1.產(chǎn)品經(jīng)理吆豹，為什么要懂點UI設(shè)計痘煤？
懂點設(shè)計原理，更好的和設(shè)計師溝通
讓設(shè)計師更準(zhǔn)確的把握產(chǎn)品格調(diào)
學(xué)習(xí)過程
（1）刷課，學(xué)習(xí)地圖：基礎(chǔ)概念 → 設(shè)計規(guī)范 → 審美 → 提升用戶體驗 → 品牌設(shè)計哼勇。
（2）看書：
入門：設(shè)計心理學(xué)（1-4）先誉，寫給大家看的設(shè)計書
進(jìn)階：About Face 4 交互設(shè)計精髓、用戶體驗的要素
超越：簡約至上：交互設(shè)計四策略渴庆、社會心理學(xué)铃芦、情感化設(shè)計—移動應(yīng)用的設(shè)計與開發(fā)
2.關(guān)于設(shè)計的思考
（1）設(shè)計是從有效輸入開始
設(shè)計師的有效輸入是從臨摹開始，在臨摹中思考耸弄。產(chǎn)品經(jīng)理不需要實際操作咧虎，有效的輸入是看大廠產(chǎn)品的界面和產(chǎn)品定位巧妙結(jié)合。
在不知道UI方面知識之前计呈，從來不知道為什么這個App主題色是這樣的老客？為什么App會采用這樣的icon樣式僚饭？
舉個例子，永輝超市選用橙色作為主題色胧砰，其主要的用戶群體是以家庭為主的女性用戶鳍鸵。一般來說，女性喜歡偏亮色尉间，男性喜歡偏暗色偿乖。永輝超市的橙色是給人是溫暖的、舒適的哲嘲，很符合其產(chǎn)品女性群體的定位贪薪。
（2）UI設(shè)計是有邊界，重視UI規(guī)范
UI設(shè)計不是天馬行空的眠副，有UI規(guī)范約束的產(chǎn)品更有一致性画切、整體性。按鈕囱怕、文字等都需要有統(tǒng)一的規(guī)范霍弹，細(xì)節(jié)處的一致性更是展現(xiàn)品牌的穩(wěn)定性。
如還沒有UI規(guī)范娃弓，產(chǎn)品經(jīng)理需給UI設(shè)計師施于一定的壓力典格，哪怕是簡易版本，基本的字號大小台丛、主題色耍缴、輔助色的規(guī)定，彈窗樣式等挽霉。
產(chǎn)品經(jīng)理驗收時防嗡，除了查看有無功能錯漏，更需要注意細(xì)節(jié)的檢查侠坎。如字體是否顯示有序蚁趁，按鈕注意顏色是否突兀……
（3）格式塔心理學(xué)理論應(yīng)用硅蹦，使界面被正確的認(rèn)知
格式塔心理學(xué)理論比較龐雜荣德，用在UI設(shè)計中闷煤，簡單理解：人看圖片是一開始看到的是眼睛和大腦處理過的簡單整體童芹，而后才是細(xì)節(jié)。
在一個界面里鲤拿，人只能接收少數(shù)不規(guī)則的視覺信息假褪，太多的不規(guī)則信息如大腦無法形成整體認(rèn)知，從而會覺得界面不友好近顷。
所以生音，產(chǎn)品經(jīng)理判斷：
界面的信息第一眼是否呈現(xiàn)成易理解的整體宁否？
相似信息是否保持整體性和一致性（大小、形狀缀遍、色彩）慕匠？
相似內(nèi)容（文字舞竿、按鈕）要合理布局奠骄，有序排版赫悄，表達(dá)清楚內(nèi)容之間的關(guān)系邮破，是從屬關(guān)系還是平行伴逸、遞進(jìn)關(guān)系顶掉？
信息指引是否精準(zhǔn)傳達(dá)梗夸，視覺的焦點是否在主要內(nèi)容羞迷？
（4）審美的開始是審丑
先要知道什么是丑的設(shè)計减宣，這里不是指個人審美的美丑盐须，而是是否符合產(chǎn)品調(diào)性，是否符合基本的美學(xué)原理漆腌。如排版清晰有序贼邓，不干擾信息的獲取或閱讀，是否帶有時代的痕跡（過時）等屉凯。
眼界是一個人審美的上限立帖，平時要多注意提高審美。去看大量好的設(shè)計悠砚，看能接觸到的最美設(shè)計晓勇，如一些國際設(shè)計大獎的獲獎作品。
關(guān)于色彩
（1）每個色彩都有冷暖
了解色盤灌旧，基本的冷色绑咱、暖色是什么感覺，可能有工作很多年的設(shè)計師也不清楚如何判斷冷色枢泰、暖色描融。同樣的橙色，往黃色方向偏點就是暖色衡蚂；往綠色方向就是冷色窿克。
一個界面里是冷冷色搭配、暖暖色搭配毛甲，才會和諧年叮、舒適、順眼玻募。
（2）色彩是有味道的——酸甜苦辣咸
紅色是熱情又侵略的只损，黃色是陽光、希望，藍(lán)色是和平跃惫、穩(wěn)定叮叹，白色是簡潔、干凈爆存，黑色是詭異蛉顽、奢華……每種顏色都有不同的味道，可以營造不同的氛圍先较。
看設(shè)計圖時蜂林，產(chǎn)品經(jīng)理需著眼整體氛圍，根據(jù)其具體的色彩情緒去判斷是否符合產(chǎn)品要求拇泣。
隨意從網(wǎng)易云音樂中截取了兩張輪播圖噪叙，同樣是紅色，前者是漫威的宣傳霉翔，紅黑搭配有熱血的氛圍睁蕾，黃色點睛；后者是Blossoms的輕音樂债朵，歌曲清新自然子眶，紅白的搭配營造清新的韻律。
這就是氛圍的營造序芦，試想下臭杰，這兩者紅色反過來搭配，會及其不協(xié)調(diào)谚中，氛圍很詭異渴杆。
（3）配色是可數(shù)據(jù)化
有一個小技巧，可以搭配出統(tǒng)一風(fēng)格的配色——HSB調(diào)色法宪塔。
HSB又稱HSV磁奖，表示一種顏色模式：在HSB模式中，H（hues）表示色相某筐，S（saturation）表示飽和度比搭，B（brightness）表示亮度HSB模式對應(yīng)的媒介是人眼。
HSB模式中S和B呈現(xiàn)的數(shù)值越高南誊，飽和度明度越高身诺，頁面色彩強(qiáng)烈艷麗，對視覺刺激是迅速的抄囚，醒目的效果霉赡，但不益于長時間的觀看。
在PS中怠苔，色相就是色盤同廉，0°—360°仪糖，飽和度和亮度都是0%—100%柑司。輸入有規(guī)律的數(shù)值（整十迫肖、正數(shù)），可以得到有規(guī)律的色彩攒驰，調(diào)配出有規(guī)律的統(tǒng)一的顏色蟆湖。
有興趣的小伙伴可以打開PS嘗試一下，看看輸入同樣的飽和度玻粪，有規(guī)律的輸入不同的色相隅津、亮度，會有怎樣的變化劲室。與之前憑感覺的色彩搭配相比是不是更穩(wěn)定伦仍，更有規(guī)律可循？
以上就是近期學(xué)習(xí)UI的心得很洋，再總結(jié)下：
（1）設(shè)計是從有效輸入開始
（2）UI設(shè)計是有邊界充蓝，重視UI規(guī)范
（3）格式塔心理學(xué)理論應(yīng)用，使界面被正確的認(rèn)知
（4）審美的開始是審丑
（5）關(guān)于色彩：每個色彩都有冷暖喉磁；色彩是有味道的——酸甜苦辣咸谓苟；配色是可數(shù)據(jù)化
如果喜歡我的文字，如果你也是產(chǎn)品小白协怒，一起升級打怪啊~
作者：xlin涝焙，公眾號：曉途
