網(wǎng)頁設(shè)計中的物力規(guī)則學(xué)習

      在擬化設(shè)計盛行的時代，設(shè)計師嘗試在數(shù)字界面中復(fù)刻現(xiàn)實世界中的元素和質(zhì)感。大家都稱之為“抄現(xiàn)實”。如今，對物化設(shè)計的狂熱已經(jīng)消退，但在UI設(shè)計和網(wǎng)頁時，仍然是“抄現(xiàn)實”，而“抄”是更深層次的物理規(guī)則、運動特征和質(zhì)感。

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

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

      如何從中學(xué)習?看看Kikk Festival和Wed 'ze Goggles這兩個網(wǎng)站的設(shè)計。

      Kikk Festival 的首頁設(shè)計相當?shù)膲延^，動態(tài)效果下的海洋場景近乎真實，而海島和大猩猩的合成效果則巧妙地借助相似的形體創(chuàng)造出錯位而雙關(guān)式的視覺語言。水是整個設(shè)計中看起來最自然的東西，也是創(chuàng)造錯位感的環(huán)境。

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

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

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

      可這并不會產(chǎn)生沖突，我們也無法阻止設(shè)計師和開發(fā)人員實現(xiàn)這種效果。合理使用不同的代碼技術(shù)和各種成熟的特效庫，甚至可以實現(xiàn)驚人的效果，以假亂真的質(zhì)感，模擬現(xiàn)實的運動，這些都不成問題。

      網(wǎng)頁中的液體效果是千變?nèi)f化的，不同的視覺效果帶來的感覺截然不同，但大多數(shù)都遵循物理規(guī)律。你可以使用這些規(guī)則讓設(shè)計服務(wù)于你的想法。

      注：尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://m.universityresearchassociates.com/news-id-21460.html 違者必究！部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實性請自行核實或聯(lián)系我們，了解更多相關(guān)資訊請關(guān)注網(wǎng)頁制作頻道查看更多，了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費申請試課。關(guān)注官方微信了解更多：150 3333 6050