前面說過，在建立手機站的時候設計師應該注意排版的幾個問題。那些也只是些基礎的問題，現在我們再來看下手機網站建設時，設計師還應該在哪些問題上值得注意。

1.功能性

保持平衡美觀的UI是遠遠不夠的，功能也是同等重要的。手機文本設計還要產生實際的作用，比如滿足我們的一些操作，像購買產品，下訂單或預訂機票。文本需要清晰指示用戶能做什？接下來可以做什么？確保用戶可以輕松地執行操作。功能性文本需要突出，可點擊的元素應該足夠大，以便用戶可以點擊它們。

2.字型和品牌

同一款app或系統，建議使用單個字型并演變幾種不同字體變體和不同尺寸。混合幾個不同的字型會使您的界面看起來分散和混亂。通常，品牌或應用程序擁有自己的預設字型。蘋果使用San Francisco, 諾基亞使用Nokia Pure，Google Android使用Roboto。

蘋果根據產品功能選擇字體。例如， iOS7 使用了（Pro）Light，iOS9 使用SF-UI，而在iOS10 中，San Francisco的字體版本是SF UI Text 和 SF UI Display。

3.文本樣式

盡可能使用內置文本樣式。內置的文字樣式可讓您以視覺上獨特的方式表達內容，同時保持好的易讀性。這些風格基于系統字體，并且你可以利用關鍵的排版功能，例如動態類型，可自動調整每種字體大小的字距和行距。

4.響應式設計

手機設備有不同的尺寸。響應式設計也已經應用于手機設計。響應式排版成必將為這一趨勢的重要因素。上述所有元素，任何錯誤使用可能會破壞整體手機UI設計。設計師需要考慮手機排版在不同設備上的外觀。

5.原型設計

文版排版設計在很多設計范圍類都至關重要，原型設計中也是必不可少，優秀的文本排版，能夠和其他元素組件共同服務于干凈的UI界面。但在原型設計中，文本不需要具備真正的意義。在 XCode 中調整代碼，在 Sketch 中修改設計都太慢太麻煩了，不妨試試國內最優秀的原型設計工具Mockplus，Mockplus 自帶了大量標準組件，你可以直接通過 Drag & Drop 的方式來快速布局你的頁面，文本組件有單行文本和多行文本的組件，并可對其進行例如顏色，尺寸，對其方式，字體選擇等各種屬性設置，并且可以添加交互。新版本加入了文本數據填充功能，可對文本內容進行單個和批量填充，十分便捷。此外，你可以直接手機上直接查看，是否具有較高的可讀性。

文章名稱：手機建站在原型設計、響應式設計方面有什么注意點？
URL分享：http://www.2m8n56k.cn/news26/36876.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站設計、手機網站建設等

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯