這種設計看起來胖嗎

　　這種設計看起來胖嗎 沒有什么能破壞一個不合適的設計布局。無論是太大（或太小），不適當的規模是一個大問題。這是一個問題，也許比你想象的太常更多的設計你訪問了一個網站類型，它提供了一個精致的桌面瀏覽器，只是從手機上重新檢查它，很難閱讀。當事情發生的時候。問題是，這個模型并不是針對每個設備的。當您考慮打印比例項目時，這是一個完全可以避免的問題。

　　印刷的規模是多少 視覺印刷包裝尺寸的比例，類型元素相對于另一個項目的空間和比例。這包括從主要文體新聞，旗幟，字幕和其他文本元素的一切。

　　深圳關鍵詞優化

　　深圳生產網站

　　縮放有助于確定文本元素相對于其他元素的大小和位置。對于網頁設計，尤其是視覺比例，它通常對應于CSS標記（例如H1、H2、H3、p等）。一個和諧的節奏，幫助你創造規模設計。它還可以讓你擺脫風格上的麻煩，因為文本元素對應于CSS元素，設計的每個部分使用相同的元素和一致性。大小應基于文本的文本大小（始終先設置字體和大小）。然后圍繞主字體構建比例。不知道從哪里開始谷歌有一個可靠的建議：

　　使用16像素的CSS基本字體大小。根據使用情況調整字體屬性的大小。使用相對于基本尺寸的尺寸來確定比例。文本需要字符之間的垂直間距；通常建議使用1.2瀏覽器設置默認行高，并限制用于打印的字體的數量和比例。

　　創造和諧的節奏，不僅是幫助用戶通過手機進行復制，更是創造出文字流的和諧與節奏。這對任何設備都很重要。那你從哪里開始呢

　　UX問題在** 小文本大小的設備上有一些** 好的研究。請注意，這些文字的** 小尺寸和正文尺寸不斷增大（如行距），應考慮較大的尺寸StevenHoober，建議開始時至少比建議值高40%。此外，增強的內容樣式可以達到80%以上，但您也應該謹慎處理過大的內容。設備類型建議** 小尺寸40%（易于調整和使用）** 大尺寸80%（易于調整和使用）小型手機4 5.6（6）7.2（7.5）大型手機6 8.4（8.5）10.8（11）平板電腦7 9.8（10）12.6（13）平板電腦8 11.2（11.5）14.4（14.5）筆記本電腦/臺式電腦10 14（14）18（18）

　　設置正文文本大小后，可以決定如何支持文本元素大小。是的，眼睛測試的藝術通常是一個好的開始。

　　幾乎沒有這樣一件事作為一個整體，太大了。在比例空間中說出你想說的和你想說的。即使文本大小相同，兩行標題也會感覺不止一行。

　　放大標題和其他較大測試元素的** 簡單方法是基于文本的百分比。而且每個設計師都有不同的出發點，250%的文字比標題大，非常好的球場；對于H2為150%，對于塊參照H3等元素為50%，對于75%（這是不規則的，只是一個起點）

　　這就是為什么百分比（而不是設置大小）很重要：一旦調整了體型的比例，所以不管屏幕大小如何。每個元素都與主體形狀相關。

　　字符間距標準

　　還有一些其他的指南供設計師在屏幕上觀看。在間距方面，一個經驗法則是查看每一行文本，以確保可讀性。

　　臺式機和大型設備：每行移動設備和小型設備60 75個字符：每行35 40個字符

　　值得注意的是，在較小的屏幕上，可讀性基于字符數較少（文本較大）。

　　同樣的想法也適用于間距。當屏幕大小有限時，您需要在文本行之間留出更多的空間，這樣用戶就更容易閱讀和瀏覽內容。考慮添加比桌面排版小25%的行距設備。

　　額外的尺寸和間距有助于緩解用戶在較小設備上閱讀時所感受到的緊張感或緊繃感。由于畫布很小，所以可讀性和可讀性對于保持用戶滾動是必不可少的。

　　提示首先要有很多方法來創建打印比例，并確保文本不會使您的設計看起來很胖。您如何了解它可能取決于您的舒適程度，除了規范和開發設計。

　　** 簡單的方法是從網站主題開始。只需確保選擇完整響應選項。當你使用高質量的響應主題時，大部分的猜測都是出自你。你真的想要正文的大小。只要確保所有的移動尺寸都符合您的標準。

　　3創建類型比例的工具

　　有一些工具可以幫助您查看可視化布局表的確切影響。這里有一些** 好的和** 人道的選擇。

　　樣式比例：在屏幕右側輸入文本和播放大小、縮放和字體等選項；研究生CSS或代碼編輯工具；規模：工程規模如規則確定大小；然后下載薩斯或js插件的結果，或在屏幕上看到這些插件；金光比字體計算器：工具優化大小、線高、每行黃金比率寬度和特征

　　結論正確的印花尺寸將使您的設計保持苗條。這意味著用戶可能不理解它，但它有助于整體可讀性和可用性。如果設計不正確，它可能是規模ldquo；不合適的類型很難做到，但通常是一個地方，當設計的某些東西是不平衡的。玩幾個不同規模的解決方案，解決以前的事情，記住現在的趨勢比過去大一點。