2021年10月起，創(chuàng)新互聯(lián)分享頻道會定期給大家推薦國外優(yōu)秀的、令人興奮的網(wǎng)站設計作品。這些作品均能結合品牌logo形態(tài)來做視覺延展設計、出色且有趣的交互設計、優(yōu)秀的版式設計，整體上讓人耳目一新，很享受使用這個網(wǎng)站和樂于長時間沉浸在網(wǎng)頁內(nèi)容當中。

創(chuàng)新互聯(lián)堅持“要么做到，要么別承諾”的工作理念，服務領域包括：網(wǎng)站設計、成都網(wǎng)站建設、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務，滿足客戶于互聯(lián)網(wǎng)時代的鼎城網(wǎng)站設計、移動媒體設計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡建設合作伙伴！

一睹為快
-
https://www.rouserlab.com/about/

01.

首先值得注意的是，這個是一個國外的設計站點，整體架構清晰、簡約，所有微交互都做了規(guī)范。開篇的loading也是結合公司logo的形態(tài)來做動效設計的。

loading完之后，首先進入眼簾的是一個logo變形過來的泡泡，很吸引人。底部是兩行碩大的文字。超大字體的版式布局設計，是當下的流行趨勢之一。

02.

很傳神的地方，是這個logo變形過來的泡泡，一直跟隨著鼠標做形態(tài)、位移的變化，逐步強化VI的印象。

03.

除此之外，隨著用戶滾動到不同的內(nèi)容板塊區(qū)域，不同區(qū)域的內(nèi)容呈現(xiàn)方式和動畫設計，也是很別致的，主次分明的。

而這個泡泡居然可以把不同的內(nèi)容不斷放大，這里需要極強的交互技術。

04.

細心的用戶一定能發(fā)現(xiàn)，隨著用戶翻滾到第四板塊的內(nèi)容后，可以很明顯的發(fā)現(xiàn)，這個泡泡的體積越來越大的。

05.

到了底部板塊之后，接了一些動畫設計您來，而且界面中使用到的所有視覺元素，形態(tài)上和品牌色上，都是高度統(tǒng)一的。整站一致。

大家應該注意到了，這個泡泡幾乎到了要撐破的時刻了。

06.

果不其然，泡泡趨向最大化，爆炸了。wow!~~~ 太精彩了。我們見過一些網(wǎng)站的動效設計，是一個形態(tài)一致跟著鼠標進行的。而這個網(wǎng)站的動效，卻像一個故事一樣發(fā)展，隨著整個頁面內(nèi)容的不斷瀏覽，推向高潮，最終破滅，表示重要內(nèi)容已經(jīng)到了底部，閱讀完畢。很形象，很有趣，很惹人喜歡，用戶也會自然的沉浸在這樣的有趣的交互和內(nèi)容閱讀中。

07.

最后，我們之前寫過很多文章是關于一個網(wǎng)站的召喚按鈕的——CTA 是英文 “call-to-action”的簡寫，又名行為召喚按鈕。是 Web 和移動軟件應用中最常用的交互元素，其主要作用就是引導人們做出某些特定操作，從而提高產(chǎn)品的轉化率。一個網(wǎng)站如果有底層戰(zhàn)略，一定會設置一個CTA來捕捉用戶的行為的。這個網(wǎng)站就又了。

08.

但是跟其他網(wǎng)站不同，這里是設置了一個大標題，一個描述來吸引用戶，而不是直接展開表單。但巧妙的地方在于，表單就在右邊，這種“猶抱琵琶半遮面”的處理方式，反而吸引用戶點擊和填寫。點擊 sign up now按鈕后，表單才姍姍出場。

至此，這個頁面需要展示的所有核心板塊、內(nèi)容和引導用戶進行操作的目的都達到了，讓人很享受這個網(wǎng)頁的內(nèi)容和操作體驗，是一個不多得的、精致的、有趣的、高端的網(wǎng)站設計作品。希望國內(nèi)涌現(xiàn)出越來越多這樣的網(wǎng)頁案例，能在越來越多的企業(yè)官網(wǎng)中表現(xiàn)出來。

在網(wǎng)站建設領域，設計師想打破傳統(tǒng)，重新定義行業(yè)印象，一定要大膽求錯，用于嘗試、創(chuàng)新，并與客戶共同探討，最終達成共識，這樣的優(yōu)秀、個性的網(wǎng)頁作品才會不斷的出現(xiàn)。

感謝大家關注創(chuàng)新互聯(lián)推薦的網(wǎng)頁作品，我們第二期再見！