0371-86636789

Tel-13949130813QQ-613112066

鄭州標志設計-logo設計-包裝設計-設計公司-畫冊設計-品牌設計-鄭州樹標文化傳播公司

資訊中心

鄭州設計公司:網頁的長內容的排版設計步驟

網站上的長內容在網頁設計中,可能是最能提升網站的一個組成部分,當然前提它不是無聊的堆積。對于閱讀網頁和APP的用戶而言,大都喜歡瀏覽好故事,長內容提供的沉浸的閱讀感受,長內容能夠提供令人愉悅的設計和交互,讓用戶能夠保持興趣不停地讀下去,想要達成這個目標,需要有針對性地進行設計。
1、大量的留白
長文的內容如果堆積到一起,是相當具有壓迫力的,所以,讓用戶不會為之厭倦,空間的運用是首要的技巧。如果文章內容看起來太重,用戶肯定會為之感到恐懼的。通過合理的留白和排版設計,讓長文更容易為用戶所瀏覽和快速掃視,讓內容的視覺重量相應的降低,讓它們看起來更加友好。
 
你可以考慮控制下面的留白來達到降低視覺重量的目的:
第一、控制內容和屏幕邊緣之間的間距;
第二、控制行間距和段間距;
第三、圖片、視頻等非文本視覺元素周圍的留白;
 
2、有目的地運用動效
頁面內容太長,用戶需要長時間的滾動翻頁,這個時候,頁面輔助導航的視覺線索就顯得非常重要了。你可以考慮使用引導性的動效,比如箭頭、按鈕或者視差特效,用以引導用戶。這些微小的動效通常不會給長文或者故事帶來割裂性的體驗,甚至會讓用戶在瀏覽過程中感受到愉悅。視頻動畫則是吸引用戶的另外一個利器。雖然絕大多數的視頻會打破長內容的閱讀流暢性,但是它可以為用戶瀏覽提供一個修整調劑的機會,也可以置于開頭,作為一個引子。無論你是打算置于長文開頭作為介紹,還是置于中間用作間隔,都盡量保持簡短,盡量不要讓它自動播放,可能會分散用戶的注意力。視差滾動這種手法也相當值得運用,一邊瀏覽一邊有動畫“隨之舞動”的體驗是相當有趣的。相當值得注意的是,視差滾動的動效不需要復雜,簡單的動效不僅節省性能,而且不會喧賓奪主,保持引人入勝的體驗的同時還不打斷閱讀。
 
3、加入插畫
對于長文而言,插畫是必不可少的組成部分。如果你的內容正好是故事的話,插畫的優勢就顯得更加明顯了。將插圖分散地加入到文章的各個部分,能夠強化內容的故事性,提升用戶的體驗和參與度,圖文并舉能夠讓用戶更輕松獲取信息。這種技巧對于小說和缺少清晰視覺形象的文本而言,特別有用。
 
4、有策略地配圖
配圖的放置位置其實是很有技巧的。一些好的長文在圖文搭配上其實是遵循一定套路的,因為要讓整體符合美學特征,閱讀流暢,還要讓文字和圖片配比正確,整個規則就不難推導出來了:
第一、設計一個頂部大圖
第二、添加介紹性的文本
第三、加入高清大圖
第四、添加子標題
第五、設計易于閱讀的正文文本
第六、在設計子章節內容的時候,遵循3和5兩個步驟
絕大多數的圖片應當進行適當縮放,居中顯示,內容不要環繞在周圍。這種排版方式基本上是模仿傳統的圖書排版來的,這種方式為用戶來帶自然的閱讀流程和舒適的體驗。
這種設計流程幾乎適合所有的數碼設備的長文內容設計,不論是手機、平板還是桌面端網頁。
 
5、強化文本閱讀體驗
不要害怕創造優質的閱讀體驗。既然是長文,大量的文本是不可避免的。你沒有必要為每一張圖片搭配一個風騷的動畫效果,但是你一定要做好排版,確保流暢的閱讀感受,讓用戶始終能夠保持閱讀的興趣。
第一、在長文中借助大量的子標題將文章分隔成不同的章節,讓字體大小和正文區分開,讓用戶一眼可辨。
第二、使用粗體、色彩和斜體讓特定的段落或者句子更加引人注意。
第三、使用引用的文本信息,便于用戶抓住內容核心。
 
TAG:

網頁設計

排版設計

上一篇:獨特的包裝設計要注意幾點
下一篇:鄭州畫冊設計:不同類型畫冊的風格定位是怎樣的

黑龙江十一选五预测