<tbody id="fuft6"><noscript id="fuft6"><video id="fuft6"></video></noscript></tbody>
    <tbody id="fuft6"><noscript id="fuft6"></noscript></tbody>
    <em id="fuft6"><acronym id="fuft6"></acronym></em>
          <button id="fuft6"><acronym id="fuft6"><u id="fuft6"></u></acronym></button>
          首頁技術文章正文

          pc端原型如何畫?產品經理必看

          更新時間:2020-07-30 來源:黑馬程序員 瀏覽量:

            關于原型注意事項的內容,來到了我們最后一篇,怎么做pc端原型?

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

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

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

          pc端原型畫法01

            (圖一)

          pc端畫法02

            (圖二)

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

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


          PC端畫法03

            (圖三)

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

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

          PC端畫法04

            (圖四)

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

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


          PC端原型畫法

            (圖五)

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

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

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

            目前傳智播客的產品經理學科正在火熱招生中,并且上海校區和深圳校區已經全面恢復線下。如果感興趣的小伙伴可以來看看,我們有專業的師資團隊給大家授課,并且輔導大家就業,大家快來吧!


          猜你喜歡

          IOS移動端原型規范

          什么樣的原型是好原型?

          6小時學會打造高逼格原型,你與UI交互大師只差ProtoPie

          產品經理培訓課程

          在線咨詢 我要報名
          和我們在線交談!

          黄色网站片

          <tbody id="fuft6"><noscript id="fuft6"><video id="fuft6"></video></noscript></tbody>
            <tbody id="fuft6"><noscript id="fuft6"></noscript></tbody>
            <em id="fuft6"><acronym id="fuft6"></acronym></em>
                  <button id="fuft6"><acronym id="fuft6"><u id="fuft6"></u></acronym></button>