Escanear código QR Carregar código QR
Loja de dominios
Selecione o tipo de plataforma anti-bloqueio para evitar interceptação de links
Selecionar tipos de plataforma permitidos para acesso

一网打尽APP常见功能模块页面设计,超全超详细

做页面设计,本来就是个磨人的活儿。



这期「素材播报」,我们不聊完整的原型,就想安安静静和刀友们聊聊页面设计这件事。页面和组件,是原型最基础的两个元素——组件拼成页面,页面再通过交互串起整个产品。道理都懂,可真动手去搭一个页面,麻烦就来了:布局得反复调,还得时刻想着这个页面塞进整个产品里协不协调、会不会显得割裂。



这种来回试错的过程,既吞时间,也磨人。有时候一个设置页就能折腾一下午,最后还可能觉得哪儿不对劲。

好在,墨刀这边早就替你想到了。很多你需要的页面,其实已经有现成的素材可以直接用,改改设置项就能快速落地,不用再从零画起。所以今天干脆把 APP 原型设计里最常碰到的几类页面素材整理出来,直接拿来供你参考,省得你再去一点点硬磨。

个人资料设置页

要说常见页面里的“出镜率冠军”,个人资料设置页肯定没跑。几乎每个应用都会碰到,而且往往改一版设计,就要同步调整好多地方。



这次我们一共梳理了 10 种不同风格的个人资料页,整体上都压着「less is more」的路子走,尽量保持简洁清晰,不堆砌无意义的装饰。你上手几乎不需要大动干戈,只要把具体的设置项改成自己产品的字段,很快就能生成一个能用的页面。考虑到复用方便,整套个人资料页素材都是单独组合好的,往下拖拽就能快速复制,在不同项目间流转也很顺手。

帮助中心

帮助中心这个模块,平时看着不起眼,真到用的时候才知道有多重要。设计得合理,不光能帮用户自己快速搞懂产品,还能实实在在替客服和运营团队挡掉大量重复性咨询。

这期素材广场新上架了 6 个常见的帮助中心页面,不是随意堆砌,而是尽量从“帮用户更快发现问题、更快解决问题”的角度去组织内容结构。无论是常见问题列表、分类导航,还是搜索优先的布局,都能直接拿来套用,省去你从零梳理信息架构的功夫。

意见反馈

意见反馈可以看作帮助中心的一个延伸,也是产品经理直接收集用户真实声音的通道。但反馈页面难就难在:既要让用户愿意填,又要让他们填出来的东西是有效的、能用的。一旦入口太随意,收到的可能全是“不好用”三个字,连改进方向都找不到。



基于这一点,我们准备了 8 个意见反馈页面,大体分成三种类型:一种是完全不加干涉的开放式描述,把主动权交给用户;一种是用预设引导,靠几个常见问题方向帮用户把思路理清;还有一种是按意见分类提交,适合问题类型比较集中的场景。你可以把帮助中心页面和这些反馈页面组合起来,直接搭出一套完整的“帮助与反馈”功能模块,比单独设计要顺畅得多。

以上就是这期「素材播报」的全部内容了。不知道你最近正被哪类页面折腾得够呛?如果你有特别想要、但一直没找到合适参考的页面类型,记得告诉我们,说不定下一次更新,就是为你准备的。