界面之點(diǎn)面之間

一個界面決定它好看與不好看,可能與顏色褒墨,圖片炫刷,文字,內(nèi)容郁妈,排版等等都有關(guān)浑玛。但我想說一下界面中的留白,現(xiàn)在手機(jī)越來越大噩咪,但是屏幕大小基本都是在五寸大小左右顾彰,平板就不算了。不算大也不算小胃碾,一只手尷尬涨享,兩只手太大。所以做界面的時候不僅要考慮界面的美觀仆百,更要顧及到交互問題厕隧。這個就和我想說的點(diǎn)面有關(guān)了。

比如儒旬,拿手機(jī)點(diǎn)擊屏幕這件事來說栏账,這個點(diǎn)的過程你要考慮到兩點(diǎn)。第一點(diǎn)栈源,你的手接觸到屏幕的實(shí)際大小挡爵,一般來說我們點(diǎn)擊屏幕的時候使用的基本上是拇指和食指,所以最大也就拇指大小甚垦,而且一般我們是手尖點(diǎn)擊屏幕茶鹃,可能接觸面更小,所以這個時候我們做按鈕或者控件艰亮,就可以參考這個大小來做闭翩。那么第二點(diǎn)問題就來了,如果我們就剛好按照點(diǎn)擊面的大小來做就會發(fā)現(xiàn)迄埃,控件太緊密容易誤點(diǎn)疗韵,也就是我們要在兩個控件之間留多少間距才是合適的。中國畫特別喜歡留白侄非,現(xiàn)在國外的網(wǎng)站蕉汪,APP也有很多這么做看上去非常高大上流译,但是有時候覺得一個界面展示的東西不夠多或者為了留白去掉一些提示信息,導(dǎo)致信息表達(dá)不夠準(zhǔn)確者疤,所以這種為了美觀留白就會帶來很不好的交互體驗福澡。到底怎樣控制兩點(diǎn)之間的距離,既能產(chǎn)生美感又能好用驹马?

這個一般來說是沒有嚴(yán)格的標(biāo)準(zhǔn)革砸,但是界面里面為了好看還是有幾點(diǎn)要遵守的,比如四大原則:親密性糯累,對齊算利,重復(fù)和對比。這四個原則說起來很簡單寇蚊,但是用起來并不簡單笔时,更別說用好。將相關(guān)的事物在物理位置上更近一點(diǎn)仗岸,使用戶一眼看出清晰的結(jié)構(gòu)允耿,同時相對應(yīng)的元素對齊是視覺上更明確類別,重復(fù)使用顏色大小使風(fēng)格統(tǒng)一扒怖,而用對比在統(tǒng)一中又突出重點(diǎn)较锡。遵循這幾點(diǎn)后,再看留白盗痒,一般留白很多加上素色會有一種高端大氣上檔次的感覺蚂蕴,但是也會顯得很空,所以如果要做這種比較高端的產(chǎn)品建議圖片留白俯邓,布局上用卡片布局骡楼。手機(jī)上除了這種其他的不建議大面積留白,除了你要做的界面很精煉只有幾個功能稽鞭,一般來說中國現(xiàn)在的app界面超級精煉的應(yīng)該沒有很多鸟整,這種一般都比較小眾化。但是如果要做大眾化的產(chǎn)品朦蕴,就要小面積的留白既不能影響操作又不能影響美觀篮条,就只能使在一個控件中的字體和圖標(biāo)小而精,分割線這種用弱分割就是顏色和背景相比的話很淺吩抓,達(dá)到一種似有似無的狀態(tài)涉茧,這樣的話就不會把本來就小的手機(jī)界面分割的更小,整個面就會看上去美觀大方疹娶。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末伴栓,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌钳垮,老刑警劉巖除师,帶你破解...
    沈念sama閱讀 221,695評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異扔枫,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)锹安,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,569評論 3 399
  • 文/潘曉璐 我一進(jìn)店門短荐,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人叹哭,你說我怎么就攤上這事忍宋。” “怎么了风罩?”我有些...
    開封第一講書人閱讀 168,130評論 0 360
  • 文/不壞的土叔 我叫張陵糠排,是天一觀的道長。 經(jīng)常有香客問我超升,道長入宦,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,648評論 1 297
  • 正文 為了忘掉前任室琢,我火速辦了婚禮乾闰,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘盈滴。我一直安慰自己涯肩,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,655評論 6 397
  • 文/花漫 我一把揭開白布巢钓。 她就那樣靜靜地躺著病苗,像睡著了一般。 火紅的嫁衣襯著肌膚如雪症汹。 梳的紋絲不亂的頭發(fā)上硫朦,一...
    開封第一講書人閱讀 52,268評論 1 309
  • 那天,我揣著相機(jī)與錄音烈菌,去河邊找鬼阵幸。 笑死,一個胖子當(dāng)著我的面吹牛芽世,可吹牛的內(nèi)容都是我干的挚赊。 我是一名探鬼主播,決...
    沈念sama閱讀 40,835評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼济瓢,長吁一口氣:“原來是場噩夢啊……” “哼荠割!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,740評論 0 276
  • 序言:老撾萬榮一對情侶失蹤蔑鹦,失蹤者是張志新(化名)和其女友劉穎夺克,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體嚎朽,經(jīng)...
    沈念sama閱讀 46,286評論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡铺纽,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,375評論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了哟忍。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片狡门。...
    茶點(diǎn)故事閱讀 40,505評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖锅很,靈堂內(nèi)的尸體忽然破棺而出其馏,到底是詐尸還是另有隱情,我是刑警寧澤爆安,帶...
    沈念sama閱讀 36,185評論 5 350
  • 正文 年R本政府宣布叛复,位于F島的核電站,受9級特大地震影響扔仓,放射性物質(zhì)發(fā)生泄漏褐奥。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,873評論 3 333
  • 文/蒙蒙 一翘簇、第九天 我趴在偏房一處隱蔽的房頂上張望抖僵。 院中可真熱鬧,春花似錦缘揪、人聲如沸耍群。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,357評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽蹈垢。三九已至,卻和暖如春袖裕,著一層夾襖步出監(jiān)牢的瞬間曹抬,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,466評論 1 272
  • 我被黑心中介騙來泰國打工急鳄, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留谤民,地道東北人。 一個月前我還...
    沈念sama閱讀 48,921評論 3 376
  • 正文 我出身青樓疾宏,卻偏偏與公主長得像张足,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子坎藐,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,515評論 2 359

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

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,286評論 25 707
  • ¥開啟¥ 【iAPP實(shí)現(xiàn)進(jìn)入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程为牍,因...
    小菜c閱讀 6,444評論 0 17
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫哼绑、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,120評論 4 61
  • 今天是白天沒有課的一天碉咆,教室那么大抖韩,有人卻喜歡坐在我旁邊,我很不太適應(yīng)疫铜。 昨晚看了一部戲劇茂浮,還沒有看完,是易卜生的...
    鹿港小鎮(zhèn)a閱讀 104評論 0 0
  • 「凡投靠你的壳咕,愿他們喜樂励稳,時常歡呼〈丫」(詩篇5:11) 一個快樂的人,生活里是否沒有恐懼的存在趣避? 昨天讀書會庞呕,我們...
    lsreporter閱讀 496評論 0 2