2018年的19個網頁設計趨勢

原文出處：19 web design trends for 2018
https://webflow.com/blog/19-web-design-trends-for-2018
年底了，照例觀察一下明年的設計趨勢發展，並且記錄心得。

1. 更普遍的互動和動畫
   頁面中加入更多微互動的動畫，但這些動畫並不會分散使用者的注意力。
   在網頁一開始出現的時候，區塊顯示、點選導覽以後跳到頁面下方，這些呈現方式是直接，甚至可說是粗魯的。區塊直接啪一下的出現在面前，完全的功能導向但也完全的沒有美感。
   
   現在使用者習慣看到，本來隱藏的區塊在點選了某個功能之後，緩緩的漸亮然後浮現，或是以滑動的方式呈現， 這造就了一種優雅的節奏，也提升了使用上的舒適感。

2018設計趨勢心得

1. 僅僅完成配色，不代表完成易用性設計
2. 界面漂亮，能增加使用者的耐心，但解決不了基本架構不良的問題
3. PC 與 手機是截然兩種不同的設計模式
   
   以www.agoda.com的表單來說

pc	行動裝置
單元區隔會使用框線 input 會保留框線 不介意左右兩欄	背景有底色，單元區隔用白色塊 input 只剩下底線 一列一欄訊息 input、按鈕有一定高度 input 的輸入，更在意操作時的動態提醒效果（title字體變小，變色，上移）

2017設計時常出現的錯誤

可視化層次結構可能無法幫助用戶理解其內容

1. 有色區塊太多，分散視覺重點
2. 物件太多，分散視覺重點
3. 文字顏色太淺難以閱讀
4. 區塊太緊密，無法閱讀 / 區塊太鬆散，沒有段落性
5. 標題與內容區隔太遠
6. 太多線條，造成畫面混亂
7. 單元區隔不夠
8. 畫面左右不平衡
9. 字體、配圖、間距...太大，造成不精緻，甚至畫面鬆散

缺少能指（解釋1）可能會降低交互性。


來源：維基百科符號學
（解釋1）符號學中，將指示符（sign），即是單一符號或符號系統根據其傳播模式而分類。所傳播之意味以使用的編碼而確定，並且將符號分成能指（Signifier）和所指（Signified）兩部分。廣義上，這種能指可以是一個字符、一個手勢、一段聲音或者是一切所見之物。但是一個能指和所指的對應關係，只有在一個集體共同認可才可以形成，而通常來說，這不僅與語言中的詞彙相關，且聯繫到語法。符號所代表的物事，也可能會因為社會和文化關係而帶有隱意。