珠海市天惠設計制作有限公司,成立于1996年8月,是為拓展中國Internet領域應用而專門成立的高新技術企業,是企業電子商務術服務和解決方案綜合服務提供商。
時間短、沒點子、沒創意,又要快速捕抓眼球,怎么辦?
對頁面整體進行旋轉和平移是快速改變視覺是快速有效的方法.它打破了正常的網頁設計視覺習慣,吸引了觀眾的注意力.
說說——旋轉和平移
它通過平移和旋轉打破正常的視覺習慣,不對稱和斜線條的視覺也可以造成網頁設計上的速度感的沖擊力。這是一個相對比較通用的辦法,在沒有更好點子和創意的情況下,不防嘗試使用。
如果每天要面對著巨大的需求量,難免有創意枯竭的時候,如果有一些相對討巧的辦法,能夠不受主題限制,當然是再好不過的,這時候,我們不防試試這簡單的小辦法。
旋轉和平移,這是針對整個頁面的大版式而言的,到底會造成怎樣一種效果,我們繼續往下看。
圖一:一張優質的穩定的攝影圖片。
圖二:旋轉后的不穩定構圖使圖片顯得活潑動感而有趣。
圖三:重心右移,打破對稱的構圖增強了畫面的緊張感。
這種最快速改變視覺結構的簡單方式,可以快速的運用于網頁設計中嗎?
圖一:我們正常的頁面版式,居中對齊,穩定整齊,稍顯呆板。
圖二:畫面中心旋轉30度。
圖三:整體畫幅向右平移。
看起來似乎可以這么干,但它也將給我們帶來其它一些細節上的難題。
想想——整體旋轉、背景旋轉、綜合旋轉
旋轉:在原有網頁設計頁面的基礎上通過對頁面中的背景、文字、線條等進行一定角度的旋轉,使其產生動感、時尚、親切等不同的視覺感受。這里主要總結了旋轉的三種方法,以及解決旋轉過程中會遇到的一些問題 。
旋轉適合的網頁設計頁面及其產生的效果
旋轉打破了畫面橫平豎直的呆板,旋轉后的視覺更加輕松活躍,旋轉構成的斜線條也可以產生運動和速度
感,所以許多運動的、刺激的、具有速度感的主題適合直接旋轉處理,另外運動、速度衍生出年輕的、時尚的之類主題也可以適用,輕微的旋轉也可以使畫面更貼近
于自然的生活狀態,增強真實性與親切感。但在開始旋轉設計改造之前,一定會有人產生這樣的疑惑。
旋轉可能會給我們帶來以下一些問題
1.信息量的限制
由于旋轉的構圖,網頁設計斜線與面邊面框最終會有一個交界點,可能導致信息不能無限制的延續
2.排版的限制
由于旋轉的形式需要整體的配合,而有部分素材無法配合旋轉就會比較花時間去歸納處理。
3.瀏覽舒適性問題
由于角度傾斜,打破了習慣性視覺在提神的同時也會給瀏覽造成一定的困難和不舒適。
這些都是我們需要注意和解決的問題,帶著這些問題,我們一起來看看旋轉的一些潛規則。
在斜排布時注意幾個要點,以免影響閱讀。
1.非內容必要原因。文字盡量保持一定規律排布對齊。
2.非內容必要原因。并列內容盡量使用同一變換角度。
3.圖三為正確的變換方式
在簡單的圖示下,這些錯誤看起來顯而易見,但在實際的操作中,由于多種因素的干擾我們往往忽視這些問題。
在排版過程中無論如何我們都要盡量讓依造某一規律對齊,在畫幅已旋轉的情況下更應該保持理性。旋轉基本可以分為以下幾種類。
1.整體旋轉:背景和內容一起旋轉,需要注意兩條邊緣線,一是保持旋轉的邊緣線整齊,另外也要注意旋轉后的內容不能超出1000寬度。為了兼顧信息的閱讀性,背景和內容的同時旋轉的角度盡量不要超過15度。
2.背景旋轉:背景旋轉,信息內容保持不變。這種旋轉即可以產生旋轉的視覺形式感,又可以保證文字信息的閱讀性,是比較推薦和常用的方式。但信息排版同樣也受到斜線的1000寬度的限制,在具體操作中需要進行細節的調整。
3.綜合旋轉:根據網頁設計內容結構進行有選擇的部分旋轉。通常選擇內容文字較少的SLOGAN跟隨背景一同旋轉共同達到旋轉的形式感。信息量較多的正文保持水平不變,以方便閱讀。這種方式也是經常被使用到。
PS:
黃底為1000寬度的內容面積、藍底為背景面積、白色虛線為1000寬度標準線、SLOGAN(主視覺標題))、文字、圓泡泡(圖素)圖片組成簡易的網頁
示意圖、透明背景為增闊的信息面積。(對于1024用戶的最大網頁寬度的定義,不同的公司有不同的標準,通常是在1000~1004范圍,為了美觀,設計
上通常可多保留一些外邊距。)
看看——歪腦袋讓世界與眾不同
下面我們來分別欣賞幾組旋轉的頁面設計,小角度的旋轉可以為頁面帶來自然輕松的心理感受,旋轉的斜線與邊界形成的三角可以讓網頁設計頁面看起來更加時尚,旋轉也可以增強畫面的銳利感和速度感,適合運動類和速度類的產品。
1、整體旋轉
這是“一句話小說”征文比賽的活動頁面,作者用手寫的方式來表達,通過小小的旋轉把手寫的輕松狀態體現出來,增強網頁設計頁面的親和力。整體旋轉可以減小旋轉的角度,以保證信息的閱讀性。
2、背景旋轉
我們可以看到這個網頁設計頁面的文字信息基本保持著水平的狀態。黑色與白色的背景的斜切面構成了整體的形式感。黑白的對比和貫穿頁面頭尾斜線條都讓頁面的視
覺產生了強烈的視覺沖擊力。不過在大刀闊斧的形式感設計背后,文字的排版還需要小心斟酌處理。這個頁面統一采用了右對齊的方式。左側文字的排版也恰好與斜
線相契合。這需要我們在制作過程中對內容進行一定的編排和修整,以使其整體看起來更加舒適。
3、綜合旋轉
這兩個網頁設計頁面排版形式相近,它們都選擇了頭部SLOGAN旋轉的形式,并把SLOGAN和正文明確分割開以避免角度的不同造成的閱讀干擾,信息量較大的正文置于下面保持水平。這樣的方式讓網頁設計頁面形式感和閱讀性并存。
天惠公司將一如既往,秉承專業服務精神,一切從客戶利益出發,為您率先建站,令您把握先機,長遠的眼光定使您在商海搏擊中穩操勝券