2024年5月4日发(作者：达乐圣)

无边框按钮的优缺点

By 黑板报值日生

[核心提示] 去拟物、去除立体化装饰的设计，能为界面的视觉上开创更多可能性、也

似乎更适应了触控式屏幕的特性，然而过度简化的设计也会导致了提高了学习成本、难以

上手的问题。

编辑注记：本文转载自《無邊框按鈕的優缺點》

导航栏对于多数手机 APP 而言是个很重要的元素，它不但可以让使用者明确的了解

目前所开启的功能名称，在许多时候还同时是个放置导航与重点功能的一个区域。

在以往，当导航栏上出现可以点击的按钮时，设计师在视觉表现上都力求让用户知道

是个按钮，直至 iOS7 的设计去拟物化设计理念，将这些地方的按钮的形态去掉、仅剩下

符号与文字告知使用者该「按钮」的功能。

传统上，大多数的按钮外观都被设计成拥有具体的形状范围，除了可以有效的提示使

用者这是个「可以被点击」的按钮元件之外，还可以有效的让使用者知道这个按钮的「作

用范围」在哪里，以防误触到相邻的按钮。这点这在许多地方相当有用，尤其是按钮相当

多的屏幕小键盘或计算机，就需要让使用者知道按键的实际感应范围在哪裡。

桌面系统与触控系统大不同

其实在导航栏上去除每个按钮实体的形状并不少见，像是电脑系统中也是有许多元件

的长相也不像我们认知中的按钮，比如说菜单栏，其实就是一串按钮的集合体。

2024年5月4日发(作者：达乐圣)

无边框按钮的优缺点

By 黑板报值日生

[核心提示] 去拟物、去除立体化装饰的设计，能为界面的视觉上开创更多可能性、也

似乎更适应了触控式屏幕的特性，然而过度简化的设计也会导致了提高了学习成本、难以

上手的问题。

编辑注记：本文转载自《無邊框按鈕的優缺點》

导航栏对于多数手机 APP 而言是个很重要的元素，它不但可以让使用者明确的了解

目前所开启的功能名称，在许多时候还同时是个放置导航与重点功能的一个区域。

在以往，当导航栏上出现可以点击的按钮时，设计师在视觉表现上都力求让用户知道

是个按钮，直至 iOS7 的设计去拟物化设计理念，将这些地方的按钮的形态去掉、仅剩下

符号与文字告知使用者该「按钮」的功能。

传统上，大多数的按钮外观都被设计成拥有具体的形状范围，除了可以有效的提示使

用者这是个「可以被点击」的按钮元件之外，还可以有效的让使用者知道这个按钮的「作

用范围」在哪里，以防误触到相邻的按钮。这点这在许多地方相当有用，尤其是按钮相当

多的屏幕小键盘或计算机，就需要让使用者知道按键的实际感应范围在哪裡。

桌面系统与触控系统大不同

其实在导航栏上去除每个按钮实体的形状并不少见，像是电脑系统中也是有许多元件

的长相也不像我们认知中的按钮，比如说菜单栏，其实就是一串按钮的集合体。