網(wǎng)頁(yè)設(shè)計(jì)應(yīng)急小技巧

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

一、黃金分割法

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

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

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

二、旋轉(zhuǎn)法

將頁(yè)面的主體或局部進(jìn)行旋轉(zhuǎn)

方方正正的整體頁(yè)面布局是在網(wǎng)站設(shè)計(jì)中一般的模式,固定又有點(diǎn)沉悶。如果局部或全部適當(dāng)?shù)男D(zhuǎn),破壞穩(wěn)定的成分,將動(dòng)感有趣的圖片設(shè)計(jì)的更加栩栩如生。對(duì)于上圖所展示的，整體的風(fēng)格輕松歡快，加上內(nèi)容比較少，主體旋轉(zhuǎn)過(guò)后，在看看以上的圖片，你應(yīng)該沒(méi)有想到在旋轉(zhuǎn)之前會(huì)有那么的平淡無(wú)趣吧。同時(shí)，相比于大塊一片空白,不規(guī)則的白色也不會(huì)顯得很單調(diào)。

上面的旋轉(zhuǎn)圖片中,背景,大面積的斜率有強(qiáng)烈的速度感,通過(guò)迅速賽車,好像就在下一秒鐘就會(huì)要沖出去一樣，傾斜旋轉(zhuǎn)的標(biāo)題和交叉合作的背景,讓整個(gè)電影仿佛運(yùn)動(dòng)起來(lái)。這種方法可以應(yīng)用于許多運(yùn)動(dòng)的主題。

三、曲線法

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

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

模仿球運(yùn)動(dòng),曲線貫穿整個(gè)頁(yè)面,用戶直觀的可以看到棒球場(chǎng)比賽的充滿競(jìng)爭(zhēng)力的氛圍。看似隨意,其實(shí)使用曲線將標(biāo)題,重點(diǎn)圖和新聞部分根據(jù)不同比例進(jìn)行分割。

四、借用法

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

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

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

五、三角拼貼法

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

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

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

六、色塊分割法

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

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

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

分享標(biāo)題：網(wǎng)頁(yè)設(shè)計(jì)應(yīng)急小技巧
文章出自：http://www.muchs.cn/news21/173421.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、移動(dòng)網(wǎng)站建設(shè)、網(wǎng)站制作、電子商務(wù)、網(wǎng)站維護(hù)、營(yíng)銷型網(wǎng)站建設(shè)

廣告

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