日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

pingfangsc字体_2020-iOS GUI-字体规范

發(fā)布時間:2023/12/18 编程问答 34 豆豆
生活随笔 收集整理的這篇文章主要介紹了 pingfangsc字体_2020-iOS GUI-字体规范 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

在IOS 最初的設(shè)計中,在輸出原型圖和交互稿中,就會運用到字體,比如字體的大小和類型。

下面的內(nèi)容主要分為2部分:實戰(zhàn) AND 理論

001-實戰(zhàn):看了就能用上

在iOS的中文設(shè)計中:標題的字體大小是34px, 用的是 蘋方/Pingfang SC 字體。具體可以看下圖的一些規(guī)律。這些規(guī)律具有普遍性(下面有標題是加粗的字號,regular/Semi-Bold)。但是也存在特殊性的場合,標題的字體大小遠遠大于34px, 比如打開 APP STORE,會發(fā)現(xiàn)這個特殊性。但是無論變得多大,保持是偶數(shù)倍,比如 36px,66px。另外也有最小值和上限值。這個在第二部分的理論部分講述。

【iOS-標題的字體大小和類型】

【iOS-列表上的字體大小】

【iOS-Tabbar的字體大小】

【iOS-按鈕上的字體大小】

【iOS-列表下面的小字體大小】

002-理論:從蘋果官網(wǎng)來了解

在蘋果的官網(wǎng)提到了英語兩個系列的字體:
1:San Francisco (SF). 2:New York (NY).

我們要了解的是 中文字體就是用的:蘋方/Pingfang SC

在實戰(zhàn)的部分,看到了各個APP設(shè)計中標題的大小是34px, 這個字體的大小在蘋果的規(guī)范設(shè)計中有作說明的(鏈接:https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/typography/ )。可以看到各公司的設(shè)計也是按照規(guī)范在設(shè)計。下圖中,有一個默認的 Large (Default) 一欄。這一欄的字體大小就是目前蘋果設(shè)計規(guī)范的默認值。對設(shè)計師的影響就是:在設(shè)計過程中,參考這一欄的字體大小尺寸設(shè)計作為基礎(chǔ)。最大標題的字體大小是:34-41px (我理解的 Leading(points)是最大值,不對的地方大家可以一起討論下)。最小值是 11-13px, 運用于標簽等照片說明的地方。有了最大值和最小值,這個就給我們劃定了設(shè)定的區(qū)間,也就不會無從下手,憑感覺了。

上圖片中的:Style 定義了 各個部分用到的字體大小:比如,大標題,一級二級標題,標簽等。可以對照了解。

圖片中出現(xiàn)的:xSmall-Small-Medium-Large (Default)-xLarge-xxLarge-xxxLarge。一共有7個層次。這7個層次可以點擊后查看各個層次中對應(yīng)的字體大小。我們參照的是 Large (Default) 這一層次就可以。當面對特殊設(shè)計的時候,比如,設(shè)計對象是老年人的時候,就要考慮調(diào)整字體的層次,在每一個層次中,再按照對應(yīng)的字體的大小標準。

當需要更多特殊大字體的時候,可以參考下圖的進一步更大的字體,共分為 5個層次,再調(diào)整。可以在蘋果手機中【輔助功能】-【顯示與文字大小】中先查看字體調(diào)整后的效果。

.

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯,堅持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

以上是生活随笔為你收集整理的pingfangsc字体_2020-iOS GUI-字体规范的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯,歡迎將生活随笔推薦給好友。