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

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

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

2、交互上，慎用橫屏展現(xiàn)作用。
原因：體會(huì)上，需要用戶設(shè)備敞開屏幕旋轉(zhuǎn)功用，才干正常觀看，用戶操作本錢高。對(duì)不同屏幕的手機(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ì)。