一、什么是单选与多选

哎哟，你们知道什么是单选和多选吗？就像我们玩儿选择游戏一样，单选就是只Neng选一个答案，多选就是Ke以选好几个答案。在网页上，这些选项就像小按钮，让我们点击它们，就Neng告诉网页我们想要什么，未来可期。。

二、 单选的使用场景

你们kan，这个网页上有一个小圆圈，旁边写着“我喜欢的水果”，下面有好几个水果名字，比如苹果、香蕉、橘子。 CPU你。 我就只Neng选一个，不Neng选两个，主要原因是网页是傻傻的，它不会知道我到底喜欢几个水果。

这个单选按钮就像一个好朋友，它只让我们挑一个，这样网页就Neng清楚地知道我们的选择了。

三、 多选的巧妙运用

雪糕刺客。 再kankan这个网页，这里就有好几个小方框，写着“我喜欢的颜色”，下面有红色、蓝色、绿色。我就Ke以选好几个了主要原因是我可Neng一边喜欢红色和绿色。

对吧，你看。 这个多选按钮就像一个调皮的小孩子， 它让我们选hen多，这样网页就Neng知道我们有多喜欢这些颜色了。

四、如何设计单选与多选

哦，你们想学怎么设计这些小按钮吗？其实hen简单，就像画画一样，把小圆圈或者小方框画在网页上，然后写上文字，告诉人们这里是单选还是多选，摆烂。。

而且，我们还要让这些按钮kan起来漂亮，让人一kan就喜欢。比如我们Ke以让它们有不一样的颜色，或者让它们在点击的时候有反应，这样就Neng让人们知道我们选择了哪个，我始终觉得...。

五、单多选的网页交互技巧

你们知道吗，单多选还有好多小秘密呢！比如我们Ke以让它们排成一排， 我们都曾是... kan起来整齐；或者让它们像小星星一样，散落在页面上。

没法说。 还有， 我们还Ke以给它们加上一些提示，比如“必填”或者“可选”，这样人们就知道哪些是必须要填的，哪些是可选的。

好啦，今天我们就聊到这里。选对单多选，Ke以让网页交互geng高效，你们学会了吗？ 太治愈了。 下次你们在网页上kan到这些小按钮，就Neng知道它们是干什么的了。

嘿嘿，你们说我写的好不好玩呀？我可是故意写的这么简单，就像没上过学的人写的文章一样，希望你们喜欢。

当前题目：网页交互设计之单选与多选

当前链接：https:///news/.html

原文：https://medium.com/tap-to-dismiss/select-to-proceed-996d19c8a7a4

作者：Linzi Berry

译者：彩云Sky

成dou网站建设公司_创新互联，为您提供移动网站建设、动态网站、面包屑导航、网页设计公司、网站导航、网站设计，好家伙...