博采
2021-10-18

網站設計最迷人之處就是不斷變動,技術的演進讓設計師與工程師可以不停實驗創新,帶來更好、更流暢的使用體驗。2022年網頁又會有哪些有趣的風格將主宰我們的螢幕?


image.png


1. 打破框架的版面設計

過去幾年,一成不變的網頁布局(layout)已開始令人疲乏,幸而Flexbox 以及CSS Grid!等技術的出現,讓版面設計變得更靈活彈性,為設計師、工程師帶來更寬廣的揮灑空間,今年將可看到更多網站打破慣有的「對稱」、「秩序」守則,形形色色,層層疊疊的網頁布局肯定精彩。不過不變的大原則是,設計的重點是要烘托「內容」,內容才是骨肉、才是人們光臨網站的主因,因此設計的尺度上也需斟酌,天馬行空之余,別反客為主,奪走內容的風采。


image.png


2. 極簡out,色彩在跳舞!

色彩作為表達個性的重要元素,在極簡風蔚為風潮時卻被剝除,不過去年開始,大面積漸層色塊似有強勢回歸,Instagram、Asana、Stripe 都以飽和的漸層重塑品牌視覺主調,今年絢爛的色彩以及流動的漸層更將大行其道;此外,影像以雙色調(duotone)后制,也可能會是今年的潮流。設計師,Sarah Hutto 預言,今年將會是很「funky」的一年,期待強烈的色彩刺激人們的視覺感官。

與前兩年的明亮輕盈、以及上述張揚的鮮艷濃烈色彩對比,以相對沉著冷靜的黑色作為主色調也是愈來愈多網站的選擇,只要「輔色」(accent color)搭配得宜,黑色一點也不沉悶,反而能在一片光彩的世界里脫穎而出。


image.png


3. 華麗且實用的動態效果

動態效果在當代的網頁設計領域扮演舉足輕重的角色,今年也絲毫沒有退流行的跡象,反而應用會更廣泛。適當的動態效果,具有突出重點、爭取注意力的用處,今年以 SVG、CSS 創造的動態效果預料將大幅增加,滾動視差(Parallax Scrolling)也愈來愈華麗。但設計師應考量品牌或內容的內涵以及每個動態效果的意義,避免「為動而動」。


image.png


4. 創造小驚喜的「微互動」

「微互動」在網頁上也會愈來愈流行,比如鼠標滑過、點擊各式網頁零件如按鈕,卷軸滑動過程中,適時出現細致變化,也能夠有提示重點的作用。當然,就跟動態效果一樣,設計師也要拿捏「動」的意義與幅度,才不致畫蛇添足。


image.png


以上就是2022你必須知道的網頁設計趨勢。可以看出,大家越來越注重用戶的體驗,畢竟實用是王道,任何設計都是為了解決問題而開始的。


留言咨詢
美女视频图片,美女视频写真,美女视频图片大全