最近做了很多设置相关的工作，期间发现一个矛盾，那就是查看与修改难以取舍。
尤其是对于包含多个维很多设置项目，例如，手机的“音量”设置可能包含静音模式、震动模式、铃声音量、媒体音量、闹钟音量和通话音量。由于信息层次、数量较多，给设置页面的设计带来更大的条件。
常见网站设置
相比查看参数，常见的网站设置页面更加侧重修改参数。因为这种方式将所有信息平等地铺展出来，每一个都可以随时修改。
好处：不用切换页面，所见即所得。
坏处：信息展示没有重点，看起来费力。这种方式还衍生出来一个问题，就是页面上所有东西都是可编辑状态，为了避免误操作，通常使用确定取消按钮来保存设置。
常见手机设置
常见手机对于多维项目的设置页面，与常见网站相比，主要有三点不同：1、将一个个多维项目从页面上分开，必须点击才能进入多维项目单独的设置页面；2、因为每一个只展示一个多维项目的设置内容，所以信息没那么多，不用确定取消按钮来防止误操作了；3、设置控件更加简洁清晰了。
好处：每次载入的项目不会太多，保证页面的简介清晰。
坏处：增加了一个层级，而且除非点入多维项目的单独设置页面，否则没法看到任何参数。除此之外，手机为了简洁而放弃了滑块的精确性。
我的方案
我的期望只有两点：1、查看的时候够清晰；2、修改的时候不放弃精确性。
如果用户只想看一看该项的参数，那么在收起状态就能看到主要参数。如果用户想要修改，那么展开后他能看到该项目的单独修改内容。这样就兼顾了查看与修改。
这个方案需要注意的是，收起状态的关键词提取。这些关键词不但要选取最主要的，而且要抓住关键结果，而非设置方式。例如，上图中收起状态的的第一个关键词是“振动”，而不是“静音模式，静音时振动”。因为不论这个振动模式是通过什么样的逻辑判断出来的，用户关心的是最终结果。
假设整个手机的设置都用这种方式，那么看起来大概是这样：
未经允许请勿转载
