SVG互動圖文中,「點選」應該是最常見的一種互動操作了。
互動圖文見得多了,點選按鈕也是五花八門。
什麼樣的圖文設計适合什麼樣的按鈕。
今天給大家整理了一汽奔騰、華為、英菲尼迪等品牌的23個滑動案例,将其分為圓圈、手勢、箭頭、滑鼠、指紋、拐線、圓圈+其他形狀、其他特殊形狀8類點選按鈕設計樣式,大家可以參考。
1
圓圈
用圓圈引導使用者點選是最為常見的一種設計,有時也會制作為動态的圓圈效果,更有呼吸感。
*圖檔分别來自「Nespresso濃遇咖啡」「VERSACE範思哲」「BREITLING百年靈」
2
手勢
來自「華為無線網絡」:
·
*圖檔分别來自「海爾智家生活」「iQOO」「小米手機」
3
箭頭
箭頭能更明顯的指出點選的位置,防止使用者誤觸的同時吸引使用者的注意力。
*圖檔分别來自「鄉村基」「耐克媒體中心」
4
滑鼠
來自「雀巢專業線上」: