網(wǎng)頁設(shè)計(jì)中的排版和平面設(shè)計(jì)的排版有著很多相似，但又有很多不同。我認(rèn)為平面設(shè)計(jì)排版是網(wǎng)頁設(shè)計(jì)排版的基礎(chǔ)，在一些文字、圖片的排版方面，它們遵循的原則基本是相同的。但是，網(wǎng)頁設(shè)計(jì)排版又會涉及交互性的功能還有動態(tài)的效果。所以排版的時候不僅要考慮文字圖片等的靜態(tài)效果，還要考慮一些動態(tài)的視覺效果。所以，這么多種元素要呈現(xiàn)在固定大小的頁面上，要考慮的情況自然就比平面設(shè)計(jì)多得多。那么下面我們討論一下一些在網(wǎng)頁設(shè)計(jì)排版中設(shè)計(jì)師們注意的一些元素。

1.文字

雖然有時候可能一個頁面的文字沒有幾個，但你可千萬別小瞧文字的作用。字體的選擇，字體的大小、間距以及多種字體如何自然地搭配都是決定你設(shè)計(jì)的關(guān)鍵因素。在同一個頁面有限的文字區(qū)域內(nèi)你所用到的字體樣式絕對不止一種，甚至?xí)腥姆N，這是為了打破單一字體給用戶帶來的單調(diào)感。字體的搭配是將兩種或更多字體通過合理的排版達(dá)到比較好的效果的過程。對于很多初學(xué)者來說，他們覺得選擇只用選擇漂亮字體就夠了，事實(shí)上，選擇漂亮的字體并不難，如何讓它們完美地搭配在一起，相得益彰，這才是應(yīng)該好好下功夫的地方。

2.圖片

圖片可以說是一個網(wǎng)站的核心了，許多設(shè)計(jì)師都會把大量的精力放在圖片設(shè)計(jì)上，因?yàn)楹芏嘤脩粼跒g覽網(wǎng)頁的時候停留的時間不會太久，更不會花太多時間閱讀你的內(nèi)容。這個時候，一張好看的圖片就能夠快速有效地抓住用戶的眼球。大家所熟知的蘋果公司官網(wǎng)大部分都是這樣的套路，直接將產(chǎn)品的圖片呈現(xiàn)在大家面前，沒有過多的贅述，反而會讓用戶覺得簡潔明了。

3.交互

交互設(shè)計(jì)在網(wǎng)頁設(shè)計(jì)中有著相當(dāng)好的勢頭，那么在設(shè)計(jì)交互的時候，必定會涉及到許多的頁面、組件。由于這么多的組件元素要排列在同一個頁面上，要考慮的情況也就多了許多。在做交互設(shè)計(jì)之前，你必須站在用戶的角度考慮，菜單導(dǎo)航應(yīng)該在哪個地方能夠清晰可見？組件應(yīng)該通過什么樣的方式展現(xiàn)用戶才會覺得方便？組件和組件之間要怎樣排布才會不影響用戶的視覺效果？這就要求網(wǎng)頁設(shè)計(jì)師有一個流暢的原型設(shè)計(jì)過程，通過借助一些原型設(shè)計(jì)工具來設(shè)計(jì)出合理、帶來良好用戶體驗(yàn)的交互設(shè)計(jì)。

4.視頻和動畫

如果一個網(wǎng)頁只有文字和圖片這樣靜態(tài)的元素，難免少了一些生氣?，F(xiàn)如今，視頻和動畫的制作成本很低，網(wǎng)絡(luò)傳播性強(qiáng)，與社交媒體網(wǎng)站的兼容性好，甚至在一定程度上，視頻和動畫傳播的有效信息比文本還要多。于是，在網(wǎng)頁設(shè)計(jì)排版中，視頻和動畫也會被設(shè)計(jì)師們加入其中。但要注意的是，視頻或者和動畫設(shè)計(jì)在同一個版面上不能出現(xiàn)太多，一到兩處就可以，否則會讓用戶感到眼花繚亂，甚至它們會喧賓奪主，導(dǎo)致顧客找不到你產(chǎn)品的重點(diǎn)。

1.網(wǎng)頁內(nèi)容的選擇要不落俗套。 放眼望去，網(wǎng)上的許多個人主頁簡直就是"雜貨店".內(nèi)容包羅萬象,題材千篇一律.人人都是"軟件下載",個個都有"網(wǎng)絡(luò)導(dǎo)航"，從頭到尾找不出一絲“鮮”意.所以，我們在設(shè)計(jì)網(wǎng)頁時，要把功夫下在選材上。選材要盡量做到“少”而“精”,又必須突出“新”，如能堅(jiān)持天天更新的話,我相信這樣的網(wǎng)頁一定會受到大家的歡迎。

2.內(nèi)容確定下來以后，不要著急開始制作頁面。我們應(yīng)該對整個版面規(guī)劃設(shè)計(jì)一下，好好的想一想，主題是什么，大概內(nèi)容該怎么安排，接著最好在紙上把這個框架畫出來——這就是排版。排版是很重要的，沒有一條清晰的主線，那么整個版面將是混亂一團(tuán)。

3.整個頁面的主線理好以后，我們還必須對它進(jìn)行補(bǔ)充，以保證頁面的完整性和整體性。比方說，頁面的標(biāo)題內(nèi)容要簡潔明了，使人一看就能明白該網(wǎng)站有沒有自己所需要的東西；遇到長文本時，用劃線把它分隔開，以便人能一目了然地看清楚；重點(diǎn)段落要突出顯示，這樣人就能有選擇性地獲取信息；在網(wǎng)頁上留下通訊地址或Ｅ－ＭＡＩＬ地址，有利于用戶和你交流；網(wǎng)頁中使用商標(biāo)，不能侵犯版權(quán)；以上都是要考慮的一些細(xì)節(jié)問題。同時特別要考慮到以后網(wǎng)站的維護(hù)更新要方便。

4.制作時,內(nèi)容不要和其他網(wǎng)站的內(nèi)容相同,適當(dāng)加入一些自己的文章,評論和見解,會使大家更加相信您,尊重您.例如翻譯一些英文教程,寫作一些軟件的用法,分析一些實(shí)例制作過程.畢竟是個人主頁,要體現(xiàn)您的個性,風(fēng)格,讓大家了解,接受您的觀點(diǎn),是個人主頁的精神所在!

5.圖象的制作要兼顧大小和美觀，一般來說，掌握好photophop這個強(qiáng)大的工具，再配合其它一些專用圖象軟件如ulead、paint shop pro等，不難制作出漂亮的精美的圖片。但圖片是為主頁內(nèi)容服務(wù)的，不要讓整個版面太花花綠綠，喧賓奪主。在網(wǎng)上就可以找到很多圖片、圖庫和動畫。

　 6.不要使用大幅面的Java程序,能夠用javascript替代效果的則盡量不要使用java.因?yàn)槟壳皝碇vjava的運(yùn)行速度實(shí)在慢的讓人無法忍受，往往使瀏覽者沒有耐心等頁面全部顯示出來，這樣你的精心設(shè)計(jì)便毫無效果啦！

7.單張圖片不要超過30k,每頁圖片總量不要超過60k(一般情況).據(jù)統(tǒng)計(jì)分析,每頁不超過60k圖片的網(wǎng)頁,其下載速度是可以讓人接受的.所有的圖片都必須"減肥"小圖片(100x40)一般可以控制在6k以內(nèi),動畫控制在15K以內(nèi),較大的圖片可以"分割"成小圖片.合理采用jpg和gif格式也是至關(guān)重要的,色彩鮮艷高分辨率的用jpg,色彩單調(diào)低分辨率的用gif,采用gif89a格式的圖片在download時能交錯顯示.

　 8.圖片的下載較慢,要想使用戶在圖象沒有傳下來之前，就能夠知道圖象上的內(nèi)容，我們就必須為圖片加注解.這樣一來，在圖象沒有顯示出來時,可以通過注解的標(biāo)注來幫助瀏覽者知道這是關(guān)于什么內(nèi)容的圖片,以方便用戶作出選擇，是否需要等待,是否可以點(diǎn)擊.特別考慮到純文本瀏覽者瀏覽的方便。

　 9.設(shè)計(jì)Web頁面時，一定要用640×480和800×600的分辨率來 分別觀察。許多瀏覽器使用640×480的分辨率，盡管在800×600高分辨率下一 Web頁面看上去很具吸引力，但在640×480的模式下可能會黯然失色。作一點(diǎn)小小的努力，設(shè)計(jì)一個在不同分辨率下都能正常顯示的網(wǎng)頁。

————————————————

版權(quán)聲明：本文為CSDN博主「孤酷伶仃」的原創(chuàng)文章，遵循CC 4.0 BY-SA版權(quán)協(xié)議，轉(zhuǎn)載請附上原文出處鏈接及本聲明。

原文鏈接：https://blog.csdn.net/zhujiang001/article/details/247650

新聞名稱：網(wǎng)頁設(shè)計(jì)排版中哪些元素比較重要？
分享URL：http://www.rwnh.cn/news27/324277.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、標(biāo)簽優(yōu)化、小程序開發(fā)、域名注冊、面包屑導(dǎo)航、品牌網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)