掌上新粗野设计指南
本站编写的设计取舍与实现建议;实例是说明用的界面方案,不是客户案例、官方截图或效果承诺。目录中的部分条目是交互策略、业务布局或平台设计系统,并非同一层级的视觉流派。
设计原理
硬描边、偏移影与贴纸色块缩进手机布局,保留机械按压感。小屏变体需减少装饰密度,避免厚边框占去操作空间。
适用场景
独立手机工具、轻游戏、个性化活动页。
不适用与取舍
长时间处理工作记录或多个错误状态并存的复杂表单。
实现方法
采用单列卡片、有限粗边框和统一投影方向;实际点击盒不随按压动画移动。主要动作实色,辅助动作轻边框,错误与焦点有不同标识。
具体界面示例
手机问答页的答案卡带硬影,提交按钮更突出;按下后保留原位置,未答题显示文字提示。
常见误区
把桌面贴纸全部缩小会产生拥挤;每个控件都用粗黑外框时主次操作难以分辨。
继续比较
结合材料、布局或父子变体比较选择。