現(xiàn)在許多學(xué)生設(shè)計網(wǎng)頁沒有思維和靈感,確保你讀這篇文章必須受益很多。網(wǎng)頁設(shè)計師往往在設(shè)計頁面時會遇到以下糟糕的情況:時間短但是需要頁面給力,大氣又要有氣氛、風(fēng)格不清楚很難把握,欄目和頁面過長,突然覺得無助,腦袋一片空白,不知道,怎么辦?海淘科技小編來與大家分享快速讓網(wǎng)站頁面出彩的小技巧。
一、黃金分割法
黃金分割法在網(wǎng)頁設(shè)計中也是許多設(shè)計師比較看重的，可以靈活運用使頁面切開
黃金比例被認(rèn)為是理想的矩形的比例,速度應(yīng)用到版式設(shè)計,也可以設(shè)計簡單體驗來迎合用戶最喜歡的構(gòu)圖方式。但不要束縛這些比例,很多是靠他們的感覺去應(yīng)用。上圖，去除背景的目的就是讓排版頁面清晰,背景分割后,對比顏色繪畫的深度,豐富性和頁面的視覺沖擊。人物就像快要著陸一樣，穩(wěn)定的站在這幅畫中。
上圖,強(qiáng)烈的色塊對比細(xì)分,強(qiáng)調(diào)分工的部分,即使有很多地方需要強(qiáng)調(diào),也可以讓用戶快速清晰的看清每個部分的重點,不是像往常一樣1,2,3,…內(nèi)容豎排過來，鼠標(biāo)拖到第三個屏幕是無止境的,這并不會有太多的新鮮感。
二 、旋轉(zhuǎn)法
將頁面的主體或局部進(jìn)行旋轉(zhuǎn)
方方正正的整體頁面布局是在網(wǎng)站設(shè)計中一般的模式,固定又有點沉悶。如果局部或全部適當(dāng)?shù)男D(zhuǎn),破壞穩(wěn)定的成分,將動感有趣的圖片設(shè)計的更加栩栩如生。對于上圖所展示的，整體的風(fēng)格輕松歡快，加上內(nèi)容比較少，主體旋轉(zhuǎn)過后，在看看以上的圖片，你應(yīng)該沒有想到在旋轉(zhuǎn)之前會有那么的平淡無趣吧。同時，相比于大塊一片空白,不規(guī)則的白色也不會顯得很單調(diào)。
上面的旋轉(zhuǎn)圖片中,背景,大面積的斜率有強(qiáng)烈的速度感,通過迅速賽車,好像就在下一秒鐘就會要沖出去一樣，傾斜旋轉(zhuǎn)的標(biāo)題和交叉合作的背景,讓整個電影仿佛運動起來。這種方法可以應(yīng)用于許多運動的主題。
三、曲線法
用于背景及板塊的分割是曲線最大的亮點，可以有效的減去矩形分割的生硬感。
與直線相比,曲線,讓人感到輕松愉快。提高視覺感知以及營造一個活躍的氛圍。上圖中,公眾的標(biāo)志和機(jī)器人產(chǎn)品,所有組成的曲線,在這種情況下,曲線用于分割背景和焦點是理所當(dāng)然的,合理利用圖像的曲線也提高層次感,機(jī)器人和紅色標(biāo)題更突出。
模仿球運動,曲線貫穿整個頁面,用戶直觀的可以看到棒球場比賽的充滿競爭力的氛圍?？此齐S意,其實使用曲線將標(biāo)題,重點圖和新聞部分根據(jù)不同比例進(jìn)行分割。
四、借用法
通常設(shè)計師們可以借用現(xiàn)實的物品，將真實的物品抽象化，提煉大型輪廓用于網(wǎng)頁背景的設(shè)計。
真實的東西也可以應(yīng)用于網(wǎng)頁設(shè)計嗎?當(dāng)然,只要想。如圖,信封是一種常見的事情在我們的生活中,所以生活化借一個web頁面,展現(xiàn)在用戶面前,像郵寄這封信給你,讓人眼前一亮,立即友好的感覺油然而生。公告頁面游戲活動,使用白皮書盛放正文內(nèi)容是合適的。
上圖,汽車在跑道上賽車場景植入到頁面作為背景,城市的功能,放大電路,超速的車……就像坐在電腦前玩車,左手抓著W,A,S、D鍵。讓用戶有著身臨其境的感覺，充分吸引用戶的眼球。通過類比,生活中很多事情可以借用,例如:寫滿FenBiZi黑板,電腦屏幕,寫日記書,舊地圖,空足球場……
五、三角拼貼法
三角拼貼法就是將剪好的三角形打亂，重新拼貼組裝
不同的幾何形狀都有不同的性格,圓形是活潑可愛的,光滑和整潔是方形,一個三角形有著大幅移動的感覺。三角形的失衡及其鋒利可以加強(qiáng)視覺刺激,迅速吸引用戶,可用于科技和時尚的風(fēng)格同樣有著“尖銳”的頁面。上圖，將同色系小三角形拼貼均勻,快速創(chuàng)建一個鉆石閃亮的時尚感。而實踐應(yīng)注意加減法,而不能成為一堆廢墟,點到為止。
上圖,華麗的三角形,頁面上的拼貼畫。大小、顏色對比組合,可以讓用戶產(chǎn)生強(qiáng)烈的視覺沖擊力。在搭配的時候,需要主次分明,通常以大的形狀為主,留下足夠的空間內(nèi)容,區(qū)別于其他輔助小的形狀。
六、色塊分割法
將各版塊用不同顏色來區(qū)別
經(jīng)常面對需求方面是關(guān)鍵,這是重點,那也很重要,都需要突出主題的需求和更生動的頁面，可以考慮部分用不同的顏色來區(qū)分,加強(qiáng)頁面布局和色塊布局、色彩搭配上很難取得平衡。上圖，塊狀的網(wǎng)站設(shè)計知識用來區(qū)分板式，沒有效果。為了突出重點,選擇紅色的飽和度在一些重要領(lǐng)域較高。黃色和綠色三種顏色清晰的視覺中心,允許用戶可以輕松閱讀下去。但對比顏色容易導(dǎo)致不和諧,加上紅色黃色綠色之間的中性灰色顏色調(diào)和一下會顯得不沖突。
當(dāng)使用四到五種純色搭配,注意只要色相、純度、明度的三個屬性基本相同或接近,怕配基本上不會覺得太牽強(qiáng)。
