<noframes id="jjr3b"><form id="jjr3b"><th id="jjr3b"></th></form>

    <noframes id="jjr3b"><span id="jjr3b"><span id="jjr3b"></span></span>

    <noframes id="jjr3b"><form id="jjr3b"><th id="jjr3b"></th></form>
    <form id="jjr3b"></form>

    <noframes id="jjr3b">
      18868949445

      東莞做網站公司:如何設計文本以保持訪問者在您的網站上的參與

      日期:2020-04-17 閱讀:231   作者:東莞網站設計開發公司

      數字排版是為內容消耗而制作的。顏色、大小、位置和環繞文本的空間通常與內容風格相關。

      但是在網頁設計中,你必須考慮這些文本元素是如何融入頁面的,這樣才能更容易地使用它們。在過去,我們曾分享過超贊字體資源幫助設計原始的排版布局。

      但在這篇文章中,東莞做網站公司想分享一些設計文本的技巧和技巧,這些技巧鼓勵用戶留下來,甚至與頁面進行交互。專注于網絡復制并不總是足夠的。它還需要很好地適應頁面,并保持讀者對內容的關注。

      清晰導航鏈接

      我試圖不指定如何設計鏈接,而是共享導航菜單中使用的常見鏈接設計功能。

       

      所有你可以應用的最好的設計風格都應該以提高可讀性為目標。這可能發生在更高的對比度,更多的字母間距,或更厚的排版。但最終的目標是一個清晰的導航,從第一批頁面中脫穎而出。

      看一下菲茨肚臍。這使用相當小的文字與所有大寫和明亮的字母跳出黑暗的背景。標題使用一個大的全屏背景圖像背后的一個較暗的梯度。

      因為鏈接實際上是從頁面上跳下來的,所以從遠處看他們說的話要容易得多。

       

      還有字體拉托對于導航中所有大寫的小文本來說,這是一個非常好的選擇。鏈接是脆,厚,他們有相同的高度,所以所有的鏈接看起來甚至水平。

      另一個我喜歡的例子是埃弗切隆在主頁上使用兩個不同的導航菜單的設計。

      首先,您將注意到標題中的頂部鏈接位于背景照片。這是一個常見的技巧,如果你做的對,那么課文將是超級容易閱讀。

      但是當你向下滾動時,你會得到一個固定的條形,上面有小圖標。隨著您進一步滾動,這些鏈接將根據頁面的部分更改突出顯示顏色。

      我不認為圖標可以改善每個導航菜單。但是,它們是構建吸引眼球和鼓勵用戶點擊的內容的簡單方法。

      寬敞的頁碼拷貝

      東莞做網站公司每一段都應該提出一個新的想法,或者吸引更多的讀者進入網站。在段落之間使用大量的空間,讓人們繼續瀏覽,閱讀更多。

      您可以將此技術應用于登陸頁面、投資組合站點、博客或任何類似的內容。目標是將內容分成可讀塊,這樣用戶就不會感到不知所措。

      尼爾·帕特爾QuickSprout博客是這一技術在行動中的一個很好的例子。他的寫作風格是獨特的,博客的內容結構使他的寫作節奏均勻。

      在每一段之后,額外的空間將內容推倒在頁面的下方。新的訪問者可以使用1-2段,然后決定是否想繼續滾動以獲得更多內容。這是一種方便的設計技術,可以讓人們在你的頁面上停留更長時間,讓他們更多地參與你的寫作。

      但有一點我不喜歡尼爾的博客是小字體大小。在設計的現代時代,你真的應該使用更大的文本來使閱讀內容從遠處變得更容易。

       

      上的POST布局華盛頓郵報使用大得多的文本,同時保持多余的空白。每一段將文本推下頁面,以鼓勵更多的互動。

      由于這是一個新聞網站,他們采用傳統的襯線字體與黑色文本作對比。這是一個簡單的美學,適合任何新聞機構。

      但寬敞的文本適用于博客或新聞網站以外的內容。檢查一下Hulu主頁并找到詳細說明他們訂閱計劃的圖表。

       


      由于這些信息應該作為圖表中的比較來使用,所以它是用表布局設計的。每一行都使用大量的空白,行使用斑馬條來簡化瀏覽。

      選中標記圖標是很容易看到和文字對比鮮明的背景。

      在設計任何東西時,都要充分利用空間。它會使閱讀變得更容易,并鼓勵訪問者繼續往下滾動。

       

      但是有這樣一個東西,空間太大,最好的方法是用你自己的判斷。修補像素值,直到你覺得你走得太遠了,然后備份一點,并稱之為完成。

      誘惑行動項目

      我知道這似乎是模糊的,但今天的大多數網頁都是互動的。大多數人會有不同的項目來鼓勵特定的行為。當然,這些“行動項目”是顯而易見的。呼叫動作按鈕。然而,它們確實可以成為任何東西,將訪問者進一步推向網站,并/或使其與內容保持聯系。

      讓我們從條紋作為一個簡單的例子。


       

      該設計使用了許多明亮的顏色,感覺很容易在眼睛上。頁面本身很容易瀏覽,顏色/圖標巧妙地融入了背景。

      他們的CTA按鈕在背景中使用綠色和白色。當你懸停任何一個,他們的動畫,這使他們覺得更多的反應用戶的輸入。

      如果您設計的頁面的目標是增加用戶行為,請記住這一點。使內容生動或引起注意的頁面元素通??梢院芎玫靥岣哂脩粜袨?。

      對于更傳統的網站,如博客,我更喜歡精心混合的“動作項目”??匆幌禄仡櫺灾黜撌褂脙热莼瑝K,就在最新的博客帖子。這個小部件使用背景照片將用戶進一步吸引到內容中。

       

      這個網站還使用大的粗體導航文本,這是容易閱讀和瀏覽隨心所欲。簡潔的計和漂亮的版式實際上鼓勵游客去查看更多的內容。

      你怎么吸引注意力并不重要。重要的是你提供瀏覽的理由你可以給訪問者提供正確的鏈接或按鈕來進一步挖掘網站。

      少即多

      當設計一個以文本為重點的網站時,只需記住一句簡短的話:少即多。

       

      永遠不要把文字擠在一起,或者盡量把它變小。您的目標應該是設計一個自然的經驗與排版,覺得適合頁面。

      的主頁InsiteVR是一個很好的例子,非常簡單的文本,有很多的空間。這些段落簡潔而又技術性。

       

      另外,由于每一段文字都很短,所以很容易讀懂。與一長段文字相比,訪問者對句子的承諾要少得多。

       

      設計簡單,你會吸引游客的注意力。

      但同時也要考慮到參與,以及你如何能表明某件事是吸引人的。這個船員主頁在標題中使用帶有藍色下劃線的非常大的文本“讓我們談談”。


      由于這是眾所周知的超鏈接樣式,它向訪問者發出他們可以點擊該文本的信號。

       

      在您自己的設計工作中使用這些簡單而有效的特性,我保證您會發現更多的參與和更高的保留率。

      包起來

      東莞做網站公司在網絡上沒有設計文本的秘密公式。在過去的10年里,它已經發生了很大的變化,但它一直在為用戶提供更好的體驗。

      我希望這些技巧能引導你朝著正確的方向前進,幫助你為所有觀眾打造精彩絕倫的排版風格。

       

       


      网赚团队