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