幾乎所有的設(shè)計項目當(dāng)中贝淤，設(shè)計師幾乎都需要借助設(shè)計來盡量抓住用戶的注意力系羞。一些能夠更好郭计、更快抓住用戶注意力的設(shè)計技巧就成了設(shè)計師最喜愛的東西。進入5月之后椒振，會發(fā)現(xiàn)正在流行的幾個設(shè)計趨勢都呈現(xiàn)出這樣的特點昭伸，無論是時髦小巧的導(dǎo)航，還是有趣的圖層裁剪效果澎迎。接下來庐杨，我們就看看5月流行的3中設(shè)計趨勢。
1. 時髦小巧的導(dǎo)航設(shè)計
之前流行過大型的導(dǎo)航設(shè)計夹供，隨后漢堡圖標(biāo)又大行其道灵份。可能對于漢堡菜單的隱藏式設(shè)計不夠明顯罩引，傳統(tǒng)的導(dǎo)航設(shè)計又逐步回歸各吨，不過在風(fēng)格上
，倒是呈現(xiàn)出時髦而小巧的特點。這種導(dǎo)航在細節(jié)和體驗上更加考究揭蜒，更重要的是横浑，小巧的布局和信息量的控制使得它一目了然，如果想要更多的導(dǎo)航信息則需要點擊「更多」按鈕屉更。
這種導(dǎo)航設(shè)計的優(yōu)點在于徙融，它為下面的主要內(nèi)容留下了足夠的空間和焦點，又確保了導(dǎo)航本身的功能性瑰谜。
而缺陷也同樣明顯欺冀，由于導(dǎo)航設(shè)計得過于小巧，可能會讓部分用戶感到困惑萨脑。就目前來看隐轩，這種導(dǎo)航適合單頁式的網(wǎng)站或者是訪問量相對沒有那么大、個性十足的網(wǎng)頁渤早，結(jié)構(gòu)復(fù)雜的網(wǎng)站就不適合這樣的設(shè)計趨勢了职车。
下面的三個網(wǎng)站不同程度地運用了這一設(shè)計趨勢：
Geex Arts在頁面的右側(cè)加入了一個黑色的垂直條，用一個小的暫停按鈕和小巧的動態(tài)圖片來吸引你切換頁面鹊杖。小巧的導(dǎo)航被置于頁面底部悴灵。
IC Creative這個網(wǎng)站采取了一個相對折中的方案，采用了側(cè)邊欄導(dǎo)航骂蓖，而其中包含了 LOGO积瞒、漢堡圖標(biāo)和搜索按鈕，這樣保證了菜單的顯著登下，也保持了整個設(shè)計的簡約性茫孔。當(dāng)你點開漢堡圖標(biāo)的時候，會發(fā)現(xiàn)這里面真的隱藏著大量的鏈接庐船，甚至包含了文章推薦银酬。
Weekend Creative Agency的導(dǎo)航欄同樣置于側(cè)邊欄嘲更，不過是在左側(cè)筐钟，所有的鏈接都擺在明面上，但是從名稱到樣式都非常的簡約小巧赋朦。
2. 有趣的圖層剪切效果
學(xué)會通過圖層控制來營造充滿視覺吸引力的設(shè)計篓冲，會讓你在設(shè)計的時候如虎添翼。通過控制不同圖層的元素互動宠哄，可以創(chuàng)造令人著迷的視覺效果壹将。
值得慶幸的是，以往令人撓頭的各種設(shè)計效果毛嫉，現(xiàn)如今對于網(wǎng)頁前端而言已經(jīng)是小菜一碟了诽俯。越來越成熟的前端技術(shù)讓圖層的控制和管理更加得心應(yīng)手。最近承粤，最為流行的圖層相關(guān)的技術(shù)暴区，是圖層剪切的效果闯团，這種效果指的是將部分元素切除為前景中的元素騰出位置。
這種圖層剪切效果幾乎適用于任何類型的網(wǎng)站和設(shè)計涂炎，被裁剪的部分可以是任意大小觉鼻、位置的徐绑，而使用這一效果的訣竅在于控制元素之間的協(xié)同，前景的元素要和背景的元素之間完美地配合起來候味。
被裁剪的部分應(yīng)該和整個設(shè)計的信息傳達息息相關(guān)，和設(shè)計目標(biāo)保持一致隔心。比如白群，它應(yīng)該能夠輔助導(dǎo)航，引導(dǎo)視覺硬霍，幫助用戶獲取信息川抡，促進功能，幫助用戶理解信息须尚。
Tilted Chair這個網(wǎng)站中崖堤，設(shè)計師將標(biāo)題中切割出空間，放上了一只眼睛耐床，非常引人注意密幔。
RJ Investments這個網(wǎng)站在圖片元素中切割出空白區(qū)域，來展示文本撩轰，放置行為召喚元素胯甩。
DTO Films這個網(wǎng)站采用了另外一種方式，設(shè)計師在背景中裁剪出一個區(qū)域堪嫂，并且以明亮的色彩填補其中偎箫，再疊加上超大的標(biāo)題文本，錯落地排布皆串，搭配上動效淹办，營造出有趣的視覺體驗。
3. 快速剪輯的視頻
設(shè)計師一直在借助視頻來呈現(xiàn)設(shè)計恶复，講述故事怜森。不過，在視頻內(nèi)容的呈現(xiàn)上谤牡，千變?nèi)f化副硅，目前最流行的做法，是使用快速剪輯或者加速之后的視頻翅萤，來快速地呈現(xiàn)豐富的內(nèi)容恐疲。毫無疑問，這樣的方式不僅貼合了如今用戶注意力集中時間短的現(xiàn)狀，而且更好地保持用戶的參與度培己。
快節(jié)奏的視頻剪輯糜烹，好處在于更加快速的信息展現(xiàn)。用戶在瀏覽的時候能夠很快弄明白視頻要呈現(xiàn)的內(nèi)容漱凝，整個視頻的循環(huán)速度也更快疮蹦，也能夠更好的促進用戶和網(wǎng)站的交互。
下面的三個網(wǎng)站都使用了快速剪輯的視頻元素茸炒。
Dept Agency當(dāng)中愕乎，設(shè)計師不僅讓視頻的剪輯切換更快，而且還使用了快進的方式加速壁公，快速剪輯的視頻當(dāng)中感论，每以小段都包含了一個關(guān)鍵詞，用戶幾乎不需要滾動頁面就可以在快速展現(xiàn)的視頻中了解到很多內(nèi)容紊册。
Plae這個網(wǎng)站同樣采用了視頻背景比肄，視頻是由幾段視頻組合起來的，每一段視頻的前半部分是常速播放囊陡，后半部分是加速播放芳绩，不過總體上都很短，也就幾秒鐘撞反。這種剪輯讓訪客可以清晰地觀察到場景妥色，又能快速獲取信息，頁面整體上布局并不會隨著視頻變化遏片，CTA 按鈕和文本位置不變嘹害，用戶也可以便捷地同網(wǎng)頁交互。
Meskie Granie Music Festival這個網(wǎng)站使用不同速度播放視頻吮便，并且通過快速疊加為用戶創(chuàng)造出獨特的風(fēng)格體驗笔呀。
結(jié)語
許多設(shè)計趨勢相互之間可以搭配，而許多設(shè)計師也確實將它們合理地結(jié)合到一起髓需，創(chuàng)造出吸引人的體驗许师。仔細研究一下，應(yīng)該會給你不少啟發(fā)授账。
