報紙網頁設計 簡單即美

2022-12-09 14:09:03 字數 2207 閱讀 5604

報紙的網路版發布後,與網上讀者直接見面的就是網頁,大致可以說 ,它對應於紙介印刷版的版面。顯然,相對於傳統的版面,網路版的網頁意味著新的特徵和新的可能。這些隨網際網路技術發展而不斷擴充套件的新可能無疑是令人興奮的,但其中也暗藏"陷阱"。

確有不少網頁設計者情不自禁地在作品中過多地置入自賞或炫技的成份,導致網頁外觀或結構的缺陷,影響了瀏覽效果。

浙江****籌建經歷數月,我有幸參與其中,組織實施網路版網頁的構思與設計製作。這項富有挑戰性的工作,自然首先是乙個學習的過程、創意的過程,但從前述意義來說,倒更是乙個不斷抗禦**而趨向堅定和成熟的過程。

2023年元旦上網的浙江**網路版實際包含浙江**等六報一刊,這是乙個比較複雜的網路版系列。但其網頁總體設計要求卻十分"簡單":在符合各報刊印刷版根本定位與基本風格的前提下,實現高效的結構布局與清新的視覺效果。

我們曾大量瀏覽國內外報刊網路版,發現相當多的網頁在設計中一味追求華麗的視覺印象。雖然可能某些地方也頗具特色,但這未必使得網頁外觀更加賞心悅目,也未必使得瀏覽過程更加便捷愉快,因此整體上就不能說是成功的。有鑑於此,又衡量了實際可用的設計時間與設計力量,我們考慮:

浙江**網路版的網頁不妨一反通常設計者對於精美別緻的追求,只求高效與清新,這樣仍有可能在眾多國內報刊網路版中獨樹一幟,躋身一流行列。

這個要求如何實現?隨著設計的展開,逐漸明確了兩個字-簡單。網頁中除內容以外的物件都力求簡單,這最終成了浙江**網路版網頁設計的原則之一。

一、 簡單的層次結構

網頁是一種超文字。超文字的本質就是無限的鏈結與跳轉。在網頁中點選預置的鏈結,輕鬆地就可以跳轉到另乙個**或另乙個網頁。這個特徵對於網路版的網頁結構有著決定意義。

資訊必須按照便於瀏覽與查詢的方式進行結構化的組織,這是一切成功的資訊系統的起碼要求。報紙印刷版中運用種種手段進行版面分割、設定"引導點",為**、專版、專欄等規定某種固定的版次關係,類似的這些做法,都是在為資訊的結構化作努力。由於網頁的超文字特性,一者,網頁尺寸過大的問題可以避免,二者,網頁獲得良好結構化的希望有了邏輯上的堅實基礎,設計高效實用的導航(導覽)系統也有了物理的基礎。

從整體上構思網路版的結構,首先必須考慮一定程度上的分層。最頂層的導航頁就是分層的起點,從這裡讀者瀏覽全部內容的概況,以便迅速確定下一步的跳轉方向。雖然分層是明晰與簡化結構的好方法,但也必須節制,不可過細、過深。

如果從起始頁出發需要點選(連線)超過三次或四次才看到想要的內容,這對讀者的耐心多少會是乙個考驗。

有的報刊印刷版在概念上有較多的層次,如錢江晚報,在日常版面之外另有七個週刊,分別安排在周一至週日,每個週刊各含幾個專版,專版下又含專欄(多數欄目實際一次只含一篇文章)。如果直接照搬上述層次關係,按"起始頁總目(含週刊目錄)->專版目錄->專欄目錄->**目錄->**"這樣的層次結構,計數箭頭就知道,從頂層頁面到底層內容頁面需要點選(連線)四次。我們在實際構思中,網頁結構按縮減的"起始頁總目(含週刊目錄)->專版目錄及**目錄->**"的層次。

在第二層的頁面上,右邊是本期週刊全部**的目錄(鏈結),它們按專版分割槽排列,左側是本期週刊的專版目錄(鏈結),各鏈結即指向本頁右邊的各專版**目錄區,進入本頁後,既可點選左側鏈結通過頁內跳轉到達某個專版的**目錄區,也可通過滾屏找到該專版的**目錄區,隨後找到新聞標題。在這個簡化的層次結構中,從頂層起點選兩次或三次就可以連線到新聞(重要新聞通過起始頁的導讀區可以一次點選連到)。

二、 簡單的平面布局

報紙的幅面是相當大的,這就可能把大量的新聞集中於一張紙上。如對開的浙江**乙個版可以放置六七篇千字文章另加兩三張普通大小的**,即便是小報的版面,可容納的**也不會少於大報版面的一半。讀者往往習慣於統覽整個版面,以便迅速從中選定進一步閱讀的**。

網頁在資訊密集度上顯然遠遜於報紙,因為讀者瀏覽網頁必須通過尺寸與解析度都小於報紙的顯示器。即使是在"大螢幕、高解析度"的條件下,一屏可能含有的**量仍是遠小於報紙的版面(通常也不能多於兩篇千字文章)。如果把頁面設計成版面那樣的尺寸,要完整地瀏覽乙個頁面就須不斷地縱橫滾屏。

原則上,網頁是不應橫向滾屏的,縱向滾屏也是越少越好。所以,網頁的尺寸(特別是寬度)必須加以控制,否則無法適應螢幕的尺寸,也無法使讀者接受。

這個重要不同,決定了報紙網路版無法再以傳統的版面形式來排布**。基於版面分割概念的常規版面設計手段,要麼不再有效要麼不再作用突出,即便是平面視覺設計中一些共同的基本藝術守則,在這兩種設計中也體現為不同的要求。總的來說,相對於印刷版,網路版的視覺設計是在狹小幅面上的設計,因此就平面布局而言,一屏網頁中的內容過於擁塞容易引起讀者的視覺疲勞,也不便於讀者搜尋內容。

大容量**的起始網頁較多採用左中右三列的布局方式。但三列式的布局不完全適於中文新聞**。

《簡單網頁製作》教學設計

一 設計意圖 目前網路對學生的吸引力很大,學生上網都會瀏覽網頁內容,對網頁的製作也有很大的興趣,想知道乙個網頁是怎樣製作成功的。但是網頁的製作相對複雜,對於一些的 的編輯學生也較難理解,因此本課選擇了frontpage網頁製作工具,引導學生簡單的了解網頁製作的過程,採用了所見即所得的形式避開 的繁瑣...

「製作簡單網頁」教學設計

作者 付維英 中國教育技術裝備 2011年第01期 1 教學內容分析 七年級學生使用的教材是由安善航老師主編 青島出版社出版的 初中資訊科技 該教材共分上下兩冊,下冊教材有3部分 網路基礎及其應用,網頁製作,用計算機處理多 資訊。本課是 網頁製作 中的第二課,主要介紹的內容是網頁製作中最基礎的部分,...

製作簡單的網頁教學設計

第2節 製作簡單的網頁 教學設計 一 學習者分析 教學的物件是初中二年級的學生。在學習本章節之前,學生已經學習了網路基礎知識,掌握了網路使用的基本方法 對文字的編輯也有一定的基礎 通過前面第一節對一些 的介紹,學生對學習製作網頁有較高的興趣。二 教材內容分析 1.本節的主要內容及在本章中的地位 本節...