資源描述:
《QQ登錄界面設(shè)計C#.pdf》由會員上傳分享,免費在線閱讀,更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。
1、第2章設(shè)計QQ用戶登錄界面通過對本章的學習,在學會設(shè)計QQ登錄界面的同時,還能了解設(shè)計用戶界面的一些相關(guān)知識,如VisualC#2008工具箱、屬性窗口的使用,以及使用【格式】菜單的菜單命令來美化用戶界面等。2.1用戶界面設(shè)計用戶界面設(shè)計是VisualC#2008程序設(shè)計中非常重要的工作,本節(jié)首先介紹了用戶界面的概述和類型,然后再介紹設(shè)計用戶界面的一些基本原則,讀者在設(shè)計用戶界面時,應(yīng)當遵循這些基本原則。2.1.1用戶界面概述用戶界面是應(yīng)用程序的重要組成部分,設(shè)計用戶界面時,有許多問題需要考慮:例如一共需要使用多少個窗體
2、、要不要使用菜單、要不要創(chuàng)建工具欄、采用什么樣的方式來與用戶交換信息、應(yīng)當給用戶提供哪些幫助等。由此可見,在設(shè)計用戶界面之前,應(yīng)當了解該應(yīng)用程序的用途及用戶的計算機水平層次,據(jù)此設(shè)計出合理、美觀的用戶界面,用戶界面決定了應(yīng)用程序的易用性,從而決定了應(yīng)用程序的整體質(zhì)量。2.1.2用戶界面的類型基于Windows應(yīng)用程序的用戶界面主要有兩種類型:第一種是單文檔界面(SDI),第二種是多文檔界面(MDI)。MicrosoftWindows操作系統(tǒng)中自帶的寫字板程序就是一個單文檔界面應(yīng)用程序的例子,它只能處理一個文檔,如需要處理
3、另一個文檔,則必須關(guān)閉前一個文檔,寫字板程序如圖2-1所示。圖2-1寫字板——單文檔界面應(yīng)用程序多文檔界面應(yīng)用程序有很多,如MicrosoftExcel,它允許同時處理多個文檔,如圖2-2所示,可以通過窗口菜單來切換當前窗口中的活動文檔。圖2-2MicrosoftExcel——多文檔界面應(yīng)用程序除了SDI界面和MDI界面,比較常見的還有對話框型界面和類似于“Windows資源管理器”的界面。對話框型界面如Windows中的計算器;類似于“Windows資源管理器”的界面由兩部分組成,左邊是層次視圖區(qū),右邊是內(nèi)容顯示區(qū),這
4、種界面便于瀏覽大量的文檔、圖片和目錄等。2.1.3設(shè)計用戶界面的基本原則說明:關(guān)于【格式】菜單中各菜單項的使用及作用將在本章后面的內(nèi)容中(第2.3節(jié))詳細介紹,并應(yīng)用到本章介紹的實例(QQ登錄界面設(shè)計)中。1.控件的位置拖放安排在絕大多數(shù)的用戶界面設(shè)計中,并不是所有的元素(如控件等)都具有相同的重要性,所以應(yīng)抓住重點,將較重要的元素定位在對用戶來說處在一目了然的位置,重要的和需要經(jīng)常訪問的元素應(yīng)當處于顯著的位置,次要的元素則應(yīng)當處于次要的位置。習慣的閱讀順序一般是從左到右,從上到下。按照此原則,用戶第一眼看到的應(yīng)是計算機
5、屏幕的左上部分,因此最重要的元素應(yīng)當定位在這里,如同網(wǎng)頁設(shè)計一樣。比如有一條重要的數(shù)據(jù)信息,它的標題欄應(yīng)當安排放在能被用戶第一眼看到的位置,而各種操作按鈕則應(yīng)當處于該標題欄的下方,因為用戶通常要使用按鈕來完成窗口的操作。將控件和元素適當分組也是非常必要的,可以嘗試根據(jù)“功能”和“關(guān)系”來組成一個邏輯信息組。按照控件在功能上的聯(lián)系,將它們放在一起,在視覺效果上也要比將它們分散在屏幕的各處要好得多。在通常情況下,可以使用框架控件(GroupBox)來幫助控件的合理編排。VisualC#2008的控件一般都具有Location
6、(位置)屬性,可以通過設(shè)置該屬性來安排控件位置,當然也可以使用鼠標直接拖放。2.控件的大小與一致性編排控件的大小設(shè)置是程序設(shè)計時經(jīng)常遇到的問題,雖然操作非常簡單,但在決定控件大小時卻很讓人頭疼。合理設(shè)置控件的大小以達成一致性是界面設(shè)計中的重要問題之一,一致性的外觀將體現(xiàn)應(yīng)用程序的協(xié)調(diào)性。如果缺乏一致性就會使界面混亂而無序,這樣的界面將會使應(yīng)用程序看起來混亂而不嚴密,體現(xiàn)不出應(yīng)有的價值,不但對用戶的使用帶來不便,甚至還會使用戶覺得應(yīng)用程序不可靠。VisualC#2008提供的控件豐富多樣,但是,應(yīng)該拋棄使用較多不同控件的想
7、法,而應(yīng)當盡量使用協(xié)調(diào)性強的控件,來選擇最適合自己應(yīng)用程序的特定控件子集。例如,當有ListBox、ComboBox等多種控件被同時利用時要盡可能的使它們采用同一風格。再如,在控件中使用相同的顏色作為背景色等,如果沒有特別需要,盡量不使用鮮艷的顏色。在應(yīng)用程序中保持不同控件的一致性對提高應(yīng)用程序的可用度來講也是非常重要的。如果兩種控件選擇了不同的顏色和顯示效果,那么應(yīng)用程序?qū)@得十分不協(xié)調(diào)。所以在確定設(shè)計思路時,一定要堅持用同一種風格貫穿整個應(yīng)用程序的想法,用這個思路來完成整個程序的設(shè)計。3.合理利用空間,保持界面的簡
8、潔在界面的空間使用上,應(yīng)當形成一種簡潔明了的布局。在用戶界面中使用空白空間有助于突出元素和改善可用性。即合理使用窗體控件之間以及控件四周的空白區(qū)域。一個窗體上控件太多會導(dǎo)致界面雜亂無章,給尋找字段或者控件帶來不便或困難。因此,在設(shè)計中需要插入空白空間來突出設(shè)計元素。各控件之間一致的間隔以及垂直與水平方向各元素的對齊也