如果你去問一個畫過PC端原型的產品經理，製作過程中，有沒有什麼規範和注意事項，他可能半天答不上來。他會想著，“我好像是在認真畫的，但好像也確實沒有什麼規範；但要說我是隨便畫的，那我肯定不服氣”！

今天這篇文章，我們主要跟大家介紹一下PC端原型的特點和注意事項。

第一，PC端原型的特點，沒有規範！可能每一個製作PC端原型的產品經理，他們使用的規範都不盡相同，比如說原型整體的寬度、高度，各種導航、按鈕、模組的大小等等，根本沒有統一的標準；比如下面圖一和圖二的兩個PC端原型：

這兩個原型中，產品經理對於原型的細節處理方式有所不同（比如矩形的圓角、字型顏色，按鈕選擇等），但整體的觀感都是挺不錯的。

第二，PC端原型的要求，標準統一。很多產品經理在聽說PC端原型沒有規範之後，就腦洞大開，隨意作畫！看下面圖三的原型：

明顯是不可以的，首先，同級別按鈕的控制元件，比如圖三中的“查詢”、“匯出”和“新增品牌”按鈕，大小和樣式都需要保持統一，這樣使用者體驗最好；其次，對於細節的處理，不要間距過大或者過小（比如搜尋區域的處理，左側導航的處理等），提升原型整體的觀感。如果你想你的PC端原型被同事喜歡，那就使用統一的標準或者樣式吧。

第三，PC端原型在設計完之後，UI會出效果圖，產品經理應該有自己的審美，能評判效果圖的好壞。有的同學可能會說，這不是UI的事兒麼，跟咱們產品有什麼關係？是，設計圖是UI的工作，但設計圖選稿是產品經理要做的。看圖四中的兩個按鈕，你覺得它可以點選麼？

多數的產品經理都會認為，這兩個按鈕是可以點選的，包括使用者也會這麼認為。但真實的產品設計中，這兩個只是圖示，表示贈送的內容而已，UI設計成了這種效果。如果你是這個產品的負責人，你會選擇這種UI效果麼？不可以，因為使用者體驗不好。

第四，多使用元件庫，提升原型製作的效率；如果一個產品經理是做PC端原型設計的，那他多半經常需要做類似產品的設計，合理利用元件庫，能夠極大的提升原型製作的效率，而且儘可能的保證元件使用的統一性；比如圖五中看到的各類元件，都是PC端原型中常用的：

當然，需要再次強調一下，最好的元件庫是自己做的，很多產品經理喜歡從網上下載各種元件庫，不加修改就直接用，很容易出問題。建議大家平時在工作中，養成最佳化元件庫的習慣，這樣你們製作的原型會越來越好。

第五，其他的細節處理。比如輸入框的提示文字、頁碼、彈窗製作、頁面標題、麵包屑導航等，該設定的，都不能缺失。

今天就跟大家分享上面的五個方面，希望大家在以後製作PC端原型過程中，能夠儘量避免以上提及的錯誤出現，儘量遵守規範去製作。

https：//www。

toutiao。com/i6855154971

550155276/