<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    2. 

    <del id="afajh"><form id="afajh"></form></del>
    

    5. 

        1. <th id="afajh"><progress id="afajh"></progress></th>

          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>
          如何設(shè)計更好的復(fù)選框，單選和切換按鈕？
          共
                909字，需瀏覽
                    2分鐘
                
           ·
          2021-05-24 20:16
          
                    

                    
                    
                    
                    
          英文 | https://uxplanet.org/how-to-design-better-checkbox-radio-and-toggle-buttons-197b85fa0820
          翻譯 | 楊小二

          選擇控件使用戶可以完成涉及選擇的任務(wù)，例如選擇選項，打開或關(guān)閉設(shè)置或添加或刪除項目。
          單選按鈕不是復(fù)選框。復(fù)選框不是切換。切換不是單選按鈕。這些元素中的每一個都有不同的含義，并用于不同的目的。
          尺碼
          使用正確大小的單選按鈕，復(fù)選框和切換按鈕，以實現(xiàn)更好的視覺實現(xiàn)，效率和可讀性。
          單選按鈕
          單選按鈕是允許用戶選擇在其相應(yīng)的文本標(biāo)簽中寫入的值的組件。與復(fù)選框不同，用戶一次只能從一個組中選擇一個單選按鈕。
          最好將它們用于2-4個元素。他們只允許用戶選擇1件東西，而不是更多。
          記住這些事情：
          • 單選按鈕始終垂直列出。
          • 單選按鈕的標(biāo)簽首字母大寫。
          復(fù)選框
          復(fù)選框是允許用戶選擇寫在其相應(yīng)文本標(biāo)簽中的值的組件。用戶可以同時從一個組中選擇多個內(nèi)容。
          一個復(fù)選框控制有三種狀態(tài)：未選中狀態(tài)，選擇和不確定的。
          當(dāng)可以選擇多個選項時，請使用復(fù)選框，并將復(fù)選框的標(biāo)簽內(nèi)容首字母大寫。
          開關(guān)按鈕
          開關(guān)按鈕是一種界面元素，通過激活或取消激活，可以觸發(fā)屏幕上的即時操作。
          但是，不需要使用CTA按鈕進(jìn)行確認(rèn)。使用開關(guān)按鈕進(jìn)行激活。
          注意水龍頭區(qū)域
          單選按鈕，復(fù)選框和開關(guān)按鈕是所有UI設(shè)計中最小的交互式元素之一，因此它們需要有一個易于訪問的點擊區(qū)域。
          讓用戶不僅通過單擊或點擊該小方塊，還可以單擊標(biāo)簽或相關(guān)聯(lián)的單詞來選擇一個選項。
          顏色和不同狀態(tài)
          始終在不同的條件下使用不同的顏色，并嘗試使用漸變顏色以獲得更好的視覺吸引力。
          結(jié)論
          如果可能，請始終使用垂直顯示選項列表。水平對齊的選項可能很難閱讀且難以區(qū)分。如果必須以水平方式顯示列表，請務(wù)必密切注意項目與其相應(yīng)復(fù)選框之間的距離以及列表項目之間的間隔。
          學(xué)習(xí)更多技能
          請點擊下方公眾號
          
                
          瀏覽
                    29
          點贊
    
          評論
    
          收藏
    
          分享
        
          手機(jī)掃一掃分享
          分享
    
          
        舉報
    
          評論
          圖片
          表情
          推薦
        
          點贊
    
          評論
    
          收藏
    
          分享
        
          手機(jī)掃一掃分享
          分享
    
          
        舉報
    
          

          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            2. 

            <del id="afajh"><form id="afajh"></form></del>
            

            5. 

                1. <th id="afajh"><progress id="afajh"></progress></th>

                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  

视频一区二区无码久久
|
国产娇小13videos糟蹋
|
91影院理论推荐手机在线观看
|
欧美 中文 日韩
|
亚洲狼人
|