當(dāng)前位置: 首頁(yè) > 設(shè)計(jì)資訊 > 理論文摘 > 正文

網(wǎng)頁(yè)設(shè)計(jì)中使用絲帶的10種方法和技巧

2019-09-03 1786 0
        設(shè)計(jì)一個(gè)網(wǎng)站有很多方法和技巧,我們可以在不同的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)中看到。緞帶的使用已經(jīng)成為網(wǎng)頁(yè)設(shè)計(jì)的一種趨勢(shì),似乎這將會(huì)被設(shè)計(jì)師們使用很長(zhǎng)一段時(shí)間。你會(huì)發(fā)現(xiàn)許多網(wǎng)站使用絲帶,這是具體的證據(jù),這些獨(dú)特的形狀華麗的標(biāo)記在網(wǎng)頁(yè)設(shè)計(jì)世界。絲帶被以不同的方式使用,為設(shè)計(jì)增添更多的吸引力,達(dá)到不同的目的。絲帶的使用變得流行起來,因?yàn)樗梢酝ㄟ^給用戶一種深度錯(cuò)覺,將用戶的注意力吸引到網(wǎng)站的一些關(guān)鍵信息上。它往往會(huì)引出你想要強(qiáng)調(diào)的內(nèi)容。除此之外,如果使用3D效果和對(duì)比色,絲帶會(huì)更有吸引力。為了給你一些使用絲帶的網(wǎng)頁(yè)設(shè)計(jì)思路,這里有一些提示可以作為指導(dǎo)。
        用它來導(dǎo)航。圖片:絲帶是有效的導(dǎo)航,因?yàn)樗苋菀孜L客的注意,你將能夠很容易地引導(dǎo)他們通過你的網(wǎng)站。他們不會(huì)有一個(gè)困難的時(shí)間來尋找你的導(dǎo)航按鈕。
        2.將其應(yīng)用于標(biāo)題.Image:Solid Giant當(dāng)用作標(biāo)題時(shí),色帶可以增加對(duì)網(wǎng)站的吸引力,還可以強(qiáng)調(diào)您將放置在標(biāo)題中的網(wǎng)站名稱和徽標(biāo)。 使用與頁(yè)面其余部分互補(bǔ)的顏色,或者您可以選擇使用能夠突出顯示顏色的顏色。 無論哪種方式,你仍然會(huì)發(fā)現(xiàn)功能區(qū)是引起讀者注意的有效方式。
       3.創(chuàng)造顯著的標(biāo)簽。圖片:Sleep street首先,你想在你的網(wǎng)站上放置標(biāo)簽,以便引導(dǎo)讀者,告訴他們哪個(gè)是哪個(gè)。標(biāo)簽實(shí)際上有各種各樣的用法。這取決于你有什么樣的網(wǎng)站。既然你貼標(biāo)簽是為了讓訪客看得更清楚,使用絲帶肯定是一個(gè)好辦法。
        4.有令人印象深刻的背景。除了頁(yè)面中的小部分,您還可以使用ribbon來強(qiáng)調(diào)背景的某些部分。當(dāng)您使用ribbon時(shí),還要確保ribbon的設(shè)計(jì)與頁(yè)面的概念相適應(yīng)。顏色也會(huì)極大地影響你對(duì)這種獨(dú)特形狀的使用。的確,絲帶可以為你的網(wǎng)站增添很多吸引力。
        5.標(biāo)識(shí)和站點(diǎn)名稱的放置。圖片:Jopp設(shè)計(jì)一些設(shè)計(jì)師創(chuàng)造性地使用絲帶,讓它帶有網(wǎng)站的標(biāo)志和名稱。這是一種很好的使用方法,因?yàn)楫?dāng)以類似于上面示例的方式使用時(shí),它可以最小化空間的使用。當(dāng)一個(gè)訪問者來到你的網(wǎng)站,他的眼睛一定會(huì)被引導(dǎo)到你的絲帶上,這當(dāng)然是你使用絲帶的目的。
        6.把它用作頁(yè)腳。緞帶作為頁(yè)眉是有效的,但當(dāng)用作頁(yè)腳時(shí)也很好??紤]上面的web設(shè)計(jì)。它在頁(yè)眉和頁(yè)腳都使用了絲帶。它當(dāng)然使網(wǎng)站看起來很吸引人,特別是內(nèi)容也很豐富多彩。紅絲帶的使用給人一種被框起來的感覺,很容易吸引人的目光。
        7.采取引人注目的行動(dòng)。圖片:HTML5 BoilerplateFor可以肯定的是,有一些事情你希望你的讀者去做。每個(gè)網(wǎng)站都有行動(dòng)的號(hào)召,而且每個(gè)網(wǎng)站都有不同的方式。絲帶可以有效地號(hào)召人們行動(dòng)起來,因?yàn)樗俗⒛俊?br />         8.用大絲帶來增加吸引力。圖片:Wells RileyYou從來沒有想過用絲帶,因?yàn)槟阌X得它看起來很女性化。但是當(dāng)你看到我們上面的網(wǎng)站時(shí),你可能會(huì)改變主意。大絲帶可以增加網(wǎng)站的吸引力,可以給它一個(gè)獨(dú)特的外觀。效果取決于絲帶的類型和顏色。
        9.考慮使用很多絲帶。圖片:新鮮的餅干在網(wǎng)上當(dāng)一些網(wǎng)站只使用一個(gè)或兩個(gè)絲帶,一些使用許多絲帶。網(wǎng)站的設(shè)計(jì)理念似乎就是使用絲帶。如果你認(rèn)為使用很多彩帶會(huì)破壞網(wǎng)站的設(shè)計(jì),那你就大錯(cuò)特錯(cuò)了。它甚至可以把你的設(shè)計(jì)帶到下一個(gè)層次,給你的網(wǎng)站一個(gè)誘人的外觀。
        10.巧妙地用絲帶。圖片:蛋糕甜蛋糕如果有網(wǎng)站使用大絲帶和許多絲帶,也有網(wǎng)站以微妙的方式使用它。一個(gè)小絲帶就足以為網(wǎng)頁(yè)設(shè)計(jì)增添美感。甚至有一些使用非常小的絲帶,但仍然設(shè)法發(fā)光,并被游客注意到?,F(xiàn)在輪到你了,當(dāng)然,你已經(jīng)有足夠的想法如何在網(wǎng)頁(yè)設(shè)計(jì)中使用絲帶。如果你打算在你的下一個(gè)設(shè)計(jì)中使用ribbon,可以使用這些網(wǎng)站作為靈感來源。毫無疑問,它為網(wǎng)站增添了美感和吸引力,使其看起來更有創(chuàng)意、更令人印象深刻、更受歡迎。你試過用絲帶設(shè)計(jì)網(wǎng)站嗎?或者你曾經(jīng)遇到過使用絲帶的網(wǎng)站嗎?與我們分享。


17
評(píng)論區(qū)(0)
正在加載評(píng)論...