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

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

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

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

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

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

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

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

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

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

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

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