1987年美国彩票大奖|承德彩票大奖

全國統一學習專線 8:30-21:00
北京火星人教育

線下教育Offline+線上教育Online
火星人堅持以“更快”的更新速度提供“更新”的課程
專注做好IT職業教育,符合互聯網+發展的浪潮,接地氣兒的教育學院

課程導航
Web前端 UI設計 室內設計 工業設計 程序開發 學歷教育
更多

位置: 網頁設計學習網>網頁設計中的物力規則

網頁設計中的物力規則

北京火星人教育logo
來源:北京火星人教育

2019-05-24|已幫助:20

進入 >

網頁中的液體效果是千變萬化的,不同的視覺效果帶來的感覺截然不同,但大多數都遵循物理規律。今天小編主要給大家分享網頁設計中的物力規則,希望對你們有幫助!
 

網頁設計中的物力規則
 

在擬化設計盛行的時代,設計師嘗試在數字界面中復刻現實世界中的元素和質感。大家都稱之為“抄現實”。如今,對物化設計的狂熱已經消退,但在UI設計和網頁時,仍然是“抄現實”,而“抄”是更深層次的物理規則、運動特征和質感。
 

物理是一門相當古老的學科,但 并不是每個人都能理解其中規律,但是幾乎所有人都能本能地感知到它的存在。當某個動作不合理的時候,會很本能地感知到它的“不自然 ”,因為日常生活教會了我們所有“自然”的特征。
 

“自然”是安全的,符合我們的習慣,自然也是吸引人的。對于設計師來說,我們的生活規律和自然規律是最好的老師。
 

如何從中學習?看看Kikk Festival和Wed 'ze Goggles這兩個網站的設計。
 

Kikk Festival 的首頁設計相當的壯觀,動態效果下的海洋場景近乎真實,而海島和大猩猩的合成效果則巧妙地借助相似的形體創造出錯位而雙關式的視覺語言。水是整個設計中看起來最自然的東西,也是創造錯位感的環境。
 

相比之下,Wed’ze Goggles的頁面設計就不那么令人難忘了,但它向我們展示了如何利用最簡單的元素來創造充滿自然流體質感的視覺元素。
 

他們的設計團隊使用類似流體的斑點來裝飾背景,巧妙地使原本簡單和空曠的頁面變得不那么單調。
 

借助 WebGL、GSAP、Three.js 等較為前衛的技術,將物理運動質感帶入 Web項目,在這些項目中得到了體現。雖然我們大多數人都享受這些效果,但硬件設備的CPU和GPU不可避免地更加消耗性能。
 

可這并不會產生沖突,我們也無法阻止設計師和開發人員實現這種效果。合理使用不同的代碼技術和各種成熟的特效庫,甚至可以實現驚人的效果,以假亂真的質感,模擬現實的運動,這些都不成問題。
 

網頁中的液體效果是千變萬化的,不同的視覺效果帶來的感覺截然不同,但大多數都遵循物理規律。你可以使用這些規則讓設計服務于你的想法。
 

以上就是北京火星人教育小編為您整理網頁設計中的物力規則的全部內容,更多精彩請進入網頁設計學習網欄目查看

  • 最新文章
  • 學校課程
1987年美国彩票大奖