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