<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

        當前位置:首頁 »界面設計必備!科普字體規范

        界面設計必備!科普字體規范

        至成科技 2015-10-14 訪問量(1799) 評論(0)
        摘要:

            很多剛做前端的網站設計師,經常會因為字號,字體顏色,間距而困擾。拿到網站設計需求后,開始進行設計,不知道從何去調整界面的字號和行間距等。容易碰到的問題是頁面和頁面的字號調著調著就大小或顏色不統一了。并且容易導致設計稿反復得修改。設計出來的效果圖文字左右間距層次不齊,導致與預期不符等。這小節至成科技將和大家理一理界面中常用的字體,字號,字體顏色及間距對齊的一些小經驗。希望能對大家有些幫助。

        一、成也字,敗也字

        在設計師的職業生涯中,至少快速甚至多次在工作中因為字體不協調栽跟頭。在實踐的過程中我們會慢慢發現一些規律或者經驗規范。接下來我將和大家一起聊聊在界面設計中的那些常規字體的使用規范。

        我們常常會聽到,這也太LOW了吧!!你能統一一下字體嗎?

        不明確而繁瑣的字體搭配會導致整個畫面失調。可以這樣說,字體可以成就設計也可以毀掉設計。

        問題的關鍵有:

        1. 字體樣式太多,導致頁面雜亂
        2. 使用的字體不易識別
        3. 字體樣式和內容的氣氛或規范不匹配

        怎么避免這樣的結果發生呢?

            通過設計經驗可以幫助你做出更好的版式,了解不同平臺的常用字體設計規范。在每個項目設計中只使用1-2個字體樣式,而在品牌字有明確的規范的情況下,只需要一種字體貫穿全文,通過對字體放大來強調重點文案。字體用的太多,越顯得不夠專業。不同的樣式的字體,形狀或系列較好相同,字體風格的一致性。字體與背景的層次要分明,字體樣式與色調氣氛相匹配

        二、界面中文字使用的規則

        在不同平臺的界面設計中規范的字體會有不同,像移動界面的設計就會有固定的字體樣式。網頁中會有常用的幾個字體,在這我和大家分別介紹一下。

        移動端常規字體

        IOS:常選擇華文黑體或者冬青黑體,尤其是冬青黑體效果較好。

        Android

        英文字體:Roboto

        中文字體:Noto

        移動端常用的的字號有哪些呢?

        導航主標題字號:40-42px

        我一般設計就用40px,偏小的40px字號,顯得精致些。

        在內文展示中字號大小又是多大呢?

            大的正文字號32px,副文是26px,小字20px。在內文的使用中,根據不同類型的App會有所區別。大家注意了,在選用字體大小的時候一定要選擇偶數的字號,因為在開發界面的時候,字號大小換算是要除以二的。這個詳細緣由大家可以網上查詢,至成科技(西安網站設計)就不在這一一的介紹了。常用字號的大小基本就這幾個,根據版式設計需要也會采用異樣大小的字號來特殊處理。這種更高的要求設計師的全局把控能力了。

        網頁端

        常用的字號有哪些呢?

        網頁中文字字號一般都是宋體12px或14px(無狀態),大號字體用微軟雅黑或黑體。大號字體是18px、20px、26px、30px,一般使用雙數字號,單數的字體在顯示的時候會有毛邊。

        常用的字體:

        1. 平平穩穩:微軟雅黑/方正中黑

        微軟雅黑系列:在網頁設計中這款字體使用的非常平凡,這款只無論是放大還是縮小,形體都非常的規整舒服。在設計過程中建議多使用雅黑,大標題用加粗字體,正文用常規字體。

        方正正中黑系列

        中黑系列的字體筆畫比較銳利而渾厚,一般運用在標題文字中。但這種字體不適用于正文中,因為邊緣相對比較的復雜,文字一多會影響用戶的閱讀。

        2. 與時俱進:方正蘭亭系列

        方正蘭亭系列:個人較推薦的就是這個系類的字體,整個蘭亭系列的字體有大黑、準黑、纖黑、超細黑等。因筆畫清晰簡潔,這個系類的字體就足以滿足排版設計的需要。可以通過對這個系列的不同字體進行組合,不僅能字體的統一感,還能很好的區分出文本的層次。

        3. 剛勁有力,運動型:漢儀菱心簡/造字工房力黑/造字工房勁黑

        在這幾個字體中,他們有著共同的特點,字體非常的有力而厚實。基本都是以直線和斜線為主。適合廣告和專題使用。在使用這類字體的時候我們可以使用字體傾斜的樣式,讓文字顯得更為活力。在這三種字體中,菱心和造字工房力黑在筆畫、拐角的地方采用了圓和圓角。而且筆畫也比較的疏松,更多的有些時尚而柔美的氣氛。而勁黑這款字體相對更為厚重和方正。這類字體使用在大圖中偏多,效果比較突出。

        毛筆字生成器

        通過自由的書法網站在線生成。在網址中輸入文本,再進行選擇書法字體樣式。通過這種方法我們能很快的找到需要的書法字體。這招非常管用。

        和大家簡單操作一下毛筆字的使用方法。

        將下載下來的字體圖片AI轉路徑,編輯文字。

        首先使用在線生成器輸入選擇好你需要的文字字形,將文字圖片拖至AI中。

        選中拉入圖片,點擊[圖像描摹]

        然后繼續點擊[擴展]按鈕

        擴展完畢后,圖片已經都變成了路徑。

        使用魔棒選擇顏色就可以將文字的路徑提選出來。

        較后經過設計后的Banner效果,這就是我經常用的Banner風格,你們也試試吧。

        重要提示,怎么找不認識的字體名稱?

        很多朋友會看到別人使用的字體非常好看,但又不知道是什么字體。在這我告訴你一個方法。可以通過網絡上傳字體圖片進行搜索字體名稱。相關神器地址:《還在問“這是什么字體?”四款神器幫到你!》

        三、常用字體顏色

        字體顏色又有哪些常用的顏色呢?

        在界面中的文字分為三個層級,主文、副文、提示文案等。

        在白色的背景下,字體的顏色層次其實就是黑、深灰、灰色。

        常用的色值是#333333;#666666;#999999

        在界面中還經常會用到背景色#eeeeee。
        分割線則采用#e5e5e5或#cccccc的顏色值,一個深一些,一個淺一些。這個會更具不同的軟件風格采用不同的深淺,由網站設計師自己把控。

        在我們做設計的時候,字體和圖庫均是有版權的,請注意合法使用。


        【你必須知道的設計趨勢】:

        用戶體驗設計趨勢:
        《設計行業大起底!圖說2015用戶體驗行業調查報告》

        網站設計思維:
        《打破網站設計常規思維這堵墻!》

        關于字體的秘密:

        《超實用!網站設計掌握字體運用》



        網友評論

        登錄后可評論,請登錄

        全部評論: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计划 吉林新快3开奖结果i 欢乐升级3.00记牌器 双色球历史开奖结果17124 青海快3走势图 新浪时时彩图 彩票中奖税率 一波中特公式計算法 太子心经三肖中特 ui大上海时时彩 极速快乐十分分析软件 五张诈金花教学视频 极速11选5的和值双 河北十一选五软件下载 广西快乐双彩最新开奖 排球少年第三季评价