2017 18個網站設計趨勢

2016年末，自然要來看一下，明年的設計趨勢發展。
這篇文章提到了18項2017年的設計趨勢：

18 web design trends for 2017

https://webflow.com/blog/18-web-design-trends-for-2017
附上原文出處，方便查看原文。

這裡列出其中幾項，作為自己未來設計時的首要考量：

1. 內容優先

   
   
   任何排版佈局都只是為了讓使用者專注在應該閱讀的項目，而且不影響閱讀速度。
   
   這點在台灣的網頁非常難以實現，客戶與老闆從來沒有在想客戶要看到什麼，在客戶與老闆雙重要求：
   『大一點』
   『紅色』
   『加粗』
   『加閃亮亮』....
   一大堆花俏搶眼各種顏色都上了同一個頁面之下，重點早就不知道被淹沒到哪裡去了。
     

2. 共同共同開發

   
   設計師在這部分也需要注意，因為設計師通常以圖像思考為主，很多是不看字的，所以在頁面設計出來後，但常常出現：
   『字級太小』
   『整體文字顏色太淺』
   『圖表對比色太接近』....
   
   只有設計師分得出來，這樣的頁面在以前美術課都被借去上數學跟國文的客戶跟老闆，就會跟你說：
   『看不清楚』
   『糊糊的』
   
   

3. 共同開發

   設計人員之間以及設計人員和開發人員之間更好的合作文章中提到，設計師與他人合作的機會會變高。也許不只是設計師，網頁開發的模式已邁入另一個里程碑，專案會越來越傾向共同開發的模式，除了需要用到線上協作軟體，版本控管的軟體也會是重要的。
   
   共享模板這類的協作工具也紛紛推出，讓網站建制與日後維護都能更快速。
   
   

4. 更多 SVGs

   在移動設備上具有放大縮小都清晰可辨識的矢量圖形。
   隨著手機的使用率越來越高，在不同解析度要看到同樣清晰的圖片，也成為設計師要克服的議題之一，SVG和PNG、GIF相比，檔案K數更小，在放大縮小也更具彈性。
   
   除此之外，SVG還有其他好處，例如利用CSS就可改變顏色，也更利於動畫製作。
   
   

5. 更多明亮的顏色

   文章中提到Asana、Instagram、Stripe，都使用起明亮的大色塊面積。顏色非常個人喜好，我個人對於太過明亮的的顏色會下意識迴避，但也常提醒自己，個人的喜好只能用於藝術作品上，商業作品要以使用者的需求為主，自己的喜好要完全放一邊才行。
   
   

6. 更專注於動畫

   動畫將變得更加突出與精緻。這裡提到的動畫並不是做爽或看起來很酷選而已，網頁設計的微動畫是為了讓使用者注意到，頁面上有哪些被動操作，或是在場景切換時更優雅。
   
   文章中提到的免費電子書範本
   The missing guide to the freelance designer's life is here

7. Flexbox

   相對“新”的CSS佈局 - Flexbox長久以來對於等分，以及垂直對齊，一直頗為苦惱。當我聽到有一任主管，聽到我說要做垂直置中，居然回答我說：那很難搞誒...，簡直想跪下大喊：主管大人英明！！
   
   但隨著Flexbox出現，上述的種種艱難將獲得大幅改善，Flexbox諸多屬性也更容易搭配響應式網頁的斷點佈局。
   
   

8. Grid

   支援更複雜的網格佈局
   我想這應該是另一派人馬，看Flexbox不順眼，覺得可以發明更強大的佈局工具，所衍生出來一個新的CSS語法。目前瀏覽器支援度也尚未齊全。