『壹』 如何設計實現真正的響應式微服務系統
一、清晰輕量的產品邏輯
奧卡姆剃須刀法則同樣在產品架構設計中適用，越簡單的架構越有利於產品的生長。清晰輕量的產品邏輯，會減少用戶的負擔感，從而提高交互上的效率和愉悅感。
分析Material Design，會發現Google歸納了兩類復雜內容信息的層級關系，分別是Card和Tile（List
以及其他相似定義屬於同類的內容信息層級），其他定義多用於UI結構及細節。其中，Google定義Card是一種多功能信息的聚合入口，信息層級應較
高，體現在Z軸應高於其他信息，視覺上有陰影表現並加以圓角處理。而tile（或同類信息列表）則是（同類或相關）信息的模塊展現，信息層級應較低，體現
在Z軸應略低於其他信息，視覺上應無陰影表現不加圓角處理。其結果是從視覺層面讓產品對象更高效、更簡單，同時也更具物理世界的「真實感」。
最近接手的項目是Gekec.com的全站改版。Gekec（革客）是Geek和Maker交集，喜歡革新，喜歡技術范兒、新潮的科技消費品，喜歡
自己動手創造產品，Gekec.com也就是這類人的聚集地，整個產品囊括電商、資訊（或h5宣皮隱傳）、拆機、以及社區討論等各種功能，改版前邏輯復雜，功
能繁多。改版開始之初，筆者了解到革客群體時，便認為理性加濃重Geek味道的Google風格或許是最適合Gekec.com的視覺體系，然而復雜的產
品邏輯不能給用戶帶來高效的交互體驗和愉悅的使用感受，視覺上也並不能很好的通過Material
Design推演並且變化，所以梳理出清晰、輕量且方便視覺統一的產品邏輯成為第一任務。
Gekec.com的產品全功能在此並不贅述，孝握團Proct Feature全部為達成宜家式的體驗式設計，經過梳理可以歸納成三層，首層為體驗層（多入口的首頁封面）、第二層為貨架層（包括商城模塊、拆機模塊、體驗模塊）、第三層為詳細、操作層；
如上圖，輕量的產品結構即可方便設計的推演。例如其中第一層可以通過H5靈活排版做產品全方位體驗，第二層與第三層的關系即可利用Material
Card和Tile表現。Card表達了全部信息的聚合和入口，tile則表現同類信息的羅列。從card跳轉到最終頁應有一種卡片展開的體驗。
二、適宜UI推演的響應辦法
在產品邏輯清晰簡潔的基礎上，一套適宜Material Design變化的全尺寸響應辦法就成為復雜響應式網頁設計的核心內容，響應辦法能夠直接決定功能模塊的響應邏輯以及UI的變化。實際操作中，響應辦法的確定主要就是確定柵格和佔比。
1）柵格
網頁柵格系統是從平面柵格系統中發展而來。對於網頁設計來說，柵格系統的使用，不僅可以讓網頁的信息呈現更加美觀易讀，更具可用性。而且，對於前端
開發來說，網頁將更加的靈活與規范。柵格系統的具體含義以及使用方法在此不再贅述，感興趣的朋友可以參考淘寶UED的一些文章：
網頁柵格系統研究（1）：960的秘密
網頁柵格系統研究（2）：蛋糕的切法
網頁柵格系統研究（3）：粒度問題
網頁柵格系統研究（4）：技術實現
在Gekec.com的項目中，經歷產品功能模塊的梳理，筆者使用了12柵格系統，目的是能夠滿足2、3、4、6的頁面等分。註：具體柵格系統的建立應因產品和設計所決定，柵格系統並不是萬能的，而確定的柵格系統可以為整個響應式設計做規范性參考。
2）巧橘佔比
A.佔比
如上文說，12柵格約束網頁的內容區，而網頁的內容往往並不佔據屏幕的全部寬度，而是在兩側留有間隙，營造空間感。由於屏幕的限制，這種空間感在移動端設備顯得更加重要，如圖，然而強加固定的margin pixel會使得12柵格佔比不定，難以控制設計效果。
所以佔比應是12柵格寬度對應屏幕的比值，即：
12柵格寬度X佔比=屏幕寬（臨界點）
優秀而巧妙的佔比確定可以讓網頁設計呈現在各個主流屏幕上均是100%像素。
這里簡單解釋一下，若一個200px寬的元素在1200px寬的屏幕上，其佔比為16.67%，同樣的邏輯，到1024px的屏幕上這個佔比
16.67%的元素即占據了170.67px，這樣的情況下，某一個物理像素無法佔據100%，在完美主義的設計師眼裡，是無法接受的事情。而巧妙的占
比，可以讓元素在各個主流屏幕占據100%像素，完美展現設計意圖。
B.臨界點
臨界點（breakpoint）是指響應式網頁發生布局變化的關鍵點，如「當屏幕寬度小於480px時載入...樣式，當寬度在480px-
600px之間時載入…樣式」。響應式網頁理論上有無數種尺寸，我們不可能也沒有必要為每個尺寸都去做設計，需要做的是選定幾個臨界點做設計，在兩個臨界
點之間是延續上一個臨界點的布局。
臨界點確認總體目的就是為了保證頁面在手機（屏幕很小）、平板（屏幕中等）、PC（屏幕大）上載入相應的樣式，然而經驗較少的設計師往往會苦惱一個
問題，那就是高像素的手機屏幕和低像素的平板屏幕應如何處理。例如設計師會擔心1080p的手機載入大屏幕頁面，或者720p的平板載入小屏幕頁面。
但需要注意的是，響應式網頁不同於APP的屏幕適配。網頁是沉浸於瀏覽器的產品，瀏覽器所啟動的屏幕像素才可以被認為是臨界點的參考點，為此，筆者
做了一些測試，如下表，可以看出不少1080p手機在瀏覽器中僅啟動360px，而神奇的ipad無論是不是retina屏幕，無論是不是mini，均顯
示1024x768px 。
『貳』 公司開始採用微服務架構，研發團隊應該做哪些相應的人員調整
題主你好，我是Ghostcloud的架構師，你這個問題可以參考一個定律——康威定律。
在開發微服務中康威定律起到了很大的作用。康威定律指出任何軟體代碼都是用來反映組織機構而產生的，如果要採用微服務的開發方法，就需要是把團隊劃分成多個小團隊，由每個小團隊負責一個或多個微服務。所以如果要轉成DevOps和CI/CD的開發模式，就需要採用這種敏捷開發模式，一個團隊7-8個人比較合適。
題主的公司一定是在用Docker相關的技術吧，按理說這三者現在都成鐵三角了哈哈哈。