2013-05-24 分類: 網(wǎng)站建設(shè)
成都網(wǎng)頁設(shè)計(jì)常用視覺技巧!有時(shí)候網(wǎng)站當(dāng)中一個(gè)小的設(shè)計(jì)調(diào)整,可以立馬將一個(gè)普通的網(wǎng)站提升成一個(gè)高大上的網(wǎng)站,今天給大家介紹的這幾種設(shè)計(jì)趨勢,可以幫助大家在現(xiàn)有網(wǎng)站上做調(diào)整,也可以帶入到新的設(shè)計(jì)項(xiàng)目中去。
1、幾何圖形
縱觀最近的一些網(wǎng)站設(shè)計(jì),幾何圖形這個(gè)設(shè)計(jì)元素出現(xiàn)的頻率越來越多。從之前的漸變色背景到現(xiàn)在的幾何形狀,這是設(shè)計(jì)趨勢的一種。
幾何圖形的造型設(shè)計(jì)可以增加視覺感知的沖擊感,增加視覺豐富性。
幾何圖形可以以下面幾種常見方式出現(xiàn):
(1)在圖片上做幾何切割,將重點(diǎn)內(nèi)容放在切割的幾何造型內(nèi),例如OTU國外公司網(wǎng)站上藍(lán)色的設(shè)計(jì)幾何圖形,圖形上可以放置一些文字介紹。
(2)使用強(qiáng)烈的幾何圖形遍布在圖像或是主題的四周,使得用戶視覺效果可以集中在某一區(qū)域,例如愛爾蘭Career Zoo網(wǎng)站 。
(3)將一些圖片放置在幾何造型當(dāng)中,好比AI中經(jīng)常使用到的置入功能,這樣的設(shè)計(jì)可以增加新的視覺焦點(diǎn)在圖像上,例如Papillonsdenuit 這個(gè)網(wǎng)站。
(4)幾何圖形的平均分布,這樣的設(shè)計(jì)可以制造一定的韻律感,看起來整潔又有節(jié)奏。例如 日本流通科學(xué)大學(xué)網(wǎng)站。
成都網(wǎng)站設(shè)計(jì)常用視覺技巧!" alt="成都網(wǎng)站設(shè)計(jì)常用視覺技巧!" width="600" height="302" border="0" style="width: 600px; height: 302px;"/>
幾何元素中的角度和曲線可以幫助用戶視覺瀏覽時(shí)容易形成一條線,并且這是一個(gè)很好的定向工具。這樣的設(shè)計(jì)可以很方便的做好視覺瀏覽的主次,達(dá)到設(shè)計(jì)師想表達(dá)的主旨。
2、幾何線框和線條
幾何線框不同于前面的幾何圖形,兩者的區(qū)別一個(gè)是實(shí)心一個(gè)是空心的,線框的粗細(xì)在實(shí)際網(wǎng)頁當(dāng)中的可操作性比較強(qiáng),可以根據(jù)具體設(shè)計(jì)情況加粗或是變細(xì),使用起來還是很方便的。
線框這個(gè)設(shè)計(jì)趨勢被慢慢流行起來不是沒有預(yù)兆的,相信大部分設(shè)計(jì)師都看過這樣的類似的海報(bào),對,網(wǎng)頁中的線框設(shè)計(jì)靈感也是從這來的。
幾何線框和線條
線條的使用可以在網(wǎng)頁中起到風(fēng)格的作用,線條可以帶有指示性,幫助引導(dǎo)用戶去關(guān)注視覺主體。
幾何線框和 線條 可以以下面幾種常見方式出現(xiàn):
(1)曲線和直線相結(jié)合作為網(wǎng)頁的設(shè)計(jì)元素出現(xiàn),這樣的設(shè)計(jì)通??梢载S富要整個(gè)界面。例如adaptable公司網(wǎng)站,直接將圓形的線框作為背景。
(2)可以將線條與圖像的相結(jié)合出現(xiàn)在網(wǎng)頁設(shè)計(jì)當(dāng)中,可以起到畫龍點(diǎn)睛的作用。 例如Daniel Spatzek網(wǎng)站 。
(3)幾何線框和線條可以結(jié)合出現(xiàn),設(shè)計(jì)感強(qiáng),容易抓眼球。例如 Feudi di San Gregorio葡萄酒網(wǎng)站,第一次打開這個(gè)網(wǎng)站我都沒想到這是做葡萄酒的。
幾何線框和線條的使用可以很靈活,可以做部分圖像的疊加和遮擋,這塊設(shè)計(jì)會(huì)比上面的幾何圖形要靈活得多,也會(huì)更具時(shí)尚感。當(dāng)然,因?yàn)閹缀尉€框和線條可以靈活的被使用,這也同時(shí)要求設(shè)計(jì)師在設(shè)計(jì)時(shí)的把握能力,很多設(shè)計(jì)得不好,就反而顯得簡單。
成都網(wǎng)站設(shè)計(jì)常用視覺技巧!
3、 模糊圖像
圖像做模糊處理,這種方式并不新鮮,但是看看最近的一些國外優(yōu)秀網(wǎng)站,設(shè)計(jì)師將圖像或是視頻模糊之后稍做調(diào)整,變成了一種設(shè)計(jì)趨勢。
模糊圖像 可以以下面幾種常見方式出現(xiàn):
(1)模糊圖像的次要部分,突出主要部分,形成虛實(shí)結(jié)合,這種設(shè)計(jì)通常易凸顯主體,主體可以是產(chǎn)品、人或是物。例如Acurepass APPSITE網(wǎng)站。
(2)做線性模糊或是徑向模糊,這樣的模糊方式可以形成畫面的上的虛實(shí)變化,增加畫面的豐富性??諝怦R達(dá)真空發(fā)生器特制造商的網(wǎng)站,采用的是徑向的一個(gè)模糊加一個(gè)顏色疊加。
(3)統(tǒng)一模糊處理圖像或視頻,這樣的方式出現(xiàn)率是高的。這種方式容易突出主要文字部分的內(nèi)容。Mackay這個(gè)網(wǎng)站也是采用這種統(tǒng)一平均模糊的方式。
分享標(biāo)題:成都網(wǎng)站設(shè)計(jì)常用視覺技巧!
文章來源:http://muchs.cn/news/7479.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站改版、外貿(mào)網(wǎng)站建設(shè)、用戶體驗(yàn)、品牌網(wǎng)站制作、網(wǎng)站設(shè)計(jì)公司、軟件開發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容