In SVG interactive graphics, "clicking" should be the most common interactive operation.
Interactive graphics are seen a lot, and clicking buttons is also various.
What kind of graphic design fits what kind of buttons.
Today, we have sorted out 23 sliding cases of FAW Besturn, Huawei, Infiniti and other brands, and divided them into 8 types of click button design styles: circles, gestures, arrows, mice, fingerprints, bending lines, circles + other shapes, and other special shapes.
1
circle
Using a circle to guide the user to click is the most common design, and sometimes it is made into a dynamic circle effect, which is more breathtaking.
*Images from "Nespresso Coffee", "VERSACE Versace" and "BREITLING Breitling"
2
gesture
From Huawei Wireless Network:
·
*Images from "Haier Zhijia Life", "iQOO" and "Xiaomi Mobile"
3
arrowhead
Arrows can more clearly indicate the location of the click, preventing the user from accidentally touching and attracting the user's attention.
*Images from "Country Base" and "Nike Media Center"
4
mouse
From Nestlé Professional Online: