不平凡軟件,始于2014

首頁 | 加入收藏 | 設(shè)為首頁

15565077981

您當(dāng)前的位置:首頁 >  精彩分享>詳細(xì)

鄭州軟件開發(fā):手機(jī)站應(yīng)該注重的文本排版設(shè)計(jì)二

發(fā)布者: 鄭州軟件開發(fā) 07-16

 

       曾經(jīng)說過,在建立手機(jī)站的時(shí)候設(shè)計(jì)師應(yīng)該注意排版的幾個(gè)問題。那些也只是些基礎(chǔ)的問題,現(xiàn)在我們?cè)賮砜聪率謾C(jī)建站時(shí),設(shè)計(jì)師還應(yīng)該在哪些問題上值得注意。

       一、功能性

       保持平衡美觀的UI是遠(yuǎn)遠(yuǎn)不夠的,功能也是同等重要的。手機(jī)文本設(shè)計(jì)還要產(chǎn)生實(shí)際的作用,比如滿足我們的一些操作,像購(gòu)買產(chǎn)品,下訂單或預(yù)訂機(jī)票。文本需要清晰指示用戶能做什么?接下來可以做什么?確保用戶可以輕松地執(zhí)行操作。功能性文本需要突出,可點(diǎn)擊的元素應(yīng)該足夠大,以便用戶可以點(diǎn)擊它們。

       二、字型和品牌

       同一款app或系統(tǒng),建議使用單個(gè)字型并演變幾種不同字體和不同尺寸?;旌蠋讉€(gè)不同的字型會(huì)使您的界面看起來分散和混亂。通常,品牌或應(yīng)用程序擁有自己的預(yù)設(shè)字型。蘋果使用San Francisco, 諾基亞使用Nokia Pure,Google Android使用Roboto

       蘋果根據(jù)產(chǎn)品功能選擇字體。例如, iOS7 使用了(ProLightiOS9 使用SF-UI,而在iOS10 中,San Francisco的字體版本是SF UI Text SF UI Display

       三、文本樣式

       盡可能使用內(nèi)置文本樣式。內(nèi)置的文字樣式可讓您以視覺上獨(dú)特的方式表達(dá)內(nèi)容,同時(shí)保持最佳的易讀性。這些風(fēng)格基于系統(tǒng)字體,并且你可以利用關(guān)鍵的排版功能,例如動(dòng)態(tài)類型,可自動(dòng)調(diào)整每種字體大小的字距和行距。

       四、響應(yīng)式設(shè)計(jì)

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

       五、原型設(shè)計(jì)

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

      不平凡軟件,鄭州軟件開發(fā)公司,鄭州軟件開發(fā),鄭州軟件定制,鄭州微信開發(fā),鄭州進(jìn)銷存定制開發(fā),鄭州OA系統(tǒng)開發(fā),鄭州軟件開發(fā)公司

返回列表

上一篇

商城網(wǎng)站賣產(chǎn)品運(yùn)用好“綁”字可以讓你的銷量直線上升

下一篇

鄭州做網(wǎng)站:APP開發(fā)的興起給廣大企業(yè)帶來的影響

相關(guān)新聞

相關(guān)案例