創意網頁美工設計技巧
絕大多數的藝術形式其實並沒有固定的規則,但是有規律可以參考,設計也正是基於這些規律而不斷進步,下面小編爲大家帶來了3個創意網頁美工設計技巧,希望對大家有用。
創意網頁美工設計技巧一、小調整而非重設計
瞭解三分法的柵格的運用方式之後,你還需要明白更重要的一點:三分法帶來的並非是一個無可挑剔的網頁設計架構,而是一個用來微調現有設計的佈局測試框架。
有太多的免費的柵格系統可以幫你設計網頁,比如960GS之類的,但是三分法的九宮格柵格系統是一個幫你微調整個網頁佈局的,比如調整導航欄的高度,把Logo挪近一點或者遠一點。
值得慶幸的是,這種測試方法很實用,並且很簡單,也不挑軟件。你可以截圖之後在PS裏面畫虛線來分析,諸如GIMP這樣的開源免費軟件也可以輕鬆幫你搞定,再不濟你還可以直接用記號筆在屏幕上畫一個九宮格來分析嘛……(話說當初打CS的時候盲狙也用過這等笨辦法~)反正能幫你構建出九宮格分析的工具都能帶你走向正確的設計方向。
完成初稿,用三分法測試,然後走向下一步。隨着時間的推移,你會更加清楚如何將視覺元素置於對的地方。
二、處理對稱性
有的時候,在頁面中適當地使用對稱性的元素還是頗爲有用的.。不過如果在設計中哪哪兒都用對稱式設計的話,這也未免太瞎了點。事實上,在藝術和攝影領域,非對稱式佈局的運用還是佔據主流的,大小相對,遠近相宜,更加令人賞心悅目,這也證明非平衡的視覺設計更能吸引我們的注意力。
其實在版式設計中,也有類似的原則和規範。比如,當你在頁面頂部使用大Banner圖的時候,它通常會佔據頁面大概2/3的高,類似的,標題和正文的字體大小也需要大小對比,讀者會自然而然地注意到更大的Banner圖、標題和副標題。大小對比是一方面,另外一方面還需要考慮頁面上圖片和文字的位置。簡單的使用三分法並不能確保構圖的飽滿,將九宮格置於頁面上,適當地調整頁面的元素的位置和中心之後,會好不少。
三分法的優勢在於它可以兼容非對稱式佈局,也可以用來優化對稱式佈局。兩種佈局靈活搭配,藉助三分法來突出頁面重點,也掌握頁面平衡,如此才能調教出優秀的網頁。
三、最後的思考
雖然說設計和藝術有着根本的區別,但是兩者並非對立的關係。誠然依着規則可以設計出更符合大衆口味的作品,但是打破規則,充滿個性和藝術感的設計作品又何嘗不會令人印象深刻呢?
相關文章
-
淘寶網頁美工設計製作網店首頁的技巧
我在家附近的小河邊漫步,環顧四周,發現春天已經悄無聲息地來到了人間。小河兩岸的柳樹垂下綠瑩瑩的柳條。遠看像是一條條小辮子,走近細瞧,發現棕色的細條上似乎點綴着一顆顆綠寶石,好像用畫筆畫出來的一樣。走到河邊的石子 -
網站創意美工設計技巧
現在都很流行瘦,臉再瘦的女生,都認爲自己不夠瘦,有部分女生還要用別的方法讓自己變得更瘦,就算是瓜子臉的女生還要把自己的臉變得如薄紙片一樣的瘦才滿意,這時候你可以選擇一些顯瘦女生髮型才行,這樣才能讓你變得更唯美一些 -
網頁美工設計技巧
網站的頁面多種多樣,風格各異,網頁的質量直接影響着網站的效果。下面是小編整理的網頁美工設計技巧,希望對你有幫助! 1.導航欄導航欄如果設計得恰到好處,是會給網頁本身增色很多。導航欄有一排、兩排、多排、圖片導航 -
網頁美工設計小技巧
在激烈的行業競爭中,設計師想要獲得成功,先決條件之一就是要掌握簡潔的網站設計基礎。下面小編爲大家帶來了網頁美工設計小技巧,希望對大家有用。 網頁美工設計小技巧1.開啓你的像素眼任何與設計的相關工作,小細節都發 -
網頁美工設計首圖設計技巧
網頁首屏的重要性是不言而喻的,用戶打開網頁的第一眼看到的就是首屏中的信息,它是網頁的門面,顏值擔當,也是給予用戶第一印象的核心部分,也是品牌形象呈現的窗口。今天分享一下首屏設計的7個技巧,它們並不複雜,卻能幫你的首 -
網頁美工學習設計技巧
總結自己接觸和學習設計的一點經驗與大家分享,希望得到大家更多的建議。下文是小編整理的相關內容,歡迎閱讀參考! 一、配色其實對色彩的感覺是設計師應具備的最基本素質,其作品不管是對網頁界面、系統界面、還是產品 -
網頁美工主圖設計技巧
導語:淘寶網頁美工設計工作是爲了優化淘寶店鋪寶貝的,也是爲了能夠帶來點擊率,讓店鋪增加關注度。淘寶店鋪裏面是有很多圖片的,其中主圖設計肯定是能夠吸引人的,下面小編就來跟大家談一談淘寶網頁美工設計之主圖設計知識。 -
網頁美工切圖設計技巧
在網頁美工切圖設計之前,我們先基於ps進行新建文件設置,在設置的時候需要注意以下幾點:1.一定要做好網頁寬度的設置設計,一般網頁寬度有760PX、900PX、1000PX等,最好不要超過1200PX的寬度,高度沒有限制。大多數做網站的公司 -
網頁設計案例分享:網頁專題設計技巧
上個周,語文老師讓我們種幾顆蒜苗,並仔細觀察,把蒜苗生長的過程記錄下來。我一回到家,就迫不及待地剝了三顆蒜,又趕忙找來一個紙杯,然後把裏面放上土,小心翼翼地把蒜種到了裏邊,最後澆上水,不一會兒,它就把水喝的乾乾淨淨,一滴也 -
網頁美工的切圖設計技巧
在網頁美工切圖設計之前,我們先基於ps進行新建文件設置,下面是小編爲大家整理的網頁美工的切圖設計技巧,歡迎參考~ 網頁美工的切圖設計技巧1.一定要做好網頁寬度的設置設計,一般網頁寬度有760PX、900PX、1000PX等,最好