日韩国产一区二区_亚洲综合av色婷婷_亚洲精品无码久久不卡_久久精品视频13
歡迎訪問(wèn)山西華興科軟有限公司
客服電話:0351-2166579
問(wèn)山西華興科軟有限公司
網(wǎng)站首頁(yè)
公司簡(jiǎn)介
公司概況
公司團(tuán)隊(duì)
公司文化
資質(zhì)榮譽(yù)
團(tuán)隊(duì)風(fēng)采
發(fā)展歷程
產(chǎn)品中心
教育軟件
教學(xué)資源
教育研究
定制開(kāi)發(fā)
解決方案
數(shù)字校園建設(shè)
實(shí)訓(xùn)基地建設(shè)
師資隊(duì)伍建設(shè)
校園文化建設(shè)
重點(diǎn)專(zhuān)業(yè)建設(shè)
教學(xué)診斷與改進(jìn)工作
系統(tǒng)集成
成功案例
重點(diǎn)專(zhuān)業(yè)建設(shè)
資源庫(kù)建設(shè)
國(guó)家示范校建設(shè)
系統(tǒng)集成
合同展示
招賢納士
社會(huì)服務(wù)
售后服務(wù)
服務(wù)范圍
教育培訓(xùn)
校企合作
信息化能力提升
微課程設(shè)計(jì)
翻轉(zhuǎn)課堂教學(xué)
信息化能力提升
微信公眾號(hào)
掃一掃
加關(guān)注
信息化能力提升
當(dāng)前位置:
首頁(yè)
>>
社會(huì)服務(wù)
>>
教育培訓(xùn)
>>
信息化能力提升
快速了解-網(wǎng)頁(yè)設(shè)計(jì)
文章來(lái)源:
資源研發(fā)中心----
發(fā)表時(shí)間:
2018年9月28日
一、界面尺寸的選定:
由于頁(yè)面尺寸和顯示器大小及分辨率有關(guān)系,網(wǎng)頁(yè)的局限性就在于無(wú)法突破顯示器的范圍,且瀏覽器
也占去不少空間,留下可以看的頁(yè)面范圍變得越來(lái)越小。目前最小分辨率在1024*768的情況下,頁(yè)面的顯示尺寸為:1004*600,比較常見(jiàn)的分辨率在1366*768,頁(yè)面的顯示尺寸為:1346*600。從這個(gè)數(shù)據(jù)可以看出,分辨率越高頁(yè)面尺寸越大。
瀏覽器的工具欄也是影響頁(yè)面尺寸的原因。一般瀏覽器的工具欄都可以取消或者增加,當(dāng)顯示或關(guān)閉全部工具欄時(shí),頁(yè)面的尺寸是不一樣的。
在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中,向下拖動(dòng)頁(yè)面是唯一給網(wǎng)頁(yè)增多更多內(nèi)容(尺寸的方法)。值得注意的是除非能肯定站點(diǎn)的內(nèi)容能吸引用戶(hù)拖動(dòng),否則不要讓訪問(wèn)者拖動(dòng)頁(yè)面超過(guò)三屏。如果需要在同一頁(yè)面顯示超過(guò)三屏的內(nèi)容,則需要使用鏈接方便訪問(wèn)者瀏覽。
二、網(wǎng)頁(yè)分類(lèi)
根據(jù)企業(yè)希望向?yàn)g覽者傳遞的信息(包括產(chǎn)品、服務(wù)、理念、文化)進(jìn)行網(wǎng)站功能策劃,然后進(jìn)行頁(yè)面設(shè)計(jì)美化工作。網(wǎng)站作為企業(yè)對(duì)外宣傳物料的其中一種,精美的網(wǎng)頁(yè)設(shè)計(jì)對(duì)于提升企業(yè)互聯(lián)網(wǎng)品牌形象至關(guān)重要。大至分為三種大類(lèi):功能型網(wǎng)頁(yè)設(shè)計(jì)(服務(wù)網(wǎng)站&B/S軟件用戶(hù)端)、形象型網(wǎng)頁(yè)設(shè)計(jì)(品牌形象站)、信息型網(wǎng)頁(yè)設(shè)計(jì)(門(mén)戶(hù)站)。設(shè)計(jì)網(wǎng)頁(yè)的目的不同,應(yīng)選擇不同的網(wǎng)頁(yè)策劃與設(shè)計(jì)方案。
三、網(wǎng)頁(yè)布局
網(wǎng)頁(yè)可以說(shuō)是網(wǎng)站構(gòu)成的基本元素。它的組成大致可以分為:
1.“國(guó)”字型
也可以稱(chēng)為“同”字型,是一些大型網(wǎng)站所喜歡的類(lèi)型,即最上面是網(wǎng)站的標(biāo)題以及橫幅廣告條,接下來(lái)是網(wǎng)站的主要內(nèi)容,左右分列一些兩小條內(nèi)容,中間是主要部分,與左右一起羅列到底,最下面是網(wǎng)站的一些基本信息、聯(lián)系方式、版權(quán)聲明等。這種結(jié)構(gòu)是我們?cè)诰W(wǎng)上見(jiàn)到的最多的一種結(jié)構(gòu)類(lèi)型。
2.拐角型
這種結(jié)構(gòu)與上一種其實(shí)只是形式上的區(qū)別,其實(shí)是很相近的,上面是標(biāo)題及廣告橫幅,接下來(lái)的左側(cè)是一窄列鏈接等,右列是很寬的正文,下面也是一些網(wǎng)站的輔助信息。在這種類(lèi)型中,一種很常見(jiàn)的類(lèi)型是最上面是標(biāo)題及廣告,左側(cè)是導(dǎo)航鏈接。
3.標(biāo)題正文型
這種類(lèi)型即最上面是標(biāo)題或類(lèi)似的一些東西,下面是正文,比如一些文章頁(yè)面或注冊(cè)頁(yè)面等就是這類(lèi)。
4.封面型
這種類(lèi)型基本上是出一些網(wǎng)站的首頁(yè),大部分為一些精美的平面設(shè)計(jì)結(jié)合一些小動(dòng)畫(huà),放上幾個(gè)簡(jiǎn)單的鏈接或者僅是一個(gè)“進(jìn)入”的鏈接甚至直接在首頁(yè)圖片上做鏈接而沒(méi)有任何提示。這種類(lèi)型大部分是企業(yè)網(wǎng)站和個(gè)人主頁(yè),如果說(shuō)處理的好,會(huì)給人帶來(lái)賞心悅目的感覺(jué)。
5.“T”結(jié)構(gòu)布局
所謂“T”結(jié)構(gòu)布局,就是指網(wǎng)頁(yè)上邊和左邊相結(jié)合,頁(yè)面頂部為橫條網(wǎng)站標(biāo)志和廣告條,左下方為主菜單,右面顯示內(nèi)容,這是網(wǎng)頁(yè)設(shè)計(jì)中用得最廣泛的一種布局方式。在實(shí)際設(shè)計(jì)中還可以改變“T”結(jié)構(gòu)布局的形式,如左右兩欄式布局,一半是正文,另一半是形象的圖片、導(dǎo)航?;蛘牟坏葍蓹谑讲贾?,通過(guò)背景色區(qū)分,分別放置圖片和文字等。
這樣的布局有其固有的優(yōu)點(diǎn),因?yàn)槿说淖⒁饬χ饕谟蚁陆牵云髽I(yè)想要發(fā)布給用戶(hù)的信,大都能被用戶(hù)以最大可能性獲取,而且很方便,其次是頁(yè)面結(jié)構(gòu)清晰,主次分明、易于使用。
6.“口”型布局
這是一個(gè)形象的說(shuō)法,指頁(yè)面上下各有一個(gè)廣告條,左邊是主菜單,右邊是友情鏈接等,中間是主要內(nèi)容。
這種布局的優(yōu)點(diǎn)是頁(yè)面充實(shí)、內(nèi)容豐富、信息量大,是綜合性網(wǎng)站常用的版式,特別是頂部中央的一排小圖標(biāo)起到了活躍氣氛的作用。缺點(diǎn)是頁(yè)面擁擠,不夠靈活。也有將四邊空出,只用中間的窗口型設(shè)計(jì),例如網(wǎng)易壁紙站使用多幀形式,只有頁(yè)面中央部分可以滾動(dòng),界面類(lèi)似游戲界面。使用此類(lèi)版式的有多維游戲娛樂(lè)性網(wǎng)站。
7.“三”型布局
這種布局多用于國(guó)外網(wǎng)站,國(guó)內(nèi)用得不多。其特點(diǎn)是頁(yè)面上橫向兩條色塊,將頁(yè)面整體分割為4個(gè)部分,色塊中大多放廣告條。
8.對(duì)稱(chēng)對(duì)比布局
顧名思義,它指采取左右或者上下對(duì)稱(chēng)的布局,一半深色,一半淺色,一般用于設(shè)計(jì)型網(wǎng)站。其優(yōu)點(diǎn)是視覺(jué)沖擊力強(qiáng),缺點(diǎn)是將兩部分有機(jī)地結(jié)合比較困難。
9.POP布局
POP源自廣告術(shù)語(yǔ),指頁(yè)面布局像一張宣傳海報(bào),以一張精美圖片作為頁(yè)面的設(shè)計(jì)中心。常用于時(shí)尚類(lèi)網(wǎng)站,漂亮吸引人,缺點(diǎn)是速度慢,因?yàn)轫?yè)面都是大圖構(gòu)成。
四、網(wǎng)頁(yè)版式組成
1.頁(yè)頭
頁(yè)頭又可稱(chēng)為頁(yè)眉,頁(yè)眉的作用是定議頁(yè)面的主題。比如一個(gè)站點(diǎn)的名字多數(shù)都顯示在頁(yè)眉里。這樣,訪問(wèn)者能很快知道這個(gè)站點(diǎn)是什么內(nèi)容。
2.導(dǎo)航
文本在頁(yè)面中出現(xiàn)都以行或者塊(段落)出現(xiàn),它們的擺放位置決定著整個(gè)頁(yè)面布局的可視性。
3.內(nèi)容
4.頁(yè)腳
頁(yè)腳和頁(yè)頭相呼應(yīng)。頁(yè)頭是放置站點(diǎn)主題的地方,而頁(yè)腳是放置制作者或者公司信息的地方。易知許多公司信息都是放置在頁(yè)腳的。
上一條:教你輕松繪圖各種流程圖——組織結(jié)構(gòu)圖繪制
下一條:教學(xué)課件制作小技巧--尋找合適的配圖
聯(lián)系我們
常見(jiàn)問(wèn)題
我要下載
網(wǎng)站聲明
隱私聲明
網(wǎng)站地圖
客服電話:0351-2166576
Copyright ? 山西華興科軟有限公司
晉ICP備05002232號(hào)
聯(lián)系電話:0351-5288195
公司地址:太原市小店區(qū)平陽(yáng)南路102號(hào)盛錦國(guó)際B座6層
太原市晉陽(yáng)街170號(hào)匯鏹磁材5層