app設(shè)計(jì)字體規(guī)范(app界面字體設(shè)計(jì)規(guī)范)
手機(jī)軟件中的字體是什么字體,ui界面設(shè)計(jì)用什么字體
手機(jī)軟件中的字體,ui界面設(shè)計(jì)字體有以下幾種:
一、在ios中默認(rèn)字體分為三類:
第一類:STHeiti-Light.ttc (黑體-簡(jiǎn)與黑體-繁的細(xì)體)和 STHeiti-Medium.ttc(黑體-簡(jiǎn)與黑體-繁的中黑) 代表的是中文字體,常用的方正黑體簡(jiǎn)體
第二類:_H_Helvetica.ttc 和 _H_HelveticaNeue.ttc 代表的是英文以及數(shù)字字體,常用的字體Helvetica
第三類:LockClock.ttf 代表的是鎖屏?xí)r間字體
二、在Android中,英文字體使用Roboto,中文字體使用Noto(思源黑體)。
以前的設(shè)計(jì)中,中文字體主要是使用微軟雅黑,但微軟雅黑在界面中就顯得有點(diǎn)厚重、臃腫。Google聯(lián)合Adobe發(fā)布了「思源黑體」作為Android的默認(rèn)中文字體,新的「思源黑體」不僅僅在字形上更易于在屏幕的閱讀,并且擁有7個(gè)字重,充分滿足了設(shè)計(jì)的需求。
三、ui界面設(shè)計(jì)一般用的字體是:微軟雅黑
其他可以參考一些ui界面設(shè)計(jì)規(guī)范,里面都有一些很嚴(yán)謹(jǐn)?shù)母袷?、字體、大小、顏色等數(shù)據(jù)規(guī)范的。
想要了解更多關(guān)于手機(jī)軟件字體的相關(guān)信息推薦選擇Pixso協(xié)同設(shè)計(jì)。Pixso可以多人云端協(xié)作設(shè)計(jì),實(shí)時(shí)同步字號(hào)、邊框、顏色等各種細(xì)節(jié)。Pixso不僅是一站式產(chǎn)品設(shè)計(jì)協(xié)作工具,更是一款專業(yè)的UI/UX設(shè)計(jì)工具,更多矢量網(wǎng)格、布爾運(yùn)算、樣式創(chuàng)建、智能排版等高階功能,使設(shè)計(jì)師真正專注于創(chuàng)造本身。
技術(shù)干貨:Applewatch APP設(shè)計(jì)規(guī)范
一、規(guī)范概要
1. 導(dǎo)航形式
層級(jí)式,通過當(dāng)前頁面點(diǎn)擊跳轉(zhuǎn)到另外頁面的形式。適合應(yīng)用于復(fù)雜產(chǎn)品,需要層層遞進(jìn)。
頁面式,頁面切換,滑動(dòng),類似輪播
Apple Watch導(dǎo)航形式任選其一,不得同時(shí)存在。
2. 交互方式
輕觸:列表、按鈕、切換等控件的操作
手勢(shì):縱向輕掃,界面滾動(dòng);橫向輕掃,界面導(dǎo)航之間的查看;從屏幕左側(cè)邊緣向右輕掃,返回父級(jí)界面。
壓力觸控:喚出當(dāng)前頁面情景菜單
實(shí)體控件(手表旋鈕):長(zhǎng)頁面瀏覽,避免手指長(zhǎng)時(shí)間輕掃界面何遮擋界面
3. 色彩
使用黑色作為APP的背景色,或者深色且高斯模糊的圖片作為背景
高對(duì)比度的顏色使用于文字、圖標(biāo)、界面
4文字
SF和蘋方
5. 圖標(biāo)
通知圖標(biāo)、首屏圖標(biāo)和長(zhǎng)看圖標(biāo)、短看圖標(biāo)
情景圖標(biāo)(App內(nèi)功能圖標(biāo))
6. 布局
并排放置的圖標(biāo)一行不要超過三個(gè)
布局優(yōu)先采用左對(duì)齊
二、設(shè)計(jì)尺寸
1.1屏幕尺寸
38mm(272*340px)
42mm(312*390px)
1.2圖標(biāo)尺寸
通知圖標(biāo)48PX(38mm)55px(42mm)
首屏圖標(biāo)和??磮D標(biāo)80px(38mm)88px(42mm)
短看圖標(biāo)172px(38mm)196px(42mm)
菜單情景圖標(biāo)(App內(nèi)的功能圖標(biāo))
圖標(biāo)大小70px,實(shí)際圖標(biāo)大小46px。(38mm)
圖標(biāo)大小80px,實(shí)際圖標(biāo)大小54px。(42mm)
圖標(biāo)線寬不得小于4px
1.3圖標(biāo)
1.3.1
通知圖標(biāo),系統(tǒng)通知彈出的圖標(biāo)
1.3.2
首屏圖標(biāo),如下圖所示。首屏圖標(biāo)80px(38mm)88px(42mm)
1.3.3長(zhǎng)看圖標(biāo),如下所示,左上角圖標(biāo)。??磮D標(biāo)80px(38mm)88px(42mm)
1.3.4短看圖標(biāo),如下圖所示。短看圖標(biāo)172px(38mm)196px(42mm)
2.字體和文字
2.1字體
SF和蘋方
2.2文字(字號(hào),常見字號(hào)單位是PT和PX,PT是開發(fā)單位,PX是設(shè)計(jì)單位,在@2X下?lián)Q算關(guān)系1PT=2PX)
標(biāo)題headline 18PT
正文標(biāo)題caption 15PT
正文body 15PT
備注、腳注、輔助文字footnote 12PT、13PT
3. 顏色
高對(duì)比度的顏色使用于文字、圖標(biāo)、界面
1.主色,如下圖所示
2.輔助色、點(diǎn)睛色(控件、按鈕)
按鈕控件在設(shè)計(jì)中通常帶有透明度
3.字體顏色和透明度
4. 布局
1狀態(tài)欄和下方圖片和列表布局間距
38mm(30px),42mm(32px)
2狀態(tài)欄和列表按鈕布局間距
38mm(11px),42mm(13px)
3狀態(tài)欄和下方文本布局間距
38mm(46px),42mm(50px)
4文字邊距和分割線按鈕列表圖片邊距
38mm和42mm邊距相同
5.圖片和按鈕到屏幕兩邊距離
38mm和42mm邊距相同
5.控件和列表
1單行控件和列表布局尺寸
38mm
42mm
2.雙行控件和列表布局尺寸
2.1正文+備注
38mm
42mm
2.2雙行正文
38mm
42mm
3.三行控件和列表布局尺寸
38mm
42mm
4. 多行控件和列表布局尺寸
38mm
42mm
5.控件和列表類型
開發(fā)安卓、蘋果軟件的字體樣式、大小設(shè)計(jì)標(biāo)準(zhǔn)
一、IOS版本的字體設(shè)計(jì)規(guī)范和常識(shí)
iOS客戶端開發(fā)人員,使用的默認(rèn)簡(jiǎn)體中文字體,就是常用的華文Heiti SC。
iOS UI設(shè)計(jì)人員,使用Photoshop,請(qǐng)選中“黑體-簡(jiǎn)”或Heiti SC,并設(shè)置為“細(xì)體”、“渾厚”是與iOS上的實(shí)際效果最接近的(Heiti SC Thin)。或者是冬青黑簡(jiǎn)體、黑體等等。英文字體是 Helvetica Neue Ultra Light。
二、安卓android APP字體設(shè)計(jì)規(guī)范
安卓中文字體: droid sans fallback
安卓英文字體:roboto
安卓手機(jī)的默認(rèn)中文字體都是droid sans fallback,是谷歌自己的字體,與微軟雅黑很像,小米miui v5 用的也是這種字體。