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

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

當前位置:首頁 > WEB前端學習 > 【網頁設計干貨】文本控件與滾動條制作要點!

【網頁設計干貨】文本控件與滾動條制作要點!

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

 
【網頁設計干貨】文本控件與滾動條制作要點!
 
 
顯示控件用于顯示和管理屏幕上信息的視覺展現。典型的例子包括滾動條、屏幕分割線、標尺、網格等等。重點討論幾個問題較多的控件。
 
文本控件制作要點
文本控件制作要點

 
 
最簡單的顯示控件就是文本控件,它在屏幕的某個位置顯示固定信息。它只用來做其他控件的標簽或者輸出一些不能或不應該由用戶改變的數據。
 
文本控件存在的唯一問題就是它們經常被用在應該使用編輯控件的場合(或者相反)。編輯與瀏覽兩種狀態應該是共存的。用戶單擊后可以直接更改,在這里所有特殊的編輯模態都是多余的。
 
滾動條制作要點

滾動條制作要點
 
滾動條在現代GUI種是很重要的角色,它能讓較小的矩形框內顯示大量的數據。然而,它目前的設計不僅難于操作而且浪費像素。有時候在不適合的場景使用反而會降低工作效率、作為顯示控件,它很適合用于窗口內容和文本的導航器。滾動條上的滑塊可以指示當前位置而且通常顯示出可滾動區域的比例。
 
滾動條適用于幾乎所有類型的內容。其中,用于文本頁面的滾動條可以為我們顯示出如下內容:
 
總共有多少頁
 
當我們滾動時,顯示頁數(或者記錄數、圖形數)
 
當我們滾動時,要顯示每一個頁面的縮略圖。
 
除了以上內容以外,我們應該增加滾動條的功能讓我們更加快速和容易地去到我們想去的地方:
 
根據頁數/章/節/關鍵詞為我們提供向前跳讀的按鈕
 
為我們提供跳到文檔開始和末尾的按鈕
 
給我們設置可以快速返回的書簽工具
 
帶有注釋的滾動條,可以在滾動條的背景上顯示出被搜索詞語的位置(此時滑塊要變成半透明的才行)
 
滾動條的缺點:難以操作,要求用戶高度精確地操作鼠標,分散在滾動的數據上的注意力,缺乏與情境有關的信息,增加屏幕的混亂度。滾動條很容易被誤用,最典型的就是它無法用于在時間軸上的導航。(時間是無限的,用滾動條是沒有意義的,比如日歷。)
 
在移動平臺上,用戶通常不需要滾動,但通過手勢進行滾動操作可以了解當前屏幕在文檔中所處的位置。在筆記本或者臺式機上,用戶可以通過鼠標滾輪(或蘋果的觸控鼠標)或觸控板等使滾動條隱藏起來,但滾動條的主要意義在于指示當前內容的位置,并不在于滾動本身。然而,滾動條被隱藏起來,會帶來一些可用性方面的問題,要加以處理:
 
用戶可能看不出窗格是可以滾動的。此時,我們可以用較為強烈的視覺暗示。例如窗格邊緣的東西是半透明的。
 
滾動的精確控制更困難。所以,應用程序需要進行精確控制時,最好還是不要將滾動條隱藏起來。
 
屏幕較大時,我們完全可以將滾動條隱藏起來。用戶可以移動鼠標靠近它,或滾動鼠標滾輪去激活它。
 
滾動條的變體當中使用得最好的是文檔導航器,用一個小縮略圖表示整個文檔控件,提供文檔中某個部分的視圖。(圖形、視頻、音頻編輯軟件),這種習慣用法的成功與否,在于是否能用視覺的方式有意義地展現文檔的概貌。由于這個原因,所以這種用法不適用于較大的文本文檔,可以替換為提綱等結構式的表達方法。
 

版權聲明:本文:【網頁設計干貨】文本控件與滾動條制作要點! 由重慶網站制作公司(www.l2qz.net)原創內容,如需要轉載請注明原文網址:重慶網站建設公司http://www.l2qz.net/

 
喜歡看,就分享到:

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

回到頂部
二十二世纪古墓奇兵爱慕影院 愽罗尼亚对卡利亚里 神秘元素试玩 游戏尼罗河宝藏怎么玩 国际米兰转会最新新闻 八门神器天天酷跑 爵士俱乐部APP 贝利西餐厅下载v1.0.0 安卓版 守望先锋公测 招财鞭炮游戏规则 丛林巨兽闯关 轩辕帝传登陆 锁子甲制作图解