最近我在移动用户体验设计中挖了一些,我找到了一个关于1手/拇指选择的有趣话题.
主要思想是你有两个可以用拇指点击的三角形区域.我确实尝试通过CSS或jQuery找到一个解决方案来创建2个可点击/触摸的三角形区域,但是我失败了.
我尝试过:
- 图标字体
- svgs(这不起作用,因为svgs仍然是矩形的)
- divs的边框形状为三角形
- 画布(没有那么好用)
- ASCII字体
- jQuery,在这方面没什么用处:/
- 旋转div(CSS变换)
您是否有任何关于我如何能够实现适合屏幕的响应三角形的建议,在此屏幕中不重叠,可在DOM中单击和访问？
UI的主要观点是用户需要这样看到点击/可触摸区域(视觉上)以确定交互的可能性.获得点击区域(以三角形样式)很可能不是问题.但是,向用户显示他们需要在某个区域进行交互是关键.
我不想要缩放或不同版本的图片!我喜欢看CSS或JavaScript解决方案......
我想最大的问题是三角形不成比例+响应性
这张照片应该说明这个想法: 响应三角形http://s7.directupload.net/images/140212/7q8q4nha.jpg
