- 相關(guān)推薦
做好網(wǎng)頁文案設(shè)計的技巧分享
在一個網(wǎng)絡(luò)站點設(shè)計的過程中，網(wǎng)頁文案有著舉足輕重的作用，因為它的好壞直接反應(yīng)了一個網(wǎng)絡(luò)站點的優(yōu)劣。那么如何把網(wǎng)頁的文案設(shè)計做好呢？下面小編就為大家分享一些小技巧，希望對您有所幫助！
做好網(wǎng)頁文案設(shè)計的技巧分享 1
一、網(wǎng)頁文本表現(xiàn)技巧
我們現(xiàn)在從網(wǎng)頁文本的工作流程，來看看有哪些需要把握的技巧。
在設(shè)計網(wǎng)頁之前，你應(yīng)該是把你所有的文本內(nèi)容寫好了、編輯好了吧？那么先把每個話題、概念、建議和指導(dǎo)意見等等分門別類，切為不同的段落、部分（注意段落要精簡），拿做菜打比方，有點像配菜。
接下來：做標(biāo)題。記住，標(biāo)題就像路牌一樣，人家在你的網(wǎng)站上逛來逛去，全靠它指路了。標(biāo)題要意義清晰、描述性強，有人喜歡用花里胡哨的詞匯，是很酷，但會增加人家的負(fù)擔(dān)，讓人家多花一份腦筋琢磨究竟是什么。
巧妙使用列單和表格。把你的想法按邏輯關(guān)系，一條條破解出來，列出來，讓人家在視覺上一目了然。同樣，表格也能起來這樣的效果。適于用表格表現(xiàn)的內(nèi)容，如果是文字，讀起來別提多難受了，是吧？
立體規(guī)劃內(nèi)容，將所有部分按一定的構(gòu)架各就其位、分別納入不同層次的頁面。注意先要把最重要的內(nèi)容放到首頁上，其他的依次就緒。
現(xiàn)在你就可以勾劃頁面藍(lán)圖、編HTML了。就文本內(nèi)容的表現(xiàn)而言，記住盡量別讓一行文字的寬度橫跨整個屏幕。段落一多，這樣子看起來很費勁，而且別人的瀏覽器還可能和你的差別很大。最好別超過屏幕寬度的一半。
內(nèi)容主體的文字字號，最好用軟件的默認(rèn)值，這可以保證大多數(shù)人的閱讀效果。為加強效果，文字大小可以時不時地變一下，不過要適度，別喧賓奪主。
如何適度地使表現(xiàn)形式活躍起來呢？別用下劃線，容易和鏈接標(biāo)識相混，誤引來點擊�？煽紤]顏色、粗體、斜體等手段。
記住，每頁都得有個“標(biāo)題”，就是頁面最頂端出現(xiàn)的那行文字。有的人不知道這個“TITLE”的重要性，隨意來點什么或者根本就忘了。它和文本內(nèi)容的標(biāo)題一樣，都是你站點的一個個路標(biāo)，能省嗎？
還有一點，記著考慮如何讓人家打印方便。和書刊相比，電腦上的閱讀環(huán)境要難受得多，所以有條件的讀者會選擇將網(wǎng)頁內(nèi)容打印下來，躺在沙發(fā)上慢慢看。如果資源容許，最好能設(shè)定兩個版本，一個是正常版本，一個是純文本的，適合打印。
怎么算適合打印呢？還是那句話，體貼讀者情況。比方說，別把文本拉到全屏的寬度，有的打印機會切去右邊不少寬度的內(nèi)容。又如，顏色也得注意，黃色背景下的紅色文本，打印出來就很模糊。最好還是來簡單的：白紙黑字。還有，有的瀏覽器打印帶框架（frame）的頁面會出錯，這個也應(yīng)該考慮進(jìn)去。
二、新聞郵件、電子雜志的文本格式
要充分利用互聯(lián)網(wǎng)的通訊便捷特點，留住“回頭客”。最方便的，就是通過電子郵件發(fā)送站點內(nèi)容更新通知，再正規(guī)一點，發(fā)送定期的新聞郵件、電子雜志等等。那么這些電子郵件媒體有什么講究呢？
最基本的，要控制每行文字的長度。每行最好在20個字左右，超過30字就有點玄了，有的訂戶接到的郵件，看起來就是七零八落、參差不齊。文字長度的控制，可以用字處理程序來做，實在不行，就手工來。這是針對純文本郵件而言的，有人喜歡用HTML格式的，下面我們就看看網(wǎng)頁文本需要哪些技巧。
三、網(wǎng)頁文本撰寫技巧
1、最吸引人內(nèi)容要先說。
先說最吸引人的內(nèi)容，然后再慢慢展開。然后再慢慢展開。或者說，把你的獨特內(nèi)容包裹成一個懸念，吸引人家注意。讀者看一篇文章，前三段注意力最集中，如果這“寸土寸金”的前三段用不好，人家就要和你說再見了。
遵從同一法則，做標(biāo)題更為重要。讀者一般只是尋找某些特定的信息，而不是什么都看。他們會掠過一行行文字，捕捉感興趣的關(guān)鍵詞、句子或段落，如果你用清晰的標(biāo)題指引人家，會使他們?yōu)g覽起來很便利。
同理，措辭要講究，適當(dāng)使用形容詞，吸引力會更大。比方說，“功能強大的'新軟件包”，和“新軟件包真好”相比，是不是更引人些？
總之，要有些想象力，花點心思，琢磨琢磨用怎樣的文字，才能最大限度地挑起讀者的好奇心和注意力。
2、內(nèi)容要使讀者在思想上、在視覺上產(chǎn)生愉悅感。
你在寫作時，要記住，你的網(wǎng)頁可能會被成千上萬的人瀏覽。如果你的內(nèi)容讓人家覺得是專門為他（她）而寫，那么，你的站點對他們的吸引力就大得多。別自顧自地講大道理，實在點、直接點、輕松點，就像和你的一位好朋友面對面聊天一樣，讓人家看得下去。
3、著筆盡量要細(xì)致。
讓人家能在最短的時間內(nèi)，了解你想呈現(xiàn)給人家什么。給人家一幅清晰的畫卷，別云山霧罩的。
4、開門見山，直接了當(dāng)。
大家都知道，網(wǎng)友的耐心尤其少。你能提供的信息或許對他們有裨益，但如果要人家沒完沒了地翻下去才能找到，恐怕極少有人有這份耐心。
5、越簡捷越好。
一個句子最好別超過25個字，太長了，會讓讀者接不上氣。段落也要盡量簡短，6—8句足矣。再長，屏幕上黑乎乎一片，人家眼睛先花了，屏幕上看東西本來就沒有讀書讀報來得舒服。
6、認(rèn)真修改。
寫完了，文字很“酷”，標(biāo)題很“酷”，是不是就可以萬事大吉了？NO。先好好組織一下段落結(jié)構(gòu)、邏輯關(guān)系，別東一榔頭西一棒子，要一段一個意思，一部分一個題，全篇從邏輯上要完整、順暢。要注意給讀者留點自由，讓人家一看就能放心地選擇，哪些感興趣，哪些可以跳過去。
做好網(wǎng)頁文案設(shè)計的技巧分享 2
1、在圖像上疊加彩色蒙層。
有時候設(shè)計網(wǎng)頁會添加大尺寸圖像，在圖像上直接添加文字可能會導(dǎo)致內(nèi)容顯示不清晰。
通過在圖像上添加品牌主題色的半透明蒙層，既能提供必要的對比度又能提升文本可讀性。
2、不要過度使用留白。
大多數(shù)設(shè)計師都不會吝嗇使用留白，在網(wǎng)頁中總能看到大量留白存在。
但是當(dāng)同一系列的元素間存在過多的留白時，可能會破壞元素的整體性，導(dǎo)致元素之間缺乏關(guān)聯(lián)。
3、突出重點。
用戶在一個網(wǎng)頁的停留時間為10~20s，這就要求網(wǎng)站在10s內(nèi)必須清晰傳遞自己的價值。
因此標(biāo)題文案要突出重點，用最少的時間來吸引用戶的注意力。
4、注意純文本排版的'細(xì)節(jié)。
在沒有機會使用插畫或圖片的情況下，純文本排版往往會很單調(diào)。
著眼于品牌色和排版細(xì)節(jié)，可以快速提升界面設(shè)計感。
5、小圖標(biāo)，大插圖。
圖標(biāo)在設(shè)計中很重要，但圖標(biāo)的使用通常保持在小尺寸。在大尺寸設(shè)計中，我們通常會使用插圖而不是圖標(biāo)來表達(dá)信息。
6、謹(jǐn)慎使用字間距。
如果你不是一位經(jīng)驗豐富的設(shè)計師，請謹(jǐn)慎并克制增大字間距。在文本中增加額外的字間距會造成可讀性問題，并破壞字體設(shè)計的節(jié)奏。
7、保持恰當(dāng)?shù)男虚L。
中文一個字占兩字符，英文一個字占一字符，行長在頁面中的最大長度不能超過110字符，最佳行長在45—75字符，包括空格及標(biāo)點。
8、顯示網(wǎng)站價值。
將真正有價值的內(nèi)容放在主標(biāo)題中，副標(biāo)題起到解釋和補充的作用。一個有效的方式是添加真實用戶的頭像，為社交證明增加真實性。
9、避免使用小字體。
瀏覽器默認(rèn)的16px字體到現(xiàn)在已經(jīng)使用了二十多年，使用專為屏幕設(shè)計的現(xiàn)代字體，并在18~20px開始正文。
10、運用概率法則。
如果有四部分內(nèi)容要展示，嘗試將其中兩部分整合起來用三部分來說明，或者考慮內(nèi)容的優(yōu)先級，把最弱的部分刪掉。
11、管理認(rèn)知負(fù)荷。
盡可能合并并減少分項。調(diào)整標(biāo)題和文本間的對比以改善視覺層次結(jié)構(gòu)，并使用適當(dāng)?shù)牧舭讋?chuàng)建一個平衡的體驗。
12、使用亮色作為強調(diào)。
大范圍使用亮色會遇到對比度問題，從而無法識別基本的內(nèi)容。在按鈕等小元素上，應(yīng)避免使用白色文字。
13、檢查灰色文本的對比度。
使用灰色文字是創(chuàng)建文本之間層次結(jié)構(gòu)的常用技巧。但灰色字體往往會導(dǎo)致可讀性問題，應(yīng)保證灰色字體具有足夠的對比度。
做好網(wǎng)頁文案設(shè)計的技巧分享 3
1、對比圖像，文字更具吸引力。
與你所認(rèn)為的相反，在瀏覽一個網(wǎng)站的時候，能夠直接吸引用戶目光的并不是圖像。大多數(shù)通過偶然點擊進(jìn)入你的網(wǎng)站的用戶，他們是來尋覓信息的而不是圖像。因此，保證你的網(wǎng)站設(shè)計凸顯出最重要的信息板塊，這才是設(shè)計的首要原則。
2、眼球的第一運動聚焦于網(wǎng)頁的左上角。
用戶瀏覽網(wǎng)頁的這一習(xí)慣應(yīng)該在意料之中，畢竟左上部為主要操作中心這一點為大多數(shù)重要的計算機應(yīng)用程序的設(shè)計所采用。在你構(gòu)建網(wǎng)站考慮網(wǎng)站設(shè)計時，應(yīng)該盡量保持這一格式。要知道，如果你希望保持個人特色，搭建一個成功的網(wǎng)站，你就必須尊重用戶們的習(xí)慣。
3、用戶瀏覽網(wǎng)頁時，首先觀察網(wǎng)頁的左上部和上層部分，之后再往下閱讀，瀏覽右邊的內(nèi)容。
用戶普遍的瀏覽方式呈現(xiàn)出“F”的形狀 。保證網(wǎng)站內(nèi)容的重要要素集中于這些關(guān)鍵區(qū)域，以此確保讀者的參與。在此放置頭條，副題，熱點以及重要文章，這樣可以吸引到讀者進(jìn)行閱讀。
4、讀者會忽視橫幅廣告。
研究表明，讀者常忽視大部分的橫幅廣告，盡管你以此維持網(wǎng)站生計，視線往往只停留幾分之一秒。如果你想通過廣告掙錢，那么必須創(chuàng)新你的廣告位以及合理配置網(wǎng)站廣告形式。
5、花哨的字體和格式被忽視。
為什么呢？那是因為用戶會認(rèn)為這些是廣告，并非他們所需要的信息。事實上，研究表明用戶很難在充滿大量顏色的花哨字體格式里尋找到所需的信息，因為視覺線索告訴他們把這些忽略吧。保持網(wǎng)站的清爽，不要因為華而不實的表面，讓重要的信息被忽略。
6、用數(shù)詞來代替數(shù)字。
如果使用數(shù)詞取代數(shù)字的羅列，讀者會發(fā)現(xiàn)在你的網(wǎng)站可以很容易地發(fā)現(xiàn)真實的資料。要知道，你是寫給那些將第一次瀏覽你的網(wǎng)站的讀者，所以，讓他們?nèi)菀装l(fā)現(xiàn)他們所需的信息，讓他們感興趣。
7、字體大小影響瀏覽行為。
想改變?nèi)藗儗δ愕木W(wǎng)頁的看法嗎？改變網(wǎng)頁字體的大小。大的字體刺激瀏覽，而小一些的字體則提高焦點閱讀量。根據(jù)你的需要，合理配置兩者的比例。
8、遇到感興趣的內(nèi)容，用戶僅會多看一眼副標(biāo)題。
不要過分堅持副標(biāo)題固定的格式——保證他們的相關(guān)性和興趣。你也可以讓副標(biāo)題包含關(guān)鍵詞，這樣可以有效利用搜索引擎，讓它帶來讀者。
9、人們大都只瀏覽網(wǎng)頁的小部分內(nèi)容。
如果在用戶瀏覽的時候提供信息使他們盡快鎖定目標(biāo)，就可以把這一點發(fā)展成為你的優(yōu)勢。突出某些部分或者創(chuàng)建項目列表使網(wǎng)頁信息容易找到和閱讀。
10、簡短的段落相對于長段落來說有更好的表現(xiàn)力。
網(wǎng)頁信息是為大多數(shù)強調(diào)快速瀏覽的無聯(lián)網(wǎng)用戶提供的。除非上下文的銜接要求，保持信息由簡短的段落和句式組成，例如 這個電子商務(wù)網(wǎng)站 的產(chǎn)品介紹。
11、根據(jù)視覺鎖定，一欄格式比多欄格式擁有更好的表現(xiàn)力。
別讓過多的信息把網(wǎng)站來訪者淹沒。大多數(shù)情況下，簡潔更具力量。多欄內(nèi)容容易被用戶忽視，我們需要消除這些干擾。
12、網(wǎng)頁頂部和左邊的廣告更能吸引眼球。
如需要在網(wǎng)站植入廣告，試圖使他們?nèi)谌刖W(wǎng)頁的左上部，這樣他們才能吸引到最大的視覺注意力。當(dāng)然，用戶僅僅會注意到這些廣告，這并不意味著他們會用鼠標(biāo)點擊。所以不要為了提高廣告的注意力而犧牲原有的網(wǎng)站設(shè)計。
13、將廣告放置與最佳內(nèi)容一旁也可以提升注意力。
如果想要提升廣告的可視性和點擊率，可以將其設(shè)置于最能引起人興趣的內(nèi)容一旁，整合進(jìn)網(wǎng)頁的設(shè)計里。這樣，用戶既可以找到所需的內(nèi)容，你也能提升廣告的效益。
14、在各種測試中，人們閱讀文字廣告最為專心。
正如上面提到的，一般的互聯(lián)網(wǎng)用戶不會花費太多時間用于查看那些一眼就能看出是廣告的內(nèi)容。這就是文字廣告表現(xiàn)出眾的原因。他們并沒有分散注意力，而是與網(wǎng)頁的其它部分內(nèi)容融為一體，這讓他們減少了對讀者的視覺刺激，也使這一廣告形式獲得成功的閱讀率。
15、越大的圖像吸引越多的注意力。
如果要在網(wǎng)頁中使用圖片，那越大越好。人們更傾向于查看那些能夠清楚地看到細(xì)節(jié)和獲取信息的圖像。要保證你所用的圖片與文章內(nèi)容相關(guān)，否則它更容易被忽視。大多數(shù)讀者都擁有高速的連接速度，所以請放心在你的網(wǎng)站上使用那些較大體積的圖片。
16、干凈、清晰的特寫圖片能吸引更多的視覺注意。
可能那些抽象的藝術(shù)圖片會讓你的網(wǎng)站看起來很有味道，但是他們并不會吸引多少讀者的注意力。如果你需要使用到這些圖片，請確保所用圖片的清晰以及其表達(dá)內(nèi)容的簡單可讀性。必須注意的是，那些與真實的“人”相關(guān)的圖片比所謂的模特圖片更為“優(yōu)秀”。
17、標(biāo)題能吸引眼球。
瀏覽網(wǎng)頁時，讀者能發(fā)現(xiàn)的第一內(nèi)容是標(biāo)題。確保網(wǎng)頁的所有相關(guān)鏈接暢通和有效，以讓讀者順利的通過網(wǎng)站進(jìn)一步搜索。
18、用戶花費大量時間察看按鈕和菜單。
所以，你需要花費額外的時間維護(hù)你的'精心設(shè)計。畢竟，他們不僅吸引了讀者的眼球，更是網(wǎng)站設(shè)計的重要組成要素。
19、表單格式可以延長讀者的注意時間。
分解內(nèi)容和段落，大量使用表單形式來表現(xiàn)你的文章，可以保證讀者的瀏覽率。使用數(shù)字和其它標(biāo)記符號來突出文章的重要內(nèi)容，會讓網(wǎng)站更容易瀏覽，用戶更快地找到所需的信息。
20、避免呈現(xiàn)大塊的文本。
研究顯示，一般的網(wǎng)絡(luò)瀏覽者不會花費時間去閱讀大塊的文本，無論他們有多重要或?qū)懙枚嗪�。因此，必須把這些大文本分解為若干小段落。突出重要的地方，放置點擊的按鈕也可以提高用戶的注意力。
21、格式可以吸引注意力。
在文中使用粗體、大寫、彩體、下劃線可以幫助用戶獲取正文所表達(dá)的最主要的信息。使用時需要謹(jǐn)慎，因為過多的使用會使你的網(wǎng)頁難以閱讀，把讀者嚇跑。
22、利用好空白。
盡管把網(wǎng)頁的每寸空間都填滿這個想法十分誘人，但事實上讓網(wǎng)站留出部分剩余更為不錯。網(wǎng)站的過量信息會把用戶淹沒，同時他們也會忘記所提供的大部分的內(nèi)容。所以保持網(wǎng)頁的簡潔，給讀者預(yù)留出一些視覺空間來供讀者休息。
23、放置于網(wǎng)頁頂部，導(dǎo)航工具的作用將更好地發(fā)揮。
理想情況下，你不會滿足于當(dāng)讀者打開你的網(wǎng)站時僅瀏覽初始頁，而是希望他們?yōu)g覽翻閱，察看其它感興趣的內(nèi)容。將導(dǎo)航器置于網(wǎng)頁頂部，就可以讓用戶通過使用這個工具輕松的找到所需的目標(biāo)內(nèi)容。
【做好網(wǎng)頁文案設(shè)計的技巧分享】相關(guān)文章：
網(wǎng)頁設(shè)計常用的技巧04-25
網(wǎng)頁排版設(shè)計的技巧11-15
網(wǎng)頁設(shè)計中色彩搭配的原則與技巧12-15
網(wǎng)頁設(shè)計中圖片有哪些常見的使用技巧03-21
運用技巧設(shè)計網(wǎng)頁的圖片原則都有哪些03-21
PHOTOSHOP使用技巧分享11-17
倒車入庫技巧分享02-07