https://webflow.com/blog/19-web-design-trends-for-2018
年底了，照例觀察一下明年的設計趨勢發展，並且記錄心得。
- 更普遍的互動和動畫
頁面中加入更多微互動的動畫，但這些動畫並不會分散使用者的注意力。
在網頁一開始出現的時候，區塊顯示、點選導覽以後跳到頁面下方，這些呈現方式是直接，甚至可說是粗魯的。區塊直接啪一下的出現在面前，完全的功能導向但也完全的沒有美感。
現在使用者習慣看到，本來隱藏的區塊在點選了某個功能之後，緩緩的漸亮然後浮現，或是以滑動的方式呈現， 這造就了一種優雅的節奏，也提升了使用上的舒適感。
這些動畫效果也具有提醒作用，當一個小小的動畫效果在使用者眼前運作，會比靜態的頁面更能引起使用者的注意。但要注意，試用動畫效果必須讓使用者舒適，可視範圍內同時有兩個以上的動畫效果同時運作，反而會分散使用者的注意力。 - 極端主義的出現
好的設計盡可能少的設計
隨著內容之上的概念逐漸成熟，設計師應該清楚自己的定位，好的網頁設計，應該是降低自己的存在感，而讓使用者在不知不覺當中，在網站上能隨意到達到他想到的目的地（頁面）。
每一個按鈕（button）、圖示設計（icon、image）存在的意義，都是為了讓使用者更容易理解該功能的用意。 - 襯線字體大進步隨著屏幕和字體渲染技術，加上自定義字體支持 - 變得更加強大，設計師在字體的選擇與變換，都能更加多變有彈性。
雖然CSS能夠隨意引入各種線上字體，但現實很殘忍，與英數字型只有幾百K相比，中文字體的字型檔非常之大，動輒數M～數十M，這樣的檔案大小，的確會影響網頁開啟的速度，尤其是在使用者第一次進入網站時，可能會看到畫面一片空白，過了數秒，才能夠看到頁面的文字。這回讓使用者差生負面的體驗。
另一方面，網站的開啟速度，會影響google對網站的評比。因此在使用上要謹慎小心。
附上google網站速度的檢測網址。
https://developers.google.com/speed/pagespeed/insights/?hl=zh-TW - 浮動導航菜單無論是在電腦或是行動裝置，導航菜單已成了不可或缺的重要元素，持續出現在頁面上可確保使用者隨時切換到不同的頁面或單元。
設計師也發現了這一點，但有個相對應的問題要解決：
導航菜單會佔據頁面空間，這意味著內容能使用的空間會減少。
為了讓使用者方便導覽，又可以看到更多的內容，導航菜單改用浮動式的設計。隨著頁面上滑或下滑，菜單的體積（高度），可能會隨之變小。 - CSS Grid彈性佈局的腳步一直持續進行，相較去年，CSS Grid仍然持續受到關注。
- Webflow
為產品團隊和設計師提供更高效，更強大的工具,提供多樣性和包容性。
設計師與工程師都面臨童謠的挑戰，被要求更快的開發速度。文章中多次提到Webflow，在IT幫幫忙中，曾有人說明關於Webflow，並稱之為神器，主要是：進入門檻低、乾淨的程式碼....
對Webflow有興趣的話可以讀一下這篇：
https://ithelp.ithome.com.tw/articles/10184728- UX作家崛起，並且仍在繼續
任何影響設計轉變的人都是設計師。這包括開發人員，PM，甚至公司法律。一切都是設計師。
這樣的概念我非常喜歡，把設計回歸於使用者，不是付錢製作網站的人，也不是撰寫頁面HTML或JS的人。UX的領域變得更廣，也更需要虛心學習。
不同的使用族群，因為性別、年齡、專業領域的不同，對同樣的設計界面會產生截然不同的感受。 - 設計。系統化。
UXPin、Shopify推出的Polaris、UX Power Tools（為了使Sketch成為更有效的設計系統工具），這些工具在加速網站開發者的效率，對於設計師而言，統一網站整體設計的一致性，會因為有了這些工具，而來的更加方便容易。 - 原則 - 第一設計
設計優先還是內容優先
乍看這個答案似乎會因人而異，其實回歸到問題的源頭：使用者是誰？這個網站要傳遞的訊息是什麼？
設計與內容並非水火不容，兩者的關係反而更像魚和水，互相幫襯，互依共生。
沒有留言:
張貼留言