什麼是響應式表徵圖設計？

標籤：style   blog   http   使用   width   2014   

響應式設計主要講的是布局，那麼什麼是響應式表徵圖？響應式表徵圖設計是一種根據螢幕尺寸來改變表徵圖類型、從而達到更好可讀性的設計。

表徵圖為什麼要響應式設計？

怎樣閱讀內容？時至今日，我們用來閱讀內容的平台越來越多。裝置、螢幕解析度、瀏覽器、平台——我可以拿著5S+Safari+iOS7.0瀏覽網頁，也可以拿著1020+Chorome+WP8瀏覽網頁。

各種選擇，各種搭配實在是太多了，這些都或多或少的影響了內容的可讀性。而表徵圖作為一種視覺語言，可讀性非常重要。

表徵圖設計，首先要滿足易於理解。其次，表徵圖的可讀性必須高。在小尺寸的情況下，表徵圖設計為了追求更高的辨識度/可讀性，可以選擇犧牲一點美感。

那麼能不能美感、可讀性兼得呢？表徵圖設計的藝術便在於二者的平衡，取與舍。怎樣設計，讓不同尺寸的表徵圖均能展現美感，同時又具備可讀性？

我認為，需要根據尺寸範圍進行表徵圖響應式設計的最佳化

這個理念不是新的。對於柵格化表徵圖來說，這種設計方法很常見。

在網頁設計中，很多設計師錯誤的認為，只要簡單的縮放表徵圖即可達到完美的可讀性。但實際上並非如此。

每款表徵圖需要三種不同的尺寸，通過使用代碼，來自動進行可讀性最佳化。