網頁的柵格設計思考-網頁設計教程
網頁設計中的髒、亂、差,是我們在設計過程中常會碰到的問題。通常"髒"是由對色彩使用不當所產生的,而色彩使用不當產生的不好效果也分為:"花、灰",花哨、灰頭土臉也就是這裏所説的"髒"。我已經在早前的一些文章中談過我對設計中運用色彩的看法。有愛好的朋友可以查閲一下《色彩解釋》。而"差"
基本上是由於我們的技法上不夠嫻熟所產生的。比如細節上的處理不到位,某個局部的效果製作得粗糙。這可以稱之為"差",非凡是在處理帶有2D效果的設計作品時,這種情況常會出現。但是我今天在本文中所要談的是"亂"。什麼是亂?這裏的亂不是指用色亂,也不是指內容亂,而主要是指佈局亂。以前我有幸接觸了平面設計,並且從中學到了很多平面設計上的一些知識與技法。其中"柵格設計"就是平面設計中用於處理佈局的一種理論。到目前為止我還在研究"柵格設計"。因為着實沒有什麼比較好的語言可以非常簡潔明瞭的概括這個詞。這更像是需要不斷用實踐去理解的。所以很多時候我們們都無法去講述。但是在設計中這個柵格卻是能幫助我們完成更好作品的一個非常好用的利器。對於柵格設計我也不能説是熟悉深刻,我這裏只是依據我對於柵格設計的理解,將之用於網頁設計中,希望能給更多的朋友們一點啟示,或許能打開一些朋友的思路。
單純的文字是沒辦法讓設計師們耐心的看下去的,所以還是老辦法,用示圖來作為講解模型。這次我們使用的網頁是微軟、IBM、ASTRO三個公司網站來講解。希望通過分解這三個公司的網站設計,能把我所理解的柵格設計傳達出來。廢話少説,看示圖:
我們看到微軟公司的網站設計中並沒有什麼明顯的線去區隔不同的區塊,但是當我們把當蒙上一層紗,然後用實線把每個部分都畫出來這時我們發現這個網站其實是處在一個柵格陣列中。那麼這個陣列中的內容已經很明顯了,並且我們從中發現了很多區塊在頁面中的位置居然是那麼的有條理,並且有一些並不在一起的區塊,居然也有一定的規律。當然有人可能會説,都用線畫出來了當然顯得條理,整潔了。問題就在於這裏,我們的網站都可以用縱橫線區分開。但是一些設計得不好的網站的縱橫線可能數量非常的多,縱橫線的數量過多並且都擠在一直,這就説明網站的佈局顯得太亂。或者是過於條理而變得佈局平均,沒有對比,缺乏美感。其實只要用這樣的方法去分析一下自己設計的作品也許就能從中看到問題所在。
我們看到IBM的柵格與MS的有很大的不同,IBM中還出現了一些差不多大的柵格,但是這裏要注重其實這些柵格是由於底部很小的.幾個區塊所產生的,並且這凡個區塊還可以看作是一個橫向的區塊。我們從這裏可以看到IBM的佈局設計是對稱的。但是這種對稱卻是在離在縱橫線上卻不輕易注重到的。這是很高明的手法。
我們再來看看ASTRO公司的網站,這個網站比起上面兩個公司的網站就更娛樂化,更有趣了。
從這三個網站中我們可以看到三種不同風格的柵格設計,雖然有所不同,但我們依然可以發現三者都會盡可能的把最重要的信息放在視覺中心點上,不論是放在左邊的還是右邊的或是中間的,他們都得到了最大的柵格區,得到了足夠的重視!我們的視覺中心也自然盯在了上面!
説到這裏我依然覺得沒能把柵格設計的作用講明白。這裏就需要來訪的朋友們提提你們的看法了。我將會在以後的時間繼續關注柵格設計,希望能將其在網頁設計中的作用弄得更為清楚!
-
《老人與海》教學設計
作為一名優秀的教育工作者,通常會被要求編寫教學設計,教學設計要遵循教學過程的基本規律,選擇教學目標,以解決教什麼的問題。教學設計要怎麼寫呢?下面是小編為大家收集的《老人與海》教學設計,供大家參考借鑑,希望可以幫助到有需要的朋友。《老人與海》教學設計1教學...
-
設計作文9篇[薦]
在平平淡淡的學習、工作、生活中,大家都經常接觸到作文吧,作文要求篇章結構完整,一定要避免無結尾作文的出現。那麼一般作文是怎麼寫的呢?以下是小編收集整理的設計作文9篇,希望對大家有所幫助。設計作文篇1藝術字在21世紀已經廣泛的流傳了,如今所有的招牌、報紙、書...
-
(薦)實用的設計作文300字
在日常學習、工作或生活中,大家都不可避免地會接觸到作文吧,作文一定要做到主題集中,圍繞同一主題作深入闡述,切忌東拉西扯,主題渙散甚至無主題。那要怎麼寫好作文呢?以下是小編收集整理的設計作文300字3篇,希望能夠幫助到大家。設計作文300字篇1每一個人都有夢想,一個...
-
(精華)我是設計師作文6篇
無論是身處學校還是步入社會,許多人都有過寫作文的經歷,對作文都不陌生吧,作文是由文字組成,經過人的思想考慮,通過語言組織來表達一個主題意義的文體。寫起作文來就毫無頭緒?以下是小編幫大家整理的我是設計師作文6篇,歡迎大家分享。我是設計師作文篇1假如我是一名服...