現在許多學生設計網頁沒有思維和靈感,確保你讀這篇文章必須受益很多。網頁設計師往往在設計頁面時會遇到以下糟糕的情況:時間短但是需要頁面給力,大氣又要有氣氛、風格不清楚很難把握,欄目和頁面過長,突然覺得無助,腦袋一片空白,不知道,怎么辦?創新互聯小編來與大家分享快速讓網站頁面出彩的小技巧。

一、黃金分割法

黃金分割法在網頁設計中也是許多設計師比較看重的，可以靈活運用使頁面切開

黃金比例被認為是理想的矩形的比例,速度應用到版式設計,也可以設計簡單體驗來迎合用戶最喜歡的構圖方式。但不要束縛這些比例,很多是靠他們的感覺去應用。上圖，去除背景的目的就是讓排版頁面清晰,背景分割后,對比顏色繪畫的深度,豐富性和頁面的視覺沖擊。人物就像快要著陸一樣，穩定的站在這幅畫中。

上圖,強烈的色塊對比細分,強調分工的部分,即使有很多地方需要強調,也可以讓用戶快速清晰的看清每個部分的重點,不是像往常一樣1,2,3,…內容豎排過來，鼠標拖到第三個屏幕是無止境的,這并不會有太多的新鮮感。

二、旋轉法

將頁面的主體或局部進行旋轉

方方正正的整體頁面布局是在網站設計中一般的模式,固定又有點沉悶。如果局部或全部適當的旋轉,破壞穩定的成分,將動感有趣的圖片設計的更加栩栩如生。對于上圖所展示的，整體的風格輕松歡快，加上內容比較少，主體旋轉過后，在看看以上的圖片，你應該沒有想到在旋轉之前會有那么的平淡無趣吧。同時，相比于大塊一片空白,不規則的白色也不會顯得很單調。

上面的旋轉圖片中,背景,大面積的斜率有強烈的速度感,通過迅速賽車,好像就在下一秒鐘就會要沖出去一樣，傾斜旋轉的標題和交叉合作的背景,讓整個電影仿佛運動起來。這種方法可以應用于許多運動的主題。

三、曲線法

用于背景及板塊的分割是曲線大的亮點，可以有效的減去矩形分割的生硬感。

與直線相比,曲線,讓人感到輕松愉快。提高視覺感知以及營造一個活躍的氛圍。上圖中,公眾的標志和機器人產品,所有組成的曲線,在這種情況下,曲線用于分割背景和焦點是理所當然的,合理利用圖像的曲線也提高層次感,機器人和紅色標題更突出。

模仿球運動,曲線貫穿整個頁面,用戶直觀的可以看到棒球場比賽的充滿競爭力的氛圍。看似隨意,其實使用曲線將標題,重點圖和新聞部分根據不同比例進行分割。

四、借用法

通常設計師們可以借用現實的物品，將真實的物品抽象化，提煉大型輪廓用于網頁背景的設計。

真實的東西也可以應用于網頁設計嗎?當然,只要想。如圖,信封是一種常見的事情在我們的生活中,所以生活化借一個web頁面,展現在用戶面前,像郵寄這封信給你,讓人眼前一亮,立即友好的感覺油然而生。公告頁面游戲活動,使用白皮書盛放正文內容是合適的。

上圖,汽車在跑道上賽車場景植入到頁面作為背景,城市的功能,放大電路,超速的車……就像坐在電腦前玩車,左手抓著W,A,S、D鍵。讓用戶有著身臨其境的感覺，充分吸引用戶的眼球。通過類比,生活中很多事情可以借用,例如:寫滿FenBiZi黑板,電腦屏幕,寫日記書,舊地圖,空足球場……

五、三角拼貼法

三角拼貼法就是將剪好的三角形打亂，重新拼貼組裝

不同的幾何形狀都有不同的性格,圓形是活潑可愛的,光滑和整潔是方形,一個三角形有著大幅移動的感覺。三角形的失衡及其鋒利可以加強視覺刺激,迅速吸引用戶,可用于科技和時尚的風格同樣有著“尖銳”的頁面。上圖，將同色系小三角形拼貼均勻,快速創建一個鉆石閃亮的時尚感。而實踐應注意加減法,而不能成為一堆廢墟,點到為止。

上圖,華麗的三角形,頁面上的拼貼畫。大小、顏色對比組合,可以讓用戶產生強烈的視覺沖擊力。在搭配的時候,需要主次分明,通常以大的形狀為主,留下足夠的空間內容,區別于其他輔助小的形狀。

六、色塊分割法

將各版塊用不同顏色來區別

經常面對需求方面是關鍵,這是重點,那也很重要,都需要突出主題的需求和更生動的頁面，可以考慮部分用不同的顏色來區分,加強頁面布局和色塊布局、色彩搭配上很難取得平衡。上圖，塊狀的網站設計知識用來區分板式，沒有效果。為了突出重點,選擇紅色的飽和度在一些重要領域較高。黃色和綠色三種顏色清晰的視覺中心,允許用戶可以輕松閱讀下去。但對比顏色容易導致不和諧,加上紅色黃色綠色之間的中性灰色顏色調和一下會顯得不沖突。

當使用四到五種純色搭配,注意只要色相、純度、明度的三個屬性基本相同或接近,怕配基本上不會覺得太牽強。

分享標題：網頁設計應急小技巧
文章出自：http://m.2m8n56k.cn/news21/173421.html

成都網站建設公司_創新互聯，為您提供網站改版、移動網站建設、網站制作、電子商務、網站維護、營銷型網站建設

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯