網頁設計中動態核心的 10 個奇妙示例

已發表: 2020-01-11

在愛情和為客戶的鬥爭中一切都是公平的,尤其是在數字世界中。 與真實的不同,您可以使用各種心理技巧來強加商品並說服客戶購買東西,互聯網仍然是非個人的。 你不必看著某人的眼睛說“不”。 您只需關閉瀏覽器選項卡——儘管有所有有希望的福利和銷售言論,然後愉快地繼續前進,而不會感到內疚。

對於廣大潛在客戶來說,這是一個很大的解脫。 對於代理商、公司和供應商來說,這是一個難以克服的巨大障礙。 在這裡,您需要竭盡全力,更不用說投入大量資金將訪問者轉變為真正的客戶。 這條荊棘之路涉及許多階段、陷阱和技巧。 而且,一切都始於創造第一印象。

通常,第一印像是訪客離開或留下的決定因素,並讓您有機會與他們交談。 因此,在開始顯示帶有折扣和特別優惠的彈出窗口之前,您應該注意您網站的“面子”。 它為用戶停留的最初幾秒鐘設定了基調和情緒。

創造正確的印象

如今,您實際上可以選擇任何選項——從過於簡單的靜態、簡約的英雄區域開始,以簡單、整潔和優雅的方式吸引用戶。 或者,您可以選擇由 WebGL 驅動的超級騙子動感十足的動畫,這些動畫以極好的技術氛圍和復雜性吸引眼球。

如果你還沒有準備好採取激進的行動,或者認為它對你的目標受眾有點不合適,你總是可以堅持在過度簡化和復雜之間取得平衡。 做到這一點的一種方法是選擇一個乾淨且相對簡單的整體設計,並用一個動態的核心來豐富它。 就像 Masayuki Daijima 在他神秘的個人作品集中所做的那樣。

他網站的主屏幕過於簡單化了:乾淨的單色黑色畫布、小小的社交圖標包、三項導航和精心放置在角落的版權。 所有基本元素都讓位於頁面中心的 WebGL 驅動的“head”。 它自然而然地吸引了所有人的注意力,彰顯了業主的創造力和專業精神。

大島雅之

今天,我們將重點介紹這種方法。 無法抗拒現代科技的力量,但希望在資源上保持合理的創意機構是一個小趨勢。 下面的網站將整體注意力集中在屏幕的中心,那裡有小而令人興奮的動畫。

LHBZR / IGOODI

IGOODI 背後的團隊 LHBZR 和 Uprising 的 Luis Henrique Bizarro 採用了與 Masayuki Daijima 相同的方法。

Luis Henrique Bizarro 網站的主頁區域以整潔、乾淨和元素稀缺為標誌。 然而,由上到下延伸的數百條細線組成的 3D 圓圈將注意力保持在標識所在的中心。 一切都是技術性的。

LHBZR

IGOODI以其高科技界面具有大膽而大膽的個性。 甚至還有類似 Flash 的功能,例如塊顯示效果和鼠標懸停時的聲音。 與前面的示例相比,設計有點擁擠。 儘管如此,所有的目光都集中在為每個部分提供的隨附視覺材料上。 儘管每個動畫都是黑暗的並且無縫集成到設計中,但它仍然以其未來感和精緻的魅力吸引眼球。

伊古迪

GlobIQ / 雅庫布·帕尼亞奇克

還有更多的網站遵循相同的路線。 讓我們考慮一下。

GlobIQ 乍一看像 IGOODI; 但它有自己的光環。 多多邊形球體是英雄區域的心臟和靈魂。 它繞著它的軸旋轉,不引人注目地引起人們的注意。 主屏幕令人著迷和誘人。

全球智商

如果你認為這個主流的網站都有黑暗的美學,那就把目光投向 Jakub Paniaczyk 的網站。 這是相同的方法,但它被帶入了光環境。 上面的界面雖然帶有某種深沉的神秘色彩,但這個界面卻相反,給人一種開放、吸引、清晰的感覺。 有幾個漂亮的球體,由大量的粒子組成,並相互插入。 該組合物增強了用戶體驗並有助於高端美學。

雅庫布·帕尼亞奇克

瑪麗亞卡拉斯 / VIITA TITAN

雖然我們提供了具有球體、球體和 3D 多邊形的網站,但您可以找到不同的概念。 例如,查看 Maria Callas 的網站。

英雄區域有一個神秘的方形動畫,您可以從不同的視角進行部分探索。 該解決方案喚起了複雜的感覺,迫使您留下並探索該網站。

瑪麗亞卡拉斯

與前面的示例非常相似,VIITA TITAN 促銷網站背後的創意團隊選擇了矩形形狀和另類的紋理,這些紋理由於波浪行為而顯得栩栩如生。 屏幕的中央部分是如此“沉重”和古怪,以至於它會催眠和磁化。

維塔泰坦

阿扎爾俱樂部

如果你有一個超載的主頁,但仍想將整體注意力吸引到焦點上,你可以使用與 Azar Club 背後的團隊相同的技巧。 他們網站的英雄屏幕充滿了重要和不那麼重要的東西。 然而,所有的目光都集中在頁面的中心。 這是由於 4 個相對較薄、不均勻的霓虹燈圈:它們自然會吸引觀眾。

阿扎爾俱樂部

我們實際上是

We Virtually Are的主屏幕以高科技氛圍和藝術魅力的融合為標誌。 整體設計看起來整潔、謙虛,在某種程度上“嚴肅”。 然而,帶有花朵的視頻帶有一種微妙的自然美感和俏皮的色調——將這個網站與其他網站區分開來。

我們實際上是

繆創意工作室

Miew Creative Studio 優雅而巧妙地提供了強大的第一印象。 在這裡,核心是一個會呼吸和變形的 3D 球體。 它巧妙地打破了乾淨堅實背景的單調,並在視覺上支持了標語。

繆創意工作室

偉大的設計中心

如今,動態解決方案隨處可見。 不同性質的動畫、令人興奮的發現、物理實驗和其他鼓舞人心的概念遍布網站。 然而,偉大的解決方案伴隨著巨大的責任。 所以,為了防止崩潰,有時你需要堅持中庸之道。 使用小型中心部件而不是全屏解決方案確實是一種平衡並取悅所有人的方式。 更重要的是,有很多很棒的方法可以做到這一點。