一個界面決定它好看與不好看,可能與顏色褒墨,圖片炫刷,文字,內(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ī)界面分割的更小,整個面就會看上去美觀大方疹娶。