十大年度網頁設計趨勢欣賞
怎么樣才能讓網站看起來最潮最新？在適者生存的規則下，每一年都會篩選出哪些設計風格是趨勢指向，哪些又是過時的。隨著2018年即將結束，我們現在可以看到什么才是2015年最成功網頁設計趨勢，這些被定義為年度設計風格的趨勢將會強勢地延伸到新的一年。本期國外精品翻譯教程就同大家分享2015年十大網頁設計趨勢，一起來看看：
一、長滾動頁面
例子：Shadow
回顧2018！十大年度網頁設計趨勢欣賞
隨著智能手機的興起，移動端瀏覽網頁的數量已超過傳統桌面端，2015年所看到的網頁都在向小屏幕靠攏（相對桌面顯示屏）。就如其他悉數在列的設計趨勢一樣，長滾動網頁在響應設計使用方面正變得越來越常見，因為小屏幕就意味著長滾動。
在過去的設計觀念中，設計師都是不想讓內容縮在一起，需要拉幾下才能看到全部內容，但新的研究表明用戶的習慣在改變，不再討厭拉滾動條。現在，設計師和用戶都意識到長滾動的價值所在：更高的創作自由度、更強的內容故事性、更有效的交互應用以及簡易化的導航（如果網站足夠小的話）。
但是，長滾動也會帶來一些代價，比如SEO效果弱化、加載時間變長等。由此看來，長滾動對于移動端流量大或者頻繁更新內容的網站的應用效果最好，而對于注重如視頻等媒體的網站的效果就不是那么有效。
應用技巧：
1.使用粘性導航菜單或者彈出選項菜單來提升導航效果。
2.長滾動和單頁面網站容易讓用戶不知所措，設置好重慶影視公司導航可以避免這種情況的出現。
3.利用視差效果和滾動觸發動畫等突出長滾動的優勢所在。
二、卡片式布局
例子：Behance
回顧2015！十大年度網頁設計趨勢欣賞
圖02
隨著移動設備的興起而帶來的實用性趨勢之一是卡片式布局。卡片式布局的優點是以干凈和有組織的形式展現豐富的內容。這樣的布局讓網站很好地適應不同的瀏覽方式和不同類型的內容，特別是有鏈接到外部網站的，用戶能直觀地知道點擊卡片內容帶來的相關帖子。
卡片式布局可以將內容很好地劃分為各個小部分，而每一個小部分都是瀏覽者想要知道的：題目、主要插圖、描述或者標簽、帶有收藏評論等選項的控制面板。
卡片式布局有良好的響應設計體驗，因為它們的行和列都可以自動重新排列，適應不同的屏幕尺寸。
應用技巧：
1.令整個卡片都可以點擊，而不只是圖像或者文字帶有鏈接。根據費茨法則，重慶動畫公司這會讓用戶更加容易和愿意點擊進去。
2.采用卡片式布局時，添加動畫效果，特別是懸停觸發效果。小按鈕顏色的變化或者整個卡片的改變，甚至旋轉或者轉動效果，都可以讓人對高度機構化的布局感到有活力，這樣新穎設計可以讓你的網站在其他卡片式布局網站脫穎而出。
3.卡片式布局的缺點在于卡片之間的空間，對于卡片間的間隙要清晰表示好，不要讓用戶去猜這些是干啥用的。
三、新版扁平化設計
例子：Toyota
回顧2015！十大年度網頁設計趨勢欣賞
圖03
在多年前，擬真設計曾經是現代設計趨勢之一，而扁平化設計則是它的對立面。
然而，今天的扁平化設計已經遠遠超出原來設計起源。經過全新和微妙蛻變后的扁平化設計，提供了更多的機會來展示設計細節以及流行，Ryan Allen稱之為“扁平化設計2.0版本”：鮮亮色彩和高光效果、色彩漸變與下落式陰影、更加有深度的細節設計。
并且最重要的是，扁平化設計仍然保留其核心設計風格。常見的簡單細小的裝飾沒有丟掉。卡通化圖案、易讀性排版、鮮艷的顏色等設計風格都一一保存，讓人一眼就能明白是扁平化設計。
應用技巧：
1.幽靈按鈕只需簡單的線條和透明背景，卻成為扁平化設計中的趨勢之一。重慶3d動畫制作更加興慶的是，幽靈按鈕同樣可以用于扁平化設計以為的創作中：簡單明了的樣式不會轉移用戶對漂亮背景的關注度，讓用戶的注意力都集中在最突出的圖片中去。
2.扁平化設計采用非常簡單的圖案，可以讓網頁讓加載速度加快，這樣的設計特點可以讓響應設計做得非常到位。
3.扁平化設計與極簡設計趨勢的對比見本文第10條。兩者都同樣通過簡化式設計，達到“少即多”的設計效果。
2強力動畫效果、Hero圖片
四、強力動畫效果
例子：Bugaboo
回顧2015！十大年度網頁設計趨勢欣賞
圖04
運動物體總能吸引到眼睛的注意，動畫可以影響人第一眼看到的視覺效果。通過潛在的與諸如大小、顏色等傳統網頁設計方面的對比，動畫效果比其他的媒介更能傳達某種元素或者信息。
動畫同時也有顯示關聯性的功能。想象一下，一個窗口正在最小化，然后飛進菜單中，這個動畫首先讓人知道這樣的行為是存在的，然后用戶就知道能在哪里找到剛才的窗口。
如下所示UXPin采用無碼動畫編織器的飛進菜單，將這個原理完美演繹。
回顧2015！十大年度網頁設計趨勢欣賞
圖05
動畫最基本的功能可以在沉悶的變化中凸顯出來。一個懸停動畫比簡單的顏色變化更能顯示出一個鏈接的可點擊性。
應用技巧：
1.Web和App動畫仍然可以遵循經典的12條迪士尼動畫設計原則。
2.長滾動網頁非常依賴于動畫效果來創造平滑的滾動效果。做得好的時候，由滾動觸發的動畫效果可以讓網站極具趣味，讓瀏覽者身臨其境。
3.設計好加載動畫的好處多多。其中，它們就能告訴用戶大概等待的時間，并且能在等待過程中欣賞到漂亮的動畫，而不會感到浪費時間。
4.在背景中巧妙增加動畫，可以激活整個頁面，讓畫面不再沉悶，但要注意不要做得太過。因為太多的背景動畫會分散用戶對主要內容的注意力，更不用說太多動畫加載帶來長時間等待。
