UI規(guī)范零散知識(shí)點(diǎn)總結(jié)

1.段落文本的行高

定UI規(guī)范的時(shí)候,字體的行間距也要隨之定出來(lái),24px的字體一般用的行高是32px幼东,也就是行間距為8px;32px的字體一般用的行高是44px嗅剖,也就是行間距為12px。規(guī)范的來(lái)講定一個(gè)行高就可以了嘁扼。

這一點(diǎn)很容易被忽略信粮,當(dāng)然數(shù)值不是絕對(duì)的,但是要有一個(gè)自己基礎(chǔ)的規(guī)范趁啸,然后遇到具體情況具體分析强缘。


2.dp與pt

dp是安卓開發(fā)的計(jì)算單位,pt時(shí)ios開發(fā)的計(jì)算單位不傅。

安卓開發(fā)的計(jì)算單位為什么用dp而不用px旅掂?

大家都知道,分辨率相同的時(shí)候访娶,由于物理尺寸不同商虐,從而使每個(gè)像素點(diǎn)的大小有所差別,如果還用px作為計(jì)算單位崖疤,那你的距離在不同物理尺寸(相同分辨率)的手機(jī)上也會(huì)有很大差別秘车,但是如果改用dp為計(jì)算單位,dp就會(huì)根據(jù)不同尺寸進(jìn)行自適應(yīng)劫哼,這樣就不會(huì)產(chǎn)生很大的差異性叮趴。

安卓1倍圖的時(shí)候,1dp=1px权烧;安卓2倍圖的時(shí)候眯亦,1dp=2px;安卓三倍圖的時(shí)候般码,1dp=3px妻率;(相對(duì)的)

而ios不論在幾倍圖的時(shí)候,1pt都等于2px(絕對(duì)的)

這就是為什么在做ios端界面定間距大小的時(shí)候侈询,px數(shù)值都必須是偶數(shù)舌涨,因?yàn)槿绻闶瞧鏀?shù)糯耍,換算成pt就不能成為整數(shù)了


3.一套設(shè)計(jì)稿適配ios扔字、安卓?jī)啥碎_發(fā)

不論是做安卓還是ios的UI設(shè)計(jì)囊嘉,我們都會(huì)用2倍圖尺寸來(lái)做設(shè)計(jì)稿,ios是750x1334px革为,安卓是720x1280px扭粱,兩個(gè)尺寸十分接近,比例幾乎相同震檩,那是不是可以做一套720px的尺寸琢蛤,然后將一些邊距、頭像等內(nèi)容固定大小抛虏,其他一些內(nèi)容進(jìn)行自適應(yīng)呢博其?這樣界面和標(biāo)注出一套就可以了(但是一些特殊情況還是需要特殊處理)。

這種做法的前提是兩端布局結(jié)構(gòu)完全相同迂猴。當(dāng)然切圖還是要有兩套的慕淡。

建議:如果資源足夠充足,還是做兩套界面更加保險(xiǎn)沸毁!


沒(méi)有規(guī)范與原則的時(shí)候峰髓,就會(huì)花大量的時(shí)間去糾結(jié),從而浪費(fèi)人力物力息尺,如果定下規(guī)范携兵,后期的很多內(nèi)容都是水到渠成的事情,所以不管是項(xiàng)目本身還是你自己都要有一套基礎(chǔ)實(shí)用的設(shè)計(jì)規(guī)范/體系搂誉。

而這套規(guī)范/體系的來(lái)源就在于經(jīng)驗(yàn)+總結(jié)徐紧!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市炭懊,隨后出現(xiàn)的幾起案子浪汪,更是在濱河造成了極大的恐慌,老刑警劉巖凛虽,帶你破解...
    沈念sama閱讀 217,826評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件死遭,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡凯旋,警方通過(guò)查閱死者的電腦和手機(jī)呀潭,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,968評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)至非,“玉大人钠署,你說(shuō)我怎么就攤上這事』耐郑” “怎么了谐鼎?”我有些...
    開封第一講書人閱讀 164,234評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)趣惠。 經(jīng)常有香客問(wèn)我狸棍,道長(zhǎng)身害,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,562評(píng)論 1 293
  • 正文 為了忘掉前任草戈,我火速辦了婚禮塌鸯,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘唐片。我一直安慰自己丙猬,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,611評(píng)論 6 392
  • 文/花漫 我一把揭開白布费韭。 她就那樣靜靜地躺著茧球,像睡著了一般。 火紅的嫁衣襯著肌膚如雪星持。 梳的紋絲不亂的頭發(fā)上袜腥,一...
    開封第一講書人閱讀 51,482評(píng)論 1 302
  • 那天,我揣著相機(jī)與錄音钉汗,去河邊找鬼羹令。 笑死,一個(gè)胖子當(dāng)著我的面吹牛损痰,可吹牛的內(nèi)容都是我干的福侈。 我是一名探鬼主播,決...
    沈念sama閱讀 40,271評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼卢未,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼肪凛!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起辽社,我...
    開封第一講書人閱讀 39,166評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤伟墙,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后滴铅,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體戳葵,經(jīng)...
    沈念sama閱讀 45,608評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,814評(píng)論 3 336
  • 正文 我和宋清朗相戀三年汉匙,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了拱烁。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,926評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡噩翠,死狀恐怖戏自,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情伤锚,我是刑警寧澤擅笔,帶...
    沈念sama閱讀 35,644評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響猛们,放射性物質(zhì)發(fā)生泄漏念脯。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,249評(píng)論 3 329
  • 文/蒙蒙 一阅懦、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧徘铝,春花似錦耳胎、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,866評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至淹魄,卻和暖如春郁惜,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背甲锡。 一陣腳步聲響...
    開封第一講書人閱讀 32,991評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工兆蕉, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人缤沦。 一個(gè)月前我還...
    沈念sama閱讀 48,063評(píng)論 3 370
  • 正文 我出身青樓虎韵,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親缸废。 傳聞我的和親對(duì)象是個(gè)殘疾皇子包蓝,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,871評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容