不同场景的按钮设计要求也不同，场景内的按钮要统一设计标准，做好用户点击引导，尤其是手机网站制作，由于手机网站的屏幕限制，如果设计没有做好引导，很容易造成页面的按钮信息混乱，用户认知错误，体验感差。

因此，小编今天就给大家讲讲手机网站不同场景的按钮该如何设计。

一、单个按钮

单个按钮的场景一般有两种，一种是手机网站的主要操作按钮，这种按钮承载网站想要用户操作的强烈意愿，如作品集网站想要用户上传作品，“上传”按钮就会放在显眼的位置，还有高调的设计，借此吸引用户。

还有一种是，具有“开关”性质的按钮，一般是手机网站的设置类按钮，网站需要获得用户的某些许可，或是用户主观上需要开通某一个功能或权限等。这种按钮使用微互动设计，用户轻轻点击，按钮模仿实景的进行滑动，按钮的颜色随着操作的不同进行切换，整个操作过程及其结果都是清晰且直观的。

二、两个按钮

两个按钮的场景需要用户进行判断哪一个按钮对他更有价值。手机网站制作这种场景的按钮时，首先要选一个点击率较高的、用户更想要点击的按钮，给它更精致、突出的设计，让它与另一个按钮形成明显的区别，用户能一眼看见它、点击它。

三、三个及其以上的按钮组

三个及其以上的按钮要按照按钮组的设计原则来设计，统一的按钮框、字体设计，让其保持一致性，统一的视觉设计让用户快速领悟其功能的相似性。按钮组的出现，意味着版块内容的多样性，如商城网站的商品评价区，其中会有不同的评价分类，每个分类会有不同的按钮提供给用户点击查看，内容更有条理，也更便于用户需找信息。

虽然手机网站不同场景的按钮的设计原则不同，但是整个手机网站的按钮在某一细节设计上要有统一的标准，比如形状、颜色、或是文案大小等，这是为了在视觉上保持手机网站制作的统一性，不会让用户产生另外跳转网站的错觉。