VISUAL LANGUAGE / DESIGN GUIDE

掌上新粗野

Neo Brutalism (Mobile)

硬描边、偏移影与贴纸色块缩进手机布局,保留机械按压感。小屏变体需减少装饰密度,避免厚边框占去操作空间。

掌上新粗野设计指南

本站编写的设计取舍与实现建议;实例是说明用的界面方案,不是客户案例、官方截图或效果承诺。目录中的部分条目是交互策略、业务布局或平台设计系统,并非同一层级的视觉流派。

设计原理

硬描边、偏移影与贴纸色块缩进手机布局,保留机械按压感。小屏变体需减少装饰密度,避免厚边框占去操作空间。

适用场景

独立手机工具、轻游戏、个性化活动页。

不适用与取舍

长时间处理工作记录或多个错误状态并存的复杂表单。

实现方法

采用单列卡片、有限粗边框和统一投影方向;实际点击盒不随按压动画移动。主要动作实色,辅助动作轻边框,错误与焦点有不同标识。

具体界面示例

手机问答页的答案卡带硬影,提交按钮更突出;按下后保留原位置,未答题显示文字提示。

常见误区

把桌面贴纸全部缩小会产生拥挤;每个控件都用粗黑外框时主次操作难以分辨。

继续比较

结合材料、布局或父子变体比较选择。

启用 JavaScript 可切换浅深色、收藏、使用组件演示并复制提示词。实例用于解释设计,不代表真实业务业绩。