創意網頁美工設計技巧
絕大多數的藝術形式其實並沒有固定的規則,但是有規律可以參考,設計也正是基於這些規律而不斷進步,下面小編為大家帶來了3個創意網頁美工設計技巧,希望對大家有用。
創意網頁美工設計技巧一、小調整而非重設計
瞭解三分法的柵格的運用方式之後,你還需要明白更重要的一點:三分法帶來的並非是一個無可挑剔的網頁設計架構,而是一個用來微調現有設計的佈局測試框架。
有太多的免費的柵格系統可以幫你設計網頁,比如960GS之類的,但是三分法的九宮格柵格系統是一個幫你微調整個網頁佈局的,比如調整導航欄的高度,把Logo挪近一點或者遠一點。
值得慶幸的是,這種測試方法很實用,並且很簡單,也不挑軟件。你可以截圖之後在PS裏面畫虛線來分析,諸如GIMP這樣的開源免費軟件也可以輕鬆幫你搞定,再不濟你還可以直接用記號筆在屏幕上畫一個九宮格來分析嘛……(話説當初打CS的時候盲狙也用過這等笨辦法~)反正能幫你構建出九宮格分析的工具都能帶你走向正確的設計方向。
完成初稿,用三分法測試,然後走向下一步。隨着時間的推移,你會更加清楚如何將視覺元素置於對的地方。
二、處理對稱性
有的時候,在頁面中適當地使用對稱性的元素還是頗為有用的.。不過如果在設計中哪哪兒都用對稱式設計的話,這也未免太瞎了點。事實上,在藝術和攝影領域,非對稱式佈局的運用還是佔據主流的,大小相對,遠近相宜,更加令人賞心悦目,這也證明非平衡的視覺設計更能吸引我們的注意力。
其實在版式設計中,也有類似的原則和規範。比如,當你在頁面頂部使用大Banner圖的時候,它通常會佔據頁面大概2/3的高,類似的,標題和正文的字體大小也需要大小對比,讀者會自然而然地注意到更大的Banner圖、標題和副標題。大小對比是一方面,另外一方面還需要考慮頁面上圖片和文字的位置。簡單的使用三分法並不能確保構圖的飽滿,將九宮格置於頁面上,適當地調整頁面的元素的位置和中心之後,會好不少。
三分法的優勢在於它可以兼容非對稱式佈局,也可以用來優化對稱式佈局。兩種佈局靈活搭配,藉助三分法來突出頁面重點,也掌握頁面平衡,如此才能調教出優秀的網頁。
三、最後的思考
雖然説設計和藝術有着根本的區別,但是兩者並非對立的關係。誠然依着規則可以設計出更符合大眾口味的作品,但是打破規則,充滿個性和藝術感的設計作品又何嘗不會令人印象深刻呢?
相關文章
-
淘寶網頁美工設計製作網店首頁的技巧
網店首頁是淘寶網頁美工設計重點之一,一般來説淘寶美工會在網店首頁上花費很大的精力去設計製作,力求給大家帶來一個精美漂亮的店鋪。那麼淘寶網頁美工設計如何製作網店首頁呢?1.店鋪首輪海報設計要傳遞最新商品信息,店 -
網站創意美工設計技巧
二月份我從××××銀行調入××銀行,至今已有九個月了,回顧這九個月來的工作,我在支行領導及各位同事的支持與幫助下,嚴格要求自己,緊跟支行領導班子的步伐,按照支行的要求,圍繞支行工作重點 -
網頁美工設計技巧
網站的頁面多種多樣,風格各異,網頁的質量直接影響着網站的效果。下面是小編整理的網頁美工設計技巧,希望對你有幫助! 1.導航欄導航欄如果設計得恰到好處,是會給網頁本身增色很多。導航欄有一排、兩排、多排、圖片導航 -
網頁美工設計小技巧
在激烈的行業競爭中,設計師想要獲得成功,先決條件之一就是要掌握簡潔的網站設計基礎。下面小編為大家帶來了網頁美工設計小技巧,希望對大家有用。 網頁美工設計小技巧1.開啟你的像素眼任何與設計的相關工作,小細節都發 -
網頁美工設計首圖設計技巧
澳門、真正的一日遊如今的中外旅遊公司都承辦一日遊業務,這不過是招攬遊客的一種手段,其實真正意義上的一日遊滿世界只有兩處。一處在歐洲,是位於意大利首都羅馬西北角的歐洲最小的國家梵蒂岡,全世界九億天主教徒心中的聖 -
網頁美工學習設計技巧
總結自己接觸和學習設計的一點經驗與大家分享,希望得到大家更多的建議。下文是小編整理的相關內容,歡迎閲讀參考! 一、配色其實對色彩的感覺是設計師應具備的最基本素質,其作品不管是對網頁界面、系統界面、還是產品 -
網頁美工主圖設計技巧
導語:淘寶網頁美工設計工作是為了優化淘寶店鋪寶貝的,也是為了能夠帶來點擊率,讓店鋪增加關注度。淘寶店鋪裏面是有很多圖片的,其中主圖設計肯定是能夠吸引人的,下面小編就來跟大家談一談淘寶網頁美工設計之主圖設計知識。 -
網頁美工切圖設計技巧
在網頁美工切圖設計之前,我們先基於ps進行新建文件設置,在設置的時候需要注意以下幾點:1.一定要做好網頁寬度的設置設計,一般網頁寬度有760PX、900PX、1000PX等,最好不要超過1200PX的寬度,高度沒有限制。大多數做網站的公司 -
網頁設計案例分享:網頁專題設計技巧
簡單的一個小U盤孤零零的太單調,正好有一部分小葉和蛇紋木下腳料,改裝下!物盡其用!主要材料:小葉紫檀蛇紋木U盤所需工具:台鉗銼砂紙製作步驟:第1步:成品圖第2步:底部第3步:側面第4步:備料第5步:鋸斷第6步:開挖第7步:不斷試裝第8步:粘 -
網頁美工的切圖設計技巧
在網頁美工切圖設計之前,我們先基於ps進行新建文件設置,下面是小編為大家整理的網頁美工的切圖設計技巧,歡迎參考~ 網頁美工的切圖設計技巧1.一定要做好網頁寬度的設置設計,一般網頁寬度有760PX、900PX、1000PX等,最好