1、怎麼把網格系統應用於平面設計中
首先說西式，西式有copy極簡也有極繁瑣，中式也不都是繁瑣，比如明清傢具就非常簡潔，國畫書法也有簡潔，比如說小品。主要的區別在於西方平面設計中網格系統的應用，我認為這是最根本的區別。網格概念其實是一種對感性認知的理性梳理，並非平常人所認為的僵化條框。我以上舉例的明清傢具和國畫書法，其實是中式審美中的一個特徵，單純從平面設計上來說，我認為，目前中國尚無自己的風格，談不上中式
2、網頁ui設計目前還用柵格系統嗎
柵格設計系統（又稱網格設計系統、標准尺寸系統、程序版面設計、瑞士平面設計風格、國際主義平面設計風格），是一種平面設計的方法與風格。運用固定的格子設計版面布局，其風格工整簡潔，在二戰後大受歡迎，已成為今日出版物設計的主流風格之一。
如今，柵格系統也已經被運用到網頁中。它以規則的網格陣列來指導和規范網頁中的版面布局以及信息分布。 對於網頁設計來說，柵格系統的使用，不僅可以讓網頁的信息呈現更加美觀易讀，更具可用性。
3、《平面設計中的網格系統》 誰有這份文檔？
我有這個資料，中文版，不知怎麼分享
4、網頁柵格系統是什麼？我們必須遵循它嗎？
為什麼設計師們都不約而同的採用幾乎相同的布局尺寸呢？這不是巧合，而是遵循著一個規律——柵格系統。 柵格系統英文為「grid systems」，也有人翻譯為「網格系統」，其實是一回事。不過從定義上說，柵格更為准確些，從維基百科查到柵格的定義為：柵格設計系統（又稱網格設計系統、標准尺寸系統、程序版面設計、瑞士平面設計風格、國際主義平面設計風格），是一種平面設計的方法與風格。運用固定的格子設計版面布局，其風格工整簡潔，在二戰後大受歡迎，已成為今日出版物設計的主流風格之一。 如今，柵格系統也已經被運用到網頁中。它以規則的網格陣列來指導和規范網頁中的版面布局以及信息分布。 對於網頁設計來說，柵格系統的使用，不僅可以讓網頁的信息呈現更加美觀易讀，更具可用性。 柵格系統的原理和應用 柵格系統的計算公式：
5、網頁設計的柵格化系統怎麼用
一個標準的柵格系統，包括以下部分：
將Flowline的總寬度標記為W, Column的寬度標記為c, Gutter寬度標記為g, Margin的寬度標記為m, Column的個數標記為N, 我們可以得到以下公式：
W = c * N + g * (N - 1) + 2 * m
6、UI設計750柵格系統怎麼設置
750應該是移動端APP的寬度，設置好左右邊距就可以了
7、為什麼要採用柵格化系統設計網頁
研究網頁柵格系統前，來看一組數據：
網站 首頁頁面寬度 px
Yahoo! 950
淘寶 950
MySpace 960
新浪 950
網易 960
Live Search 958
搜狐 950
優酷 960
AOL 960
上面列舉的都是Alexa全球排名前100的站點，它們的首頁寬度為950px/960px. 除了微軟的Live Search, 這些站點有個共同特點：頁面結構較復雜，都可以認為是門戶型網站。
再來看看Google, YouTube, Facebook, Flickr!, eBay等知名站點，它們的首頁寬度沒什麼固定規律，共同的特點是：功能專一，頁面結構相對簡單。
根據上面的簡單分析可以認為：當搭建頁面結構復雜的門戶型網站時，開發工程師們不約而同地都選擇將頁面寬度定為950px/960px.
這是一件很有趣的事情，為什麼要選擇這個寬度呢？這個寬度值究竟有什麼魔力？
下面網址上有一個系統的介紹，可以看一下:
網頁柵格系統研究（1）：960的秘密
http://www.52webwind.cn/user-experience/188.html
網頁柵格系統研究（2）：蛋糕的切法
http://www.52webwind.cn/user-experience/193.html
網頁柵格系統研究（3）：粒度問題
http://www.52webwind.cn/user-experience/231.html
網頁柵格系統研究（4）：技術實現
http://www.52webwind.cn/user-experience/239.html
8、如何設計實現真正的響應式微服務系統
在設計中經常遇到這幾個問題：
1.想要網站兼容手機、平板電腦、pc，就得為不同的設備定製不同的版本。
2.想要網站的某些頁面在寬屏顯示器下一行顯示更多的內容，又得為寬屏定製一個版本。
3.很多人並不是在全屏的情況下瀏覽我們的頁面，如果讓頁面隨著瀏覽器寬度改變而相應的調整會不會比較好？
有沒有辦法能有效解決這些問題呢？
響應式Web設計(Responsive Web design)的理念是頁面的設計與開發應當根據設備環境（屏幕尺寸、屏幕定向、系統平台等）以及用戶行為（改變窗口大小等）進行相應的響應和調整。具體的實踐方式由多方面組成，包括彈性網格和布局、圖片、CSS media query的使用等。無論用戶正在使用pc、平板電腦，或者手機，無論是全屏顯示還是非全屏的情況，無論屏幕是橫向還是豎向，頁面都應該能夠自動切換解析度、圖片尺寸及相關腳本功能等，以適應不同設備。
響應式web設計對交互設計和前端實現提出了更高的要求，需要考慮清楚不同解析度下頁面的布局變化、內容的縮放等。
響應式Web設計的優勢：
1、開發、維護、運營成本優勢：頁面只有一個，只是針對不同的解析度、不同的設備環境進行了一些不同的設計，所以在開發、維護和運營上，相對多個版本，能節約成本。
2、兼容性優勢：移動設備新的尺寸層出不窮，定製的版本通常只適用於某些規格的設備，如果新的設備解析度變化較大，則往往不能兼容，而開發新的版本需要時間，這段時間內的訪問就是個問題，但是響應式Web設計可以提前預防這個問題。
3、操作靈活：響應式設計是針對頁面的，可以只對必要的頁面進行改動，其他頁面不受影響。
當瀏覽器寬度變小時，左右兩欄的寬度都有縮小，左邊的banner圖片和視頻也相應縮小，右邊的頭像列表由一排4個變為一排兩個。
當瀏覽器寬度進一步變小後，頁面由兩欄結構變為一欄結構，部分內容的尺寸進一步縮小，搜索區域也從導航里挪到了導航外。
響應式頁面的設計流程：
第一步：確定需要兼容的設備類型、屏幕尺寸
通過用戶研究，了解用戶使用的設備分布情況，確定需要兼容的設備類型、屏幕尺寸。
設備類型：包括移動設備（手機、平板）和pc。對於移動設備，設計和實現的時候注意增加手勢的功能。
屏幕尺寸：包括各種手機屏幕的尺寸（包括橫向和豎向）、各種平板的尺寸（包括橫向和豎向）、普通電腦屏幕和寬屏。
9、如何在網站設計中運用柵格系統
柵格系統英文為「grid systems」，也有人翻譯為「網格系統」，其實是一回事。不過從定義上說，柵格更為准確些。
柵格設計系統（又稱網格設計系統），是一種平面設計的方法與風格。運用固定的格子設計版面布局，其風格工整簡潔，在二戰後大受歡迎，已成為今日出版物設計的主流風格之一。