1、底部導(dǎo)航設(shè)計

 

      在手機(jī)上，底部導(dǎo)航是普及率頗為高的設(shè)計，但是在網(wǎng)頁上就不算多見了。雖然側(cè)邊欄和垂直導(dǎo)航基本上要脫離實驗性設(shè)計的身份了，但是底部導(dǎo)航這種“反習(xí)慣”的設(shè)計，仍然算是激進(jìn)的一種設(shè)計手法。

 

      底部導(dǎo)航在網(wǎng)頁上是先鋒的設(shè)計，所以它不是兼容所有用戶的一種設(shè)計策略。如果你做的是一個強(qiáng)調(diào)設(shè)計、受眾接受性較強(qiáng)的網(wǎng)站，可以嘗試接入這一設(shè)計趨勢。

 

      如要使用底部導(dǎo)航加持設(shè)計，那么你需要正確地使用它：

 

      保持簡約，在不用向下滾動的頁面上使用上佳，少數(shù)頁面使用為好設(shè)計的要醒目，不要讓用戶忽略它們

 

      如果頁面較長，使用懸浮固定的底部導(dǎo)航

 

      搭配極簡風(fēng)格的設(shè)計框架，復(fù)雜的網(wǎng)頁設(shè)計會讓用戶忽略底部導(dǎo)航加入一些額外的元素來強(qiáng)化導(dǎo)航功能，確保用戶不會迷失。

 

 

Lapland

 

 

Rockwood

 

 

Hotdot

 

2、Box元素

 

      Box，盒子是一種非常實用的頁面元素載體，在數(shù)字設(shè)計日趨多樣繁復(fù)的2017年，Box 元素簡直是設(shè)計師手里的攻城利器。從功能上來說，它和Material Design 中卡片的概念是高度相似的，但是它并沒有限制在這個風(fēng)格當(dāng)中。和卡片一樣，Box 元素可以承載各種各樣的內(nèi)容，它非常符合今年設(shè)計師對于多樣性的需求。

 

      當(dāng)你開始使用Box元素的時候，應(yīng)該注意下面的問題：

 

      使用Box 來創(chuàng)建視覺焦點，比如下面的 Cedrick Lachot 這個網(wǎng)站使用Box 將不同的元素分層，類似下面的Feudi Di San Gregorio 這樣設(shè)計使用Box 來強(qiáng)化流程和視覺。Beoplay 的網(wǎng)站就使用堆疊的Box來創(chuàng)建視覺路徑，每個Box中承載不同的動畫，吸引用戶滾動瀏覽。

 

 

Cedrick Lachot

 

 

Feudi Di San Gregorio

 

 

Beoplay

 

3、豎線元素

 

      雖然用戶并不一定會時刻注意到網(wǎng)頁背后的柵格系統(tǒng)，但是恰到好處的豎線元素，絕對能夠強(qiáng)化整個網(wǎng)頁的設(shè)計感。

 

      豎線元素主要還是起到裝飾性的作用，和我們常見的原型、矩形和橫線元素不同，豎線元素其實出現(xiàn)的非常少，在很多時候能夠給整個設(shè)計一種有趣、別具一格的體驗。

 

      豎線元素?zé)o疑會讓網(wǎng)頁更加風(fēng)格化，不過它的侵略性并不強(qiáng)，所以，它的應(yīng)用范疇還是很廣的：

 

      可以嘗試使用較細(xì)的豎線融入背景

 

      創(chuàng)建垂直豎線的圖像拼貼

 

      在主圖上使用豎線元素創(chuàng)造視覺深度，強(qiáng)化層次使用豎線穿過圖片上的視覺焦點

 

      使用分屏式的設(shè)計，創(chuàng)造出垂直分割的視覺體驗使用其他的小元素縱向排列，在背景中使用

 

      讓元素在縱向上堆疊，而不是常見的橫向排列。

 

 

Porche

 

 

Radio

 

 

7h34

      結(jié)語

 

      趨勢能夠流行多久？誰不知道，這是使用設(shè)計趨勢的風(fēng)險所在。趨勢無疑是有時間限制的，但是在此刻，它是有價值和意義的。