2024-03-24 分類: 網(wǎng)站建設(shè)
網(wǎng)站建設(shè)中的網(wǎng)頁(yè)界面空間設(shè)計(jì)
網(wǎng)站設(shè)計(jì)師越來(lái)越重視網(wǎng)頁(yè)的界面設(shè)計(jì)中二維空間的布局,一些優(yōu)秀的網(wǎng)站設(shè)計(jì)師能將網(wǎng)站網(wǎng)頁(yè)的二維空間設(shè)計(jì)成一種具有一定形式意味的實(shí)空間和虛空間,給人們帶來(lái)一種賞心悅目的心理感受。實(shí)空間是那些文字、圖形、符號(hào)以及點(diǎn)、線、面等視覺(jué)要素所占有的空間;虛空間指的是那些實(shí)空間以外的空白處。網(wǎng)頁(yè)界面中的空白部分是界面設(shè)計(jì)不可忽視的重要部分,以虛襯托實(shí),以無(wú)襯托有,以弱襯托強(qiáng)可獲得更佳的視覺(jué)效果,產(chǎn)生更深刻的視覺(jué)印象。
空白需要給予足夠的重視,特別是在密集的信息瀏覽間隙,視覺(jué)需要適度放松和調(diào)節(jié),空白不僅是一種有效的調(diào)節(jié)手段,在理論上被視為網(wǎng)頁(yè)的導(dǎo)覽空間。
導(dǎo)覽空間。視覺(jué)有一種規(guī)律:作為整體形的萬(wàn)事萬(wàn)物,被孤立的食物總是被優(yōu)先注意到。孤立意味著事物的周邊有空白。在網(wǎng)頁(yè)設(shè)計(jì)中,這些空白可以理解為視覺(jué)的導(dǎo)覽空間。就網(wǎng)頁(yè)中的文字而言,被優(yōu)先注意到文字總是那些周邊有空白的文字,有些人把這種現(xiàn)象稱之為視覺(jué)的邊際效應(yīng)。
在網(wǎng)站設(shè)計(jì)網(wǎng)頁(yè)界面時(shí),如果要特別強(qiáng)調(diào)某些重要的內(nèi)容,應(yīng)該充分利用這種邊際效應(yīng),為某些重要的內(nèi)容騰出一定的導(dǎo)覽空間,讓視覺(jué)能夠優(yōu)先注意到它。在設(shè)計(jì)上,上個(gè)世紀(jì)50年代出現(xiàn)的國(guó)家版面運(yùn)動(dòng)對(duì)導(dǎo)覽空間做了很多有益的開(kāi)拓。
導(dǎo)覽空間在突出網(wǎng)頁(yè)的主要內(nèi)容、區(qū)分信息層次、美化界面形式等方面具有十分重要的作用,值得借鑒。在網(wǎng)站設(shè)計(jì)中,這種導(dǎo)覽空間的形式變化可以是規(guī)則的,也可是隨機(jī)的,可同時(shí)兼顧其比例、位置、方向、色彩等關(guān)系的變化。
網(wǎng)站建設(shè)中的網(wǎng)頁(yè)文字編排詳述
網(wǎng)頁(yè)文字的編排有不少技巧。網(wǎng)頁(yè)里的正文部分是由許多單個(gè)文字經(jīng)過(guò)編排組成的群體,要充分發(fā)揮這個(gè)群體形式在網(wǎng)頁(yè)界面整體布局中的作用。在網(wǎng)頁(yè)設(shè)計(jì)中,字體的處理與顏色、界面圖形等其他設(shè)計(jì)元素的處理一樣非常關(guān)鍵。
字體具有兩方面的作用,一是實(shí)現(xiàn)字意與語(yǔ)義的功能,而是美學(xué)效應(yīng)。從加強(qiáng)平臺(tái)無(wú)關(guān)性的角度來(lái)考慮,正文內(nèi)容最好采用默認(rèn)字體。應(yīng)為瀏覽器使用本地機(jī)器上的字庫(kù)顯示頁(yè)面內(nèi)容。網(wǎng)頁(yè)設(shè)計(jì)者必須考慮到大多數(shù)瀏覽者的機(jī)器里只裝有三種字體類型及一些相應(yīng)的特定字體,而你制定的其他字體在瀏覽者的機(jī)器里并不一定能夠找到,這給網(wǎng)頁(yè)設(shè)計(jì)帶來(lái)很大的局限。
一些網(wǎng)站設(shè)計(jì)者喜歡使用特殊的字體,我們不可能預(yù)測(cè)到在訪問(wèn)者電腦上會(huì)顯示什么效果。范圍里避免特殊字體在訪問(wèn)者電腦上不能顯示,我們可以用這種辦法:級(jí)聯(lián)風(fēng)格表CSS有助于解決這個(gè)問(wèn)題,通常的方法在確有必要使用特殊字體的地方,可以將文字制成圖像,然后插入頁(yè)面中。
網(wǎng)頁(yè)中的字號(hào),最適合于網(wǎng)頁(yè)正文顯示的字體大小為12磅左右,現(xiàn)在很多的綜合性網(wǎng)站,由于在一個(gè)頁(yè)面中需要安排的內(nèi)容較多,通常采用9磅的字號(hào),較大的字體可用于標(biāo)題或其他需要強(qiáng)調(diào)的地方,小一些的字體可以用于頁(yè)腳和輔助信息。需要注意的是,小字號(hào)容易產(chǎn)生整體感和精致感,但可讀性較差。在同一頁(yè)面中,字體種類少,界面雅致,有穩(wěn)定感;字體種類多,則界面活躍,豐富多彩。關(guān)鍵是如何根據(jù)頁(yè)面內(nèi)容來(lái)掌握這個(gè)比例關(guān)系。
網(wǎng)頁(yè)文字行距的變化也會(huì)對(duì)文本的可讀性產(chǎn)生很大影響。一般情況下,接近字體尺寸的行距設(shè)計(jì)比較適合正文,行距的常規(guī)比例為10:12,即用字10點(diǎn),則行距12點(diǎn)。這主要是出于以下考慮:適當(dāng)?shù)匦芯鄷?huì)形成一條明顯的水平空白條,以引導(dǎo)瀏覽者的目光,而行距過(guò)寬會(huì)使一行文字失去較好的延續(xù)性。
非常感謝您讀完創(chuàng)新互聯(lián)的這篇文章:"上海網(wǎng)站建設(shè)制作公司-上海小程序制作開(kāi)發(fā)-上海網(wǎng)絡(luò)推廣",僅為提供更多信息供用戶參考使用或?yàn)閷W(xué)習(xí)交流的方便。我們公司提供:網(wǎng)站建設(shè)、網(wǎng)站制作、官網(wǎng)建設(shè)、SEO優(yōu)化、小程序制作等服務(wù),歡迎聯(lián)系我們提供您的需求。
新聞標(biāo)題:上海網(wǎng)站建設(shè)制作公司-上海小程序制作開(kāi)發(fā)-上海網(wǎng)絡(luò)推廣
路徑分享:http://www.rwnh.cn/news10/321560.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供手機(jī)網(wǎng)站建設(shè)、微信公眾號(hào)、網(wǎng)站營(yíng)銷、網(wǎng)站維護(hù)、網(wǎng)站設(shè)計(jì)、域名注冊(cè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容