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