網頁的柵格設計思考-網頁設計教程
網頁設計中的髒、亂、差,是我們在設計過程中常會碰到的問題。通常"髒"是由對色彩使用不當所產生的,而色彩使用不當產生的不好效果也分為:"花、灰",花哨、灰頭土臉也就是這裏所説的"髒"。我已經在早前的一些文章中談過我對設計中運用色彩的看法。有愛好的朋友可以查閲一下《色彩解釋》。而"差"
基本上是由於我們的技法上不夠嫻熟所產生的。比如細節上的處理不到位,某個局部的效果製作得粗糙。這可以稱之為"差",非凡是在處理帶有2D效果的設計作品時,這種情況常會出現。但是我今天在本文中所要談的是"亂"。什麼是亂?這裏的亂不是指用色亂,也不是指內容亂,而主要是指佈局亂。以前我有幸接觸了平面設計,並且從中學到了很多平面設計上的一些知識與技法。其中"柵格設計"就是平面設計中用於處理佈局的一種理論。到目前為止我還在研究"柵格設計"。因為着實沒有什麼比較好的語言可以非常簡潔明瞭的概括這個詞。這更像是需要不斷用實踐去理解的。所以很多時候我們們都無法去講述。但是在設計中這個柵格卻是能幫助我們完成更好作品的一個非常好用的利器。對於柵格設計我也不能説是熟悉深刻,我這裏只是依據我對於柵格設計的理解,將之用於網頁設計中,希望能給更多的朋友們一點啟示,或許能打開一些朋友的思路。
單純的文字是沒辦法讓設計師們耐心的看下去的,所以還是老辦法,用示圖來作為講解模型。這次我們使用的網頁是微軟、IBM、ASTRO三個公司網站來講解。希望通過分解這三個公司的網站設計,能把我所理解的柵格設計傳達出來。廢話少説,看示圖:
我們看到微軟公司的網站設計中並沒有什麼明顯的線去區隔不同的區塊,但是當我們把當蒙上一層紗,然後用實線把每個部分都畫出來這時我們發現這個網站其實是處在一個柵格陣列中。那麼這個陣列中的內容已經很明顯了,並且我們從中發現了很多區塊在頁面中的位置居然是那麼的有條理,並且有一些並不在一起的區塊,居然也有一定的規律。當然有人可能會説,都用線畫出來了當然顯得條理,整潔了。問題就在於這裏,我們的網站都可以用縱橫線區分開。但是一些設計得不好的網站的縱橫線可能數量非常的多,縱橫線的數量過多並且都擠在一直,這就説明網站的佈局顯得太亂。或者是過於條理而變得佈局平均,沒有對比,缺乏美感。其實只要用這樣的方法去分析一下自己設計的作品也許就能從中看到問題所在。
我們看到IBM的柵格與MS的有很大的不同,IBM中還出現了一些差不多大的柵格,但是這裏要注重其實這些柵格是由於底部很小的.幾個區塊所產生的,並且這凡個區塊還可以看作是一個橫向的區塊。我們從這裏可以看到IBM的佈局設計是對稱的。但是這種對稱卻是在離在縱橫線上卻不輕易注重到的。這是很高明的手法。
我們再來看看ASTRO公司的網站,這個網站比起上面兩個公司的網站就更娛樂化,更有趣了。
從這三個網站中我們可以看到三種不同風格的柵格設計,雖然有所不同,但我們依然可以發現三者都會盡可能的把最重要的信息放在視覺中心點上,不論是放在左邊的還是右邊的或是中間的,他們都得到了最大的柵格區,得到了足夠的重視!我們的視覺中心也自然盯在了上面!
説到這裏我依然覺得沒能把柵格設計的作用講明白。這裏就需要來訪的朋友們提提你們的看法了。我將會在以後的時間繼續關注柵格設計,希望能將其在網頁設計中的作用弄得更為清楚!
-
【經典】設計作文7篇
在學習、工作乃至生活中,大家總少不了接觸作文吧,藉助作文人們可以實現文化交流的目的。還是對作文一籌莫展嗎?下面是小編收集整理的設計作文8篇,歡迎大家分享。設計作文篇1教學目標:1、採用扶放結合的方法,進一步培養學生學寫假設類想象作文的能力。2、引導學生展開...
-
實用的設計方案(優秀3篇)
為了確保工作或事情能有條不紊地開展,常常需要提前準備一份具體、詳細、針對性強的方案,方案是有很強可操作性的書面計劃。優秀的方案都具備一些什麼特點呢?下面是小編收集整理的設計方案3篇,僅供參考,歡迎大家閲讀。設計方案篇1教學目標(一)知道函數圖象的意義;(二)能畫...
-
設計作文6篇[經典]
在學習、工作乃至生活中,大家一定都接觸過作文吧,作文可分為國小作文、中學作文、大學作文(論文)。你知道作文怎樣寫才規範嗎?以下是小編精心整理的設計作文6篇,僅供參考,大家一起來看看吧。設計作文篇1一、談話導入,引出模式。1、小朋友們,這是什麼?(師在黑板畫一個圓)2、...
-
設計作文9篇【推薦】
在現實生活或工作學習中,大家都寫過作文,肯定對各類作文都很熟悉吧,作文一定要做到主題集中,圍繞同一主題作深入闡述,切忌東拉西扯,主題渙散甚至無主題。那要怎麼寫好作文呢?以下是小編整理的設計作文9篇,希望對大家有所幫助。設計作文篇1昔日裏,外婆的手大而粗糙,但卻如...