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

1.文字

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

2.圖片

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

3.交互

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

4.視頻和動(dòng)畫(huà)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

廣告

聲明：本網(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)