2017 網頁設計師們青睞的3種設計趨勢 & 影片製作救星─MOTIONELEMENTS 免費影片素材

1、底部導航設計

在手機上底部導航是滿普及的設計，但是在網頁上就不算多見了。

雖然側邊欄和垂直導航基本上要脫離實驗性設計的身份了，

但是底部導航這種“反習慣”的設計，仍然算是激進的一種設計手法。

底部導航在網頁上是先鋒的設計，所以它不是兼容所有用戶的一種設計策略。

如果你做的是一個強調設計、受眾接受性較強的網站，可以嘗試接入這一設計趨勢。

如要使用底部導航加持設計，那麼你需要正確地使用它：

○ 保持簡約，在不用向下滾動的頁面上使用上佳，少數頁面使用為好

○ 設計的要醒目，不要讓用戶忽略它們

○ 如果頁面較長，使用懸浮固定的底部導航

○ 搭配極簡風格的設計框架，複雜的網頁設計會讓用戶忽略底部導航

○ 加入一些額外的元素來強化導航功能，確保用戶不會迷失

2、Box元素

Box 是一種非常實用的頁面元素載體，在數字設計日趨多樣繁複的2017年，Box 元素簡直是設計師手裡的攻城利器。從功能上來說，它和 Material Design 中卡片的概念是高度相似的，但是它並沒有限制在這個風格當中。和卡片一樣，Box 元素可以承載各種各樣的內容，它非常符合今年設計師對於多樣性的需求。

當你開始使用 Box 元素的時候，應該注意下面的問題：

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

3、直線元素

雖然用戶並不一定會時刻注意到網頁背後的柵格系統，但是恰到好處的直線元素，絕對能夠強化整個網頁的設計感。

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

直線元素無疑會讓網頁更加風格化，不過它的侵略性並不強，所以，它的應用範疇還是很廣的：

○ 可以嘗試使用較細的直線融入背景
○ 創建垂直豎線的圖像拼貼
○ 在主圖上使用直線元素創造視覺深度，強化層次
○ 使用直線穿過圖片上的視覺焦點
○ 使用分屏式的設計，創造出垂直分割的視覺體驗
○ 使用其他的小元素縱向排列，在背景中使用
○ 讓元素在縱向上堆疊，而不是常見的橫向排列

-------------------------------------------------------------------------------------------------


MotionElements 除了有提供免費影片素材之外，也有提供免費音樂素材與 AE 模板，比較特別的地方是 MotionElements 的免費素材庫是每週更新的。對於製作商用影片需要影片、音樂素材、AE 模板又沒有預算的人來說，MotionElements 的免費影音素材庫是一個非常好的免費素材來源。


使用教學

STEP 1

開啟 MotionElements 網站後，點擊首頁右下方，大大的 FREE 紅色 Banner。

STEP 2

點擊該 banner 後，即會前往 MotionElements 免費影音素材庫，在大標題下方可以切換到不同的素材類型（音樂或 AE 模板），在該頁面即可瀏覽喜歡的素材，看到喜歡的便可以直接點進去下載。

STEP 3

進到素材頁面後，點擊右側的下載按鈕，同時在下方也會標註該影片的格式、大小和來源，授權的部分請不用擔心，MotionElements 免費影音素材庫裡所提供的授權都是可商用，並可以不限次數的使用，也不用標示作者與來源，詳細使用說明可以前往他們的授權說明頁面。

STEP 4

點擊下載後，輸入希望收到檔案的 Email，再按下傳送，就可以免費收到心儀的素材囉！