二十二世纪古墓奇兵爱慕影院

小梁建站專注重慶中小企業網站建設SEO優化,讓您網站更具價值!

當前位置:首頁 > 視頻教程 > 網頁開關、狀態切換、單選、組合圖標按鈕設計基礎知識

網頁開關、狀態切換、單選、組合圖標按鈕設計基礎知識

時間:2018-08-09 23:36 來源:重慶網站制作公司(www.l2qz.net) 作者:重慶網站建設公司


網頁開關、狀態切換、單選、組合圖標按鈕設計基礎知識
 
 
江津手機網站開關按鈕設計
 
通過開關行為,把按鈕從命令控件轉變為選擇控件。
 
在按鈕上做一點小改動,在單擊時保持凹進或者按下狀態,再次單擊時則凸起,就變成了開關按鈕。按鈕的開關行為,讓按鈕的特征完全改變,按鈕則由命令成了選擇控件。點贊也是常用的開關按鈕。
 
開關按鈕作為單次選擇的習慣用法,廣泛地取代了復選框,大量使用在非模態交互中,這樣不會打斷用戶做決定時的流狀態。開關按鈕不需要文本,因此節省屏幕空間,但卻有圖標的費解性問題。此時可借助工具提示來解決。
 
開關
 
開關是兩個挨著的壓縮版的單選按鈕組成。它有兩個狀態“開”和“關”。有時在控件兩端就會有“開”和“關”的標簽。
 
開關在移動應用中的“設置”界面非常好用,應用的很多屬性和選項都可以選定為開或關。但是在桌面軟件和web應用上就會有些笨拙。
 
 
狀態切換按鈕
 
界面要么表示狀態,要么表示改變狀態的命令,但是不能同時表達兩者(常見例子:音樂播放器的播放和暫停)。江津手機網站狀態切換按鈕改進方式:
 
(1)通過文字區分(點贊/取消)
 
(2)將操作和狀態分離(播放和暫停使用兩個按鈕)
 
(3)通過顏色區分
 
(4)將兩種狀態都顯示出來,比如用兩個按鈕取代之
 
單選按鈕
 
單選按鈕最早出現在收音機上。它與復選按鈕的外形很類似,但它每個選項是互斥的,并且要成組使用才有意義,所以要占用大量的屏幕空間。iOS上若要實現一般使用開關控件,或二次開發。
 
在獨占式應用中,下拉菜單比單選按鈕更好。
 
就像圖標按鈕可以取代復選框一樣,圖標按鈕也可以取代單選按鈕,即單選按鈕圖標。節省屏幕空間。用戶需用模式識別來分辨它們,同時輔以“工具提示”。
 
 
組合圖標按鈕
 
在下拉列表中,如果我們用單選圖標取代圖標按鈕,此時的界面和“組合框”相似,我們稱之為組合圖標按鈕。
 
(1)右側有向下小箭頭的單一鎖定圖標按鈕。
 
 
(2)組合圖標按鈕右下角有一個向下或則會向右的小三角,來取代單獨的向下的箭頭。對于需要長時間交互的獨占姿態應用來說,這是一個極好的常用控件,交互方式操作速度快。(ps里的工具欄)
 
(3)word將其變體:下拉后不再出現一系列的圖標按鈕,而是不同顏色,像小調色板。
 
 

版權聲明:本文:網頁開關、狀態切換、單選、組合圖標按鈕設計基礎知識 由重慶網站制作公司(www.l2qz.net)原創內容,如需要轉載請注明原文網址:重慶網站建設公司http://www.l2qz.net/

 
喜歡看,就分享到:

圍觀: 9999次 | 責任編輯:重慶網站建設公司

回到頂部
二十二世纪古墓奇兵爱慕影院 玩时时彩死了多少人 重庆时时全天计划 500元20期倍投计划 爱赢吧 捕鱼游戏财神发发发技巧 幸运28走势图怎么看 星罗斗地主龙虎 三肖六码3肖6码网站 免费 体育比分及时比分 9码杀一码好方法 t6国际登录 北京pk10官网开奖视频