01
來源：公眾號 浪子講原型
標(biāo)題：Web產(chǎn)品的原型尺寸需要遵循什么規(guī)范？https://mp.weixin.qq.com/s/zKTSgB69LP420eEJhDqKSg
總結(jié)：
（1）這篇文章非常棒，詳細(xì)解釋了為什么產(chǎn)品原型尺寸要設(shè)置成1200px/1280px/1400px等寬度尺寸。以及是不是所有的Web產(chǎn)品都應(yīng)該用這樣的尺寸。
有人會問，為什么要考慮這兩個問題呢，畫好原型交給UI不就好了。考慮到下一步設(shè)計上會遇到的困難，在和UI溝通的時候，才能明白對方在說什么，UI的哪些地方是可以借鑒的。假如在這些方面，把設(shè)計一步做到位，就能減少同事之間的溝通成本。對產(chǎn)品本人來說，也是一種成長。這樣如果以后要獨立承擔(dān)什么項目時，才能考慮到這些小細(xì)節(jié)。
（2）為什么應(yīng)該用這樣的原型尺寸？
產(chǎn)品在容器內(nèi)部，所以要看產(chǎn)品的可顯示區(qū)域在哪里>>>就要看>>>容器的可展示區(qū)域在哪里。
（名詞解釋：容器，也叫Web容器，自己的產(chǎn)品是顯示在相應(yīng)容器內(nèi)部并且依賴容器展示界面和功能。）
比如web網(wǎng)頁端產(chǎn)品的容器展示區(qū)域是我們電腦顯示界面 減去? 網(wǎng)站標(biāo)簽欄? 減去 電腦的任務(wù)欄 再減去 進(jìn)度條區(qū)域的部分。
產(chǎn)品經(jīng)理需要遵循的原型尺寸就是默認(rèn)的可顯示區(qū)域。
如果容器支持縮放大小，意味著要考慮原型在不同大小展示區(qū)域下的布局效果。（比如建站時要考慮到PC端的web瀏覽器上怎么顯示，手機上怎么顯示。由于手機的屏幕小很多，在手機上看瀏覽器大小的網(wǎng)站只能顯示一部分，字也很小，所以手機端的網(wǎng)站布局要稍微調(diào)整一下，開發(fā)時也必須給手機網(wǎng)站做一個自適應(yīng)。）
最小的展示區(qū)域，往往是默認(rèn)的原型尺寸。部分產(chǎn)品可以縮放得更小，此時展示左上區(qū)域或者頁面模塊按一定規(guī)則縮小。
為了保證用戶的電腦可以查看完整的原型，所以Web產(chǎn)品原型尺寸需要小于用戶電腦當(dāng)前的分辨率(可在電腦配置中進(jìn)行調(diào)整)。因此調(diào)研時要考慮到用戶平時使用的電腦都是什么分辨率，不同的行業(yè)使用的電腦當(dāng)然不一樣，互聯(lián)網(wǎng)行業(yè)的電腦一般配置不會太差，有的傳統(tǒng)行業(yè)的小企業(yè)對電腦的高精尖并沒有多大的要求，這個時候，他們的電腦可能還在用十幾年前的臺式機，給這些企業(yè)建站時都要考慮到這些細(xì)節(jié)。
同樣，為了保證項目的設(shè)計&開發(fā)&測試等童鞋可以查看完整的原型，所以我們需要考慮下他們的屏幕分辨率，這也能減少不必要的溝通成本。
【電腦分辨率? ?來源 https://www.cnblogs.com/xiaobai-y/p/10556752.html】
高度會根據(jù)頁面內(nèi)容多少而經(jīng)常不同。對于首頁等主要頁面，PM最好考慮首屏內(nèi)需要露出核心功能內(nèi)容。此時還需要減掉菜單欄&標(biāo)題欄&網(wǎng)址欄&書簽欄等高度。
02
騰訊視頻網(wǎng)頁版禁止截圖，微信截圖后截到的圖長這樣：
03
產(chǎn)品需要業(yè)務(wù)閉環(huán)，剪輯也需要邏輯閉環(huán)。
仔細(xì)想想確實是這樣，剪輯就是要給大眾呈現(xiàn)一個故事，如果把事情像流水賬一樣展示在大眾面前，先不說幾十分鐘到一個半小時的播放時間能不能放完，對觀眾來說可看性肯定不佳。
剪輯師通過一些剪輯手法，將錄制現(xiàn)場進(jìn)行二次創(chuàng)作，讓嘉賓的每句話有起因、經(jīng)過、結(jié)果，每個行為一環(huán)扣一環(huán)。
產(chǎn)品經(jīng)常也要畫的流程圖也是這樣，每個業(yè)務(wù)的分支都要形成閉環(huán)。
感想：
每天會看很多文章，文章內(nèi)容發(fā)人深省，會覺得這里好那里好，然后放進(jìn)收藏夾吃灰。放進(jìn)收藏夾后很多文章再也沒翻過。每天一篇讀書筆記，用輸出的形式解構(gòu)好文章，摘抄有用的部分，寫下自己的感想和總結(jié)。
當(dāng)我給知識添加上自己的情緒標(biāo)簽，似乎會對這個知識掌握得更牢固些。好像曾經(jīng)經(jīng)歷過的事情，未來都會派上用場。雖然不知道這些知識什么時候能用到，勤寫勤練總是沒錯的。
