前面說過,在建立手機站的時候設(shè)計師應(yīng)該注意排版的幾個問題。那些也只是些基礎(chǔ)的問題,現(xiàn)在我們再來看下手機建站時,設(shè)計師還應(yīng)該在哪些問題上值得注意。
1.功能性
保持平衡美觀的UI是遠遠不夠的,功能也是同等重要的。手機文本設(shè)計還要產(chǎn)生實際的作用,比如滿足我們的一些操作,像購買產(chǎn)品,下訂單或預訂機票。文本需要清晰指示用戶能做什?接下來可以做什么?確保用戶可以輕松地執(zhí)行操作。功能性文本需要突出,可點擊的元素應(yīng)該足夠大,以便用戶可以點擊它們。
2.字型和品牌
同一款app或系統(tǒng),建議使用單個字型并演變幾種不同字體變體和不同尺寸?;旌蠋讉€不同的字型會使您的界面看起來分散和混亂。通常,品牌或應(yīng)用程序擁有自己的預設(shè)字型。蘋果使用San Francisco, 諾基亞使用Nokia Pure,Google Android使用Roboto。
蘋果根據(jù)產(chǎn)品功能選擇字體。例如, iOS7 使用了(Pro)Light,iOS9 使用SF-UI,而在iOS10 中,San Francisco的字體版本是SF UI Text 和 SF UI Display。
3.文本樣式
盡可能使用內(nèi)置文本樣式。內(nèi)置的文字樣式可讓您以視覺上獨特的方式表達內(nèi)容,同時保持最佳的易讀性。這些風格基于系統(tǒng)字體,并且你可以利用關(guān)鍵的排版功能,例如動態(tài)類型,可自動調(diào)整每種字體大小的字距和行距。
4.響應(yīng)式設(shè)計
手機設(shè)備有不同的尺寸。響應(yīng)式設(shè)計也已經(jīng)應(yīng)用于手機設(shè)計。響應(yīng)式排版成必將為這一趨勢的重要因素。上述所有元素,任何錯誤使用可能會破壞整體手機UI設(shè)計。設(shè)計師需要考慮手機排版在不同設(shè)備上的外觀。
5.原型設(shè)計
文版排版設(shè)計在很多設(shè)計范圍類都至關(guān)重要,原型設(shè)計中也是必不可少,優(yōu)秀的文本排版,能夠和其他元素組件共同服務(wù)于干凈的UI界面。但在原型設(shè)計中,文本不需要具備真正的意義。在 XCode 中調(diào)整代碼,在 Sketch 中修改設(shè)計都太慢太麻煩了,不妨試試國內(nèi)最優(yōu)秀的原型設(shè)計工具Mockplus,Mockplus 自帶了大量標準組件,你可以直接通過 Drag & Drop 的方式來快速布局你的頁面,文本組件有單行文本和多行文本的組件,并可對其進行例如顏色,尺寸,對其方式,字體選擇等各種屬性設(shè)置,并且可以添加交互。新版本加入了文本數(shù)據(jù)填充功能,可對文本內(nèi)容進行單個和批量填充,十分便捷。此外,你可以直接手機上直接查看,是否具有較高的可讀性。
A5創(chuàng)業(yè)網(wǎng)誠邀優(yōu)質(zhì)企業(yè)合作,為企業(yè)提供各種宣發(fā)服務(wù)。撰寫企業(yè)推廣文案,投放優(yōu)質(zhì)渠道。詳情請掃描下方二維碼咨詢。
申請創(chuàng)業(yè)報道,分享創(chuàng)業(yè)好點子。點擊此處,共同探討創(chuàng)業(yè)新機遇!