方形給世人的印象就是方方正正、死板,但是如果,在合適的環境里運用方形,會出現意想不到的效果。在網站里,合理設計方形元素,往往會使得網站變得更加有創意。接下來就講一講方形元素在網站設計里的運用。
第一、分割作用
大部分設計師在分割內容的時候,往往使用空白元素或者線條元素,其實方形元素也是很好的分割元素。在文案較長的時候,使用方形元素、再調整方框的大小比例,可以有效使畫面更加簡潔。大部分網站在表單和搜索的部分都使用了方形元素,這樣會使得復雜、的內容變得條理清晰,方便引導用戶進行下一步操作。
第二、強調作用
想要在一段文字中,突出某幾個字,要么是弱化其他字,要么就是強化突出字。運用方框元素將突出內容框起來,可以聚焦用戶的視線,甚至方框顏色可以使用鮮明的顏色,讓用戶第一時間就看到突出內容,突出重點的同時也不會丟失畫面的創意。
第三、修飾作用
在設計一個網站的時候,有時候僅有圖片和文字會顯得很單薄,有些設計師會選擇其他方法進行修飾,也有一部分設計師會選擇使用方形元素修飾。方形元素不一定要求是一個完完整整的方框,直角處可以有缺口,線條可以彎曲,甚至可以只使用方形中的一小部分即一個殘缺的方塊。
第四、對比作用
設計師可以設計不同的方塊。這些方塊可以是大小不一樣,也可以是背景顏色不一樣,總是,方塊將一整段文字分在不同方塊里后,布局會顯得更加清晰、有邏輯、有層次感,而且,整體頁面會更加清晰簡潔。方塊顏色的對比會使整體頁面變得更加豐富。
第五、引導信息
當網站的信息過多時,利用方框引導信息會非常有效率而且新穎。有些設計師在設計時會大膽使用紅色方塊,與黑色強烈撞擊,有效引導用戶的視覺一步一步往下瀏覽,不會出現頭重腳輕的問題。
第六、關聯文字
一個網站頁面顯示的是圖片的時候,設計師往往會把文案內容放在圖片周圍。一旦網站顯示的圖片多了后,用戶很容易錯誤識別文案,因此,設計時可以選擇使用方形元素,將文案放入框內,再將整個方形框合理安插到圖片當中,合理的設計不但不會讓文案在圖片中顯得突兀,也不會讓用戶忽略文案、從而忽略圖片想要表達的意圖。
第七、產生立體感
本身方形就是一個立體的圖形,網站設計時合理利用方形,將方形和人物簡單結合,會讓原本沒有立體感的畫面瞬間變得立體起來,而且具有層次感,用戶的視覺會立馬聚焦在上面,讓整體畫面變得有創意。
在設計網站時巧妙運用各種方形元素,會讓網站更吸引用戶注意力,提升畫面整體的平衡感,使整個畫面看起來更加整體卻不凌亂。
如沒特殊注明,文章均為FwShop原創,轉載請注明來自http://www.anafritsch.com/news/3017.html