網頁設計中的“點、線、面

怎樣的網頁設計才稱得上是優異？

想必許多人都和我有同樣的疑問。個人認為所謂優異的網頁設計就是能以合理的功能布局、心曠神怡的顏色（圖片）搭配傳遞出設計想法的網頁設計。這其中包含了排版布局、色彩搭配、素材的選用等等諸多方面……當我們重新審視自己與別人作品之間的不同時往往會發現同樣的顏色（圖片、布局）會有不同的效果。這是為什么？顏色區域的面積大小？圖片的使用外形？其實這些就是我今天要和諸位探討的內容——網頁設計中的“點、線、面”——平面構成在網頁設計中的運用。

點、線、面？平面構成？網頁設計？

我們首先要明確：一個網頁作品的基礎并不是那些不理想的素材，也不是那些斑斕的顏色，而是基礎的幾何圖形。

幾何圖形其實就是“面”，“面”的基礎是“線”，“線”的基礎是“點”。

那么“點、線、面”是如何參與到我們的設計之中的呢。我們來看下面的示例。

在上圖中，設計師把題目與人物垂直排列的形式使之形成一條“線”，下方的導航與logo水平排列也組成了一條“線”，兩者形成一個倒“T”字形。“世界觀”與“游戲陣營”的布局設計正好形成了兩個點。三者的組合是一個完美的三角外形，而在畫面的構圖中三角構圖是穩的，配以寧靜的夜空，飄舞的螢火蟲，具有視覺沖擊力的月亮與視角，恰如其分的傳遞出恬靜唯美的信息。

從上圖中不難看出“點、線、面”在設計行為中的體現形式已經不僅僅是傳統意義上的形式。一個logo、一個按鈕、一個banner都可以是它們的具象體現。這需要我們在設計之初把具象的素材抽象化——進行解構的過程——用基礎的構成元素來按形式美法則（形式美法則包含對稱、平衡、對比、協調、調和、節奏/韻律、同一，七大規律）進行布局。在獲得理想的布局形式后再把抽象的元素具象化——進行重構的過程——此時要以設計的手段來讓元素變得更細膩更富視覺沖擊力。

部分：關于“點”的認知

在平面構成中，點作為基礎的構成元素存在。點的構成形式既有不規則的自由排列，也有按一定規律的秩序排列，無論采取怎樣的排列體例都需按照形式美法則來進行。

在現實的網頁設計中，點是相對而言的，頁面中任何相對小面積的元素都可以視作是一個點。這些元素既可以單獨存在于頁面之中，也可組合成線或者面。

它們的存在不僅僅讓我們的頁面布局顯得合理舒適，更會使得頁面靈動具有沖擊力。

以上例舉出的頁面都是內容需求入口較多，設計師采用點陣式的排列體例予以重構。即知足了頁面功能的需求同時提拔了頁面的趣味性與沖擊力。

頁面設計過程中點是不拘泥于形式的，但什么樣的點才是合理的？怎樣的排列才是有秩序的？想得到問題的答案照舊用具體的案例來詮釋給諸位吧。

對稱排列（形式美法則之對稱）

對稱：形體用對折的方法，基本上可以重疊的圖形稱為對稱。它們是等形等量的配置關系，容易得到同一，是具有的穩定感的基本形式。

在翻看提供過來的素材后，設計師結合此次專題所要傳遞的信息，決定為了體現龍頭令牌的歷史感與神秘感，采用洞穴式場景，但具象洞穴形象不利于主體及的體現，所想能否在一面石壁上來體現我們想要的內容與效果。有了設計形式與整體布局，剩下的工作就是把抽象的幾何圖形具象話的過程了——開始了重構之旅。

在這里不再贅述。

設計師的完成稿上完全體現了設計之初對布局的想法。

文章題目：網頁設計中的“點、線、面
新聞來源：http://m.kartarina.com/news37/278487.html

成都網站建設公司_創新互聯，為您提供ChatGPT、移動網站建設、網站內鏈、面包屑導航、App設計、網站建設

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯