歡迎來到合肥浪訊網(wǎng)絡(luò)科技有限公司官網(wǎng)
  咨詢服務(wù)熱線:400-099-8848

知道這12個(gè)規(guī)劃小技巧能防止一些規(guī)劃上的坑(上)

發(fā)布時(shí)間:2017-12-28 文章來源:本站  瀏覽次數(shù):3710

本文要給我們介紹的是12個(gè)鮮為人知的規(guī)劃技巧,如慎用向右滑動(dòng)操作、慎用橫屏展現(xiàn)作用、按鈕原理頁面底部等,這些技巧簡略細(xì)巧但實(shí)操性很強(qiáng),作為網(wǎng)頁規(guī)劃師應(yīng)該盡量避開這些坑。下面浪訊給我們詳細(xì)介紹:

1、交互上,慎用向右滑動(dòng)的操作方法。
如:刮刮樂涂抹作用,左右滑動(dòng)翻頁等。
原因:蘋果手機(jī)上,向右滑動(dòng)簡略觸發(fā)回來“上一級頁面”作用。

2、交互上,慎用橫屏展現(xiàn)作用。
原因:體會(huì)上,需要用戶設(shè)備敞開屏幕旋轉(zhuǎn)功用,才干正常觀看,用戶操作本錢高。對不同屏幕的手機(jī),長寬份額紛歧,難以展現(xiàn)最佳的視覺作用。

3、視覺上,功用按鈕等,遠(yuǎn)離頁面底部(大約128px,這個(gè)尺度不是固定值),具體看重構(gòu)選用什么適配方法(僅供參考:640*1136 px,從上往下核算,主要內(nèi)容在1008px內(nèi))。
原因:更好的設(shè)備各種屏幕的手機(jī),防止按鈕被擋住。

4、視覺上,慎用“光線疊加作用”或PS里面的“圖層樣式”作用。
如:給圖層加個(gè)“柔光”、“濾色”、“色相”等等作用,除非這個(gè)視覺元素能夠合并為一體。
原因:給重構(gòu)挖坑,導(dǎo)致欠好切圖,無法復(fù)原視覺作用。

5、視覺上,矢量圖?想做簡略的動(dòng)畫?導(dǎo)出SVG格局試試!
原因:能削減體積的事,為什么回絕呢……

6、動(dòng)畫上,盡量防止全屏動(dòng)畫,優(yōu)先考慮部分動(dòng)畫的方法。
如:各種粒子作用全屏飄過等。
原因:如果呈現(xiàn)的視覺作用無法用代碼完成,就意味著要用全屏尺度的序列幀來處理,體積上會(huì)飆升,影響加載體會(huì)。

上一條:網(wǎng)頁規(guī)劃中的不對稱規(guī)劃...

下一條:浪訊科技高檔設(shè)計(jì)師教你怎...