火星網校
產品經理學會這些UI設計小技巧，還能帶UI飛
發(fā)布時間：2024-04-10 20:12:39 瀏覽量：173次
最近工作中總是發(fā)現自己與UI設計師溝通不順暢，想要的效果表達不清晰。導致整個項目的界面圖感覺十分違和，開始學習UI方面的知識。刷課刷了一個月，效果十分明顯，基本上可以跟UI設計師愉快而又專業(yè)的溝通啦，學了些小技巧還能帶著UI飛！今天，千鋒武漢UI設計培訓小編就來說說產品經理為什么要懂點UI設計。
1、產品經理為什么要懂設計？
l 懂點設計原理，更好的和設計師溝通
l 讓設計師更準確的把握產品格調
2、學習過程
刷課，學習地圖：基礎概念 → 設計規(guī)范 → 審美 → 提升用戶體驗 → 品牌設計。
看書：
l 入門：設計心理學（1-4），寫給大家看的設計書
l 進階：About Face 4 交互設計精髓、用戶體驗的要素
l 超越：簡約至上：交互設計四策略、社會心理學、情感化設計—移動應用的設計與開發(fā)
3、關于設計的思考
（1）設計是從有效輸入開始
設計師的有效輸入是從臨摹開始，在臨摹中思考。產品經理不需要實際操作，有效的輸入是看大廠產品的界面和產品定位巧妙結合。
在不知道UI方面知識之前，從來不知道為什么這個App主題色是這樣的？為什么App會采用這樣的icon樣式？
舉個例子，永輝超市選用橙色作為主題色，其主要的用戶群體是以家庭為主的女性用戶。一般來說，女性喜歡偏亮色，男性喜歡偏暗色。永輝超市的橙色是給人是溫暖的、舒適的，很符合其產品女性群體的定位。
（2）UI設計是有邊界，重視UI規(guī)范
UI設計不是天馬行空的，有UI規(guī)范約束的產品更有一致性、整體性。按鈕、文字等都需要有統(tǒng)一的規(guī)范，細節(jié)處的一致性更是展現品牌的穩(wěn)定性。
如還沒有UI規(guī)范，產品經理需給UI設計師施于一定的壓力，哪怕是簡易版本，基本的字號大小、主題色、輔助色的規(guī)定，彈窗樣式等。
產品經理驗收時，除了查看有無功能錯漏，更需要注意細節(jié)的檢查。如字體是否顯示有序，按鈕注意顏色是否突?！?/p>
（3）格式塔心理學理論應用，使界面被正確的認知
格式塔心理學理論比較龐雜，用在UI設計中，簡單理解：人看圖片是一開始看到的是眼睛和大腦處理過的簡單整體，而后才是細節(jié)。
在一個界面里，人只能接收少數不規(guī)則的視覺信息，太多的不規(guī)則信息如大腦無法形成整體認知，從而會覺得界面不友好。
所以，產品經理判斷：
l 界面的信息第一眼是否呈現成易理解的整體？
l 相似信息是否保持整體性和一致性（大小、形狀、色彩）？
l 相似內容（文字、按鈕）要合理布局，有序排版，表達清楚內容之間的關系，是從屬關系還是平行、遞進關系？
l 信息指引是否精準傳達，視覺的焦點是否在主要內容？
（4）審美的開始是審丑
先要知道什么是丑的設計，這里不是指個人審美的美丑，而是是否符合產品調性，是否符合基本的美學原理。如排版清晰有序，不干擾信息的獲取或閱讀，是否帶有時代的痕跡（過時）等。
眼界是一個人審美的上限，平時要多注意提高審美。去看大量好的設計，看能接觸到的最美設計，如一些國際設計大獎的獲獎作品。
4、關于色彩
（1）每個色彩都有冷暖
了解色盤，基本的冷色、暖色是什么感覺，可能有工作很多年的設計師也不清楚如何判斷冷色、暖色。同樣的橙色，往黃色方向偏點就是暖色；往綠色方向就是冷色。
一個界面里是冷冷色搭配、暖暖色搭配，才會和諧、舒適、順眼。
（2）色彩是有味道的——酸甜苦辣咸
紅色是熱情又侵略的，黃色是陽光、希望，藍色是和平、穩(wěn)定，白色是簡潔、干凈，黑色是詭異、奢華……每種顏色都有不同的味道，可以營造不同的氛圍。
看設計圖時，產品經理需著眼整體氛圍，根據其具體的色彩情緒去判斷是否符合產品要求。
隨意從網易云音樂中截取了兩張輪播圖，同樣是紅色，前者是漫威的宣傳，紅黑搭配有熱血的氛圍，黃色點睛；后者是Blossoms的輕音樂，歌曲清新自然，紅白的搭配營造清新的韻律。
這就是氛圍的營造，試想下，這兩者紅色反過來搭配，會及其不協(xié)調，氛圍很詭異。
（3）配色是可數據化
有一個小技巧，可以搭配出統(tǒng)一風格的配色——HSB調色法。
HSB又稱HSV，表示一種顏色模式：在HSB模式中，H（hues）表示色相，S（saturation）表示飽和度，B（brightness）表示亮度HSB模式對應的媒介是人眼。
HSB模式中S和B呈現的數值越高，飽和度明度越高，頁面色彩強烈艷麗，對視覺刺激是迅速的，醒目的效果，但不益于長時間的觀看。
在PS中，色相就是色盤，0°—360°，飽和度和亮度都是0%—100%。輸入有規(guī)律的數值（整十、正數），可以得到有規(guī)律的色彩，調配出有規(guī)律的統(tǒng)一的顏色。
有興趣的小伙伴可以打開PS嘗試一下，看看輸入同樣的飽和度，有規(guī)律的輸入不同的色相、亮度，會有怎樣的變化。與之前憑感覺的色彩搭配相比是不是更穩(wěn)定，更有規(guī)律可循？
以上就是千鋒武漢UI設計培訓小編總結的學習UI的心得，再總結下：
l 設計是從有效輸入開始
l UI設計是有邊界，重視UI規(guī)范
l 格式塔心理學理論應用，使界面被正確的認知
l 審美的開始是審丑
l 關于色彩：每個色彩都有冷暖；色彩是有味道的——酸甜苦辣咸；配色是可數據化
如今，現在越來越多的企業(yè)開始注重交互設計、用戶測試方面的投入，UI設計師就業(yè)前景會越來越廣闊。如果你真的已經下定決心從事UI設計，那就不要再猶豫了，趕快加入學習。
千鋒武漢UI設計培訓以就業(yè)為導向，依據企業(yè)需求制定課程大綱，內容涵蓋手繪素描、平面設計、Web網頁設計、移動界面設計、交互設計以及C4D三維設計、H5推廣頁面設計等知識點。打造的是既能滿足商業(yè)目標，又能提升產品用戶體驗和設計質量的全鏈路設計師。
來千鋒武漢UI設計培訓機構，教您掌握全方位的UI設計技能，讓您在短短5個月的時間內成為一名優(yōu)秀的UI設計師，獲得豐厚薪資！成就IT夢想！關注“武漢千鋒”微信公眾號，可以免費獲得更多UI設計學習資料。
熱門課程推薦
熱門資訊
-
1. iPhone6的UI設計尺寸規(guī)范，原來如此重要！
想要了解iPhone6界面設計的尺寸規(guī)范嗎？這里為您詳細介紹iPhone6的UI設計尺寸規(guī)范，包括界面尺寸、圖標尺寸、可點擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
-
2. 12個絕佳的UI設計網站，助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設計網站,這些網站不僅可以為你提供靈感,還可以幫助你學習新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設計師的...
-
怎樣可以提升你的UI設計能力!第一個:站酷站酷想必是設計師都知道的一個網站,里面不止有UI設計的資源,還有其他設計的,不如:平面設計、網頁設計、字體...
-
4. 移動端UI設計中常見的5種APP界面類型，你get到了嗎？
通過介紹移動端UI設計中的閃屏頁、引導頁、浮層引導頁、空白頁和首頁等5種APP界面類型，幫助大家更好地了解UI設計的基本知識
-
在移動端設計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設計能夠讓用戶輕松地獲取信息并產生點擊欲望,從而提高點擊率。本文將為你...
-
對于想要提高自己的設計能力和創(chuàng)造力的小白和UI設計師來說,這本書是一個很好的選擇。4.《設計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現代平面...
-
7. 設計中的色彩心理學:淺析中西方色彩的歷史演變與設計應用
摘要:本文探討了色彩的歷史演變和設計應用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設計中的重要性以及新興技...
-
探索零基礎UI設計培訓的時長與薪資前景。了解數字藝術教育領域的專業(yè)課程，以及培訓后的職業(yè)發(fā)展機會。
-
9. 物聯網APP UI設計:創(chuàng)造智能硬件領域的沉浸式體驗
ui設計應該讓用戶一目了然,能夠快速找到所需的信息和功能。在設計過程中,應盡量使用簡潔的圖標、文字和色彩,避免過多的視覺干擾。符合用戶習慣:ui設...
-
10. 武漢UI設計培訓班費用怎么樣？想學UI設計要多少錢？
想了解武漢UI設計培訓班的費用是多少嗎？不知道學UI設計要花多少錢？不妨看看這篇文章，了解UI設計培訓班的學費價格以及學習內容。
最新文章
