首頁  >  文章  >  web前端  >  總結關於設計小技巧注意點

總結關於設計小技巧注意點

巴扎黑
巴扎黑原創
2017-06-12 13:17:391113瀏覽

這篇文章主要為大家分享了12個不為大家熟知的HTML5設計小技巧,相信大家一定會有所收穫,有興趣的夥伴們可以參考一下 12個不為大家熟知的HTML5設計小技巧,內容如下1、互動上,慎用向右滑動的操作方式。如:刮刮樂塗抹效果,左右滑動翻頁等。原因:蘋果手機上,向右滑動容易觸發返回「上一級頁面」效果。 2、互動上,慎用橫屏展示效果。原因:體驗上,需要使用者裝置開啟螢幕旋轉功能,才能正常觀看,使用者操作成本高。對不同螢幕的手機,長寬比例不一,難以展現最佳的視覺效果。 3.視覺上,功能按鈕等,遠離頁面底部(大概128px,這個尺寸不是固定Z值),具體看重構採用什麼適配方式(僅供參考:640*1136 px,從上往下計算,主要內容在1008px內)。原因:更好的設備各種螢幕的手機,避免按鈕被擋住。 4.視覺上,慎用「光線疊加效果」或PS裡面的「圖層樣式」效果。如:為圖層加個「柔光」、「濾色」、「色相」等等

#1. 詳細介紹HTML5 12個設計小技巧(圖文)

總結關於設計小技巧注意點

簡介:這篇文章主要為大家分享了12個不為大家熟知的HTML5設計小技巧,相信大家一定會有所收穫,有興趣的夥伴們可以參考一下

2. CSS樣式設計小技巧(水平居中,垂直居中)_html/css_WEB- ITnose

簡介:CSS樣式設計小技巧(水平居中,垂直居中)

3. 超實用! 12個鮮為人知的HTML 5設計小技巧_html/css_WEB-ITnose

簡介:超實用! 12個鮮為人知的HTML 5設計小技巧

4. 12個鮮為人知的HTML 5設計小技巧_html/css_WEB-ITnose

簡介:12個鮮為人知的HTML 5設計小技巧

#

以上是總結關於設計小技巧注意點的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn