<big id="n3dbt"><strong id="n3dbt"></strong></big>
      1. <small id="n3dbt"><delect id="n3dbt"></delect></small>

        <thead id="n3dbt"><ruby id="n3dbt"><rp id="n3dbt"></rp></ruby></thead>
        <th id="n3dbt"></th>
        <span id="n3dbt"></span><span id="n3dbt"></span><span id="n3dbt"></span><strike id="n3dbt"></strike>

        建站百科Website News

        當前位置:首頁 »手機建站應該注重的排版設計有哪些(一)

        手機建站應該注重的排版設計有哪些(一)

        至成科技 2018-05-30 訪問量(1205) 評論(0)
        摘要:目前,我們會發現,手機已經成了我們必不可少的工具,曾經使用手機是為了方便聯絡,只要實現通話和短信功能即可,現在,我們對手機的要求也越來越高。于是,手機開發者以及設計者會花盡心思的來進行研發,我們了解某些信息都來源于對網頁的瀏覽,那么手機站建設的時候,設計師對于文字排版是否有過仔細研究呢?究竟怎樣的的文字排版更加合理1).字體選擇字體選擇常常被錯誤對待,要么直…

        目前,我們會發現,手機已經成了我們必不可少的工具,曾經使用手機是為了方便聯絡,只要實現通話和短信功能即可,現在,我們對手機的要求也越來越高。于是,手機開發者以及設計者會花盡心思的來進行研發,我們了解某些信息都來源于對網頁的瀏覽,那么手機站建設的時候,設計師對于文字排版是否有過仔細研究呢?究竟怎樣的的文字排版更加合理

        1).字體選擇

        字體選擇常常被錯誤對待,要么直接忽視,要么簡單地從字體庫中任意挑選一款。實際上,不同類型的文本內容需要使用不同的字體,字體可以表達內心感覺和心理需求。試想,使用濃密生硬的字體在女性色彩的讀物內容里,是不是顯得格格不入?

        相反,你應該選擇比較細膩和柔和的字體。生硬濃重的字體往往更具剛硬氣質。

        另一方面,過度花哨好看的字體在手機屏幕上可能很難辨認。手機端的UI要求簡單而干凈,使用同種風格的字體是保持界面清爽的關鍵。避免單調,您可以選擇一種輔助字體與主要字體形成對比。這種情況下,界面的字體數量要控制在 2 到 3 種,多則混亂。

        2).字體大小

        手機屏幕有限,字體大小至關重要。如果你只是在手機屏幕上使用微小字體來解決,那就真是一個笑話了。雖然用戶可以縮放文本來改變字體大小,從而提升可讀性,但這絕不是設計師偷懶的借口。這多出的操作,本就違背用戶體驗。字體過小看不清,還會損傷用戶的眼睛,花費更多的時間閱讀;而較大的字體又會迅速吃掉屏幕,并破壞閱讀連貫性。

        那怎樣是適當的字體尺寸?

        對于iOS,使用至少11sp的字體大小,而對于Android,請選擇14 sp為主文本。請注意,這是主文本通常使用的標準,不是強行的先進標準。此外,在設計手機端字體大小時,需要留意設計字體大小要比常規、使用在桌面端的略大一些。

        3) .行間距

        行間距是一排文字和另一排文字之間的空間。手機屏幕較小,所以行間距通常比桌面版本小。設置行間距時,需要在手機端設置比桌面端小的值。過寬或過窄的行間距都會破壞手機UI界面,降0可讀性。許多人認為,1.4em是標準的行間距,但在手機屏幕上,仍然有顯得幾分緊密,用戶可能會感到文字仿佛在收緊。在設計上,標準的行間距應該是字體大小的120%。另外, 如果文本

        4). 字間距

        字間距是兩個文字之間的間距。這是手機排版中的一個很小的因素,但值得關注。你可能會認為,在一個段落里,字距調整可能不是一個必要問題。但如果您足夠細心,您可能會注意到,這通常出現在英文文本中,大寫字母與小寫字母之間的空間和兩個小寫字母之間的空間不盡相同。這會造成一定的視覺失調,破壞美感。

        5).全文本字間距

        上面不是剛提了字距嗎?這里是否重復了呢?當然不是,字距在兩個文字間和全文本的字間距并不是有效一樣的概念。這兩者往往可能會使設計師產生迷惑,但它們類似卻不同。這里的字間距是所有字符和文本的字間距。有效的字間距會使文本更易讀。通常,字體使用時可以適當調整頁面字距,因此你不需要過多的關注。但如果你注意這一點,也許會對設計大有裨益。通常,大文本需要更少的字距,而稀疏的文本要求更寬的字距。

        6). 層次結構

        層次結構是強調整個文本的關鍵元素,并能產生對比度。但手機排版中的層次結構比通常web界面層次簡潔,通常Web界面擁有 3 個級別。而手機屏幕的空間有限,所以很多設計師只應用了 2 個層次:標題和文本主題。標題是抓住讀者眼球,而文本傳達可讀性。保留標題和主題這兩個結構層次,這也是手機設計的一個趨勢。這可以使手機UI簡潔,并保持對比度和層次感。

        因此,以上6點就是針對手機網站制作時,值得注意的問題。如果排版做的好,能夠給用戶帶來更好的體驗,更愿意在這個網站多停留。


        網友評論

        登錄后可評論,請登錄

        全部評論:0條

        掃描左側二維碼
        關注至成微信公眾號

        西安至成信息科技有限公司  Copyright 2012-2019  xazcit.com  All rights reserved.

        Email:[email protected]     郵政編碼:710016     《中華人民共和國增值電信業務經營許可證》陜B1.B2-20140011     陜ICP備12008874號-1

        聯系地址:西安市經開區鳳城四路西安國際企業中心B座23層06-10室    售前咨詢熱線:029-89390727    售后服務電話:029-89393039

        西安網站建設、網站設計制作公司-至成科技,已為眾多企業提供網站建設網站制作響應式網站設計手機網站建設虛擬主機云主機服務器租用等建站解決方案。

        網絡警察 12321垃圾信息舉報 不良信息舉報 中國文明網 西安工商
        ×
        安徽25选5计划 nba2k18下载 重庆快乐10分开奖查询 黑龙江十一选五遗漏 腾讯彩票网娃娃 时时彩稳赚 109期码报管家婆彩图自动更新 出售二手博彩机器网址 彩票大赢家怎么玩 重庆快乐10分技巧 法甲赛程表 香港六合彩内幕玄机 竞彩足球北单 中国竞彩网彩网 双色球走势图中彩网开奖 大乐透玩法规则