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

一、黃金分割法

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

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

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

二、旋轉(zhuǎ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)圖片中,背景,大面積的斜率有強烈的速度感,通過迅速賽車,好像就在下一秒鐘就會要沖出去一樣，傾斜旋轉(zhuǎn)的標(biāo)題和交叉合作的背景,讓整個電影仿佛運動起來。這種方法可以應(yīng)用于許多運動的主題。

三、曲線法

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

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

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

四、借用法

通常設(shè)計師們可以借用現(xiàn)實的物品，將真實的物品抽象化，提煉大型輪廓用于網(wǎng)頁背景的設(shè)計。

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

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

五、三角拼貼法

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

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

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

六、色塊分割法

將各版塊用不同顏色來區(qū)別

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

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

名稱欄目：網(wǎng)頁設(shè)計應(yīng)急小技巧
文章鏈接：http://jinyejixie.com/news/173421.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營銷、App開發(fā)、標(biāo)簽優(yōu)化、靜態(tài)網(wǎng)站、商城網(wǎng)站、定制網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)