所屬行業(yè)：服務(wù)行業(yè)

所用產(chǎn)品：凡科建站

功能亮點(diǎn)：雙語(yǔ)言網(wǎng)站、視頻播放、標(biāo)簽?zāi)K、淡入淡出動(dòng)畫(huà)、鼠標(biāo)懸停動(dòng)效

2021可以說(shuō)是元宇宙的爆發(fā)元年，隨著一個(gè)新概念的誕生，勢(shì)必會(huì)帶動(dòng)相關(guān)的產(chǎn)業(yè)蓬勃發(fā)展，而元宇宙的”基礎(chǔ)食糧“就是AR領(lǐng)域的硬件設(shè)備。

比起尚還遙不可及“元宇宙”，自2016年就開(kāi)始研發(fā)的“AR”技術(shù)在經(jīng)歷了客戶反應(yīng)、市場(chǎng)熱情都降到了歷史冰點(diǎn)的谷底后，終于在2021年迎來(lái)了發(fā)展爆發(fā)期。

“VR+AI”將是未來(lái)的趨勢(shì)，被廣泛應(yīng)用于在工業(yè)、能源、安防、航空、交通等智能領(lǐng)域，深耕B端市場(chǎng)。

北京亮亮視野科技有限公司，就是一家為企業(yè)提供AR行業(yè)解決方案的全棧型技術(shù)公司，作為一家服務(wù)過(guò)全球5000+企業(yè)用戶的科技型公司，他們對(duì)品牌官網(wǎng)有很高的要求，不僅在視覺(jué)上要符合其企業(yè)定位，能讓B端客戶信服，同時(shí)在功能上也要滿足它們多元的信息展示需求。

亮亮視野最終選擇了使用凡科建站搭建官網(wǎng)，在這一年中網(wǎng)站瀏覽PV已經(jīng)突破50萬(wàn)，并受到各方的好評(píng)。

下面我們就一起來(lái)揭曉凡科建站優(yōu)秀客戶——亮亮視野l(fā)lvision的官網(wǎng)真面目。

如今說(shuō)起“VR+AI”產(chǎn)品，就免不了會(huì)讓人聯(lián)想起“元宇宙”，雖然二者并不等同，但它們帶給用戶的畫(huà)面感卻很相似。未來(lái)感、沉浸感、神秘感、科技感，是我們首先聯(lián)想到的設(shè)計(jì)風(fēng)格。

那么該如何呈現(xiàn)出這種感覺(jué)呢？可以嘗試以下幾種方式。

-100%全屏Banner

如果有人問(wèn)我，想打造出一個(gè)吸睛的高逼格官網(wǎng)首頁(yè)，最簡(jiǎn)單粗暴的方式是什么？那我必然會(huì)首推全屏輪播Banner。

所謂全屏Banner，就是能覆蓋常規(guī)屏幕100%的圖片，除頂部菜單欄，左右下方都不留白，效果如同網(wǎng)站背景圖，視覺(jué)沖擊力極強(qiáng)，且高端大氣。

圖片設(shè)計(jì)上，色彩和元素都不必太花哨，宜以純色打底，只需突出主體物和文案即可。需要注意的是，圖中所用到的素材一定要保證高清高質(zhì)量，不然效果就會(huì)適得其反。

Banner圖上的按鈕和文字，可以通過(guò)在上方疊加文字、按鈕模板完成，這樣可以更便于調(diào)整文案、字體和擺放位置。

如想增加互動(dòng)質(zhì)感，可嘗試在CTA按鈕上做文章，添加一個(gè)簡(jiǎn)單的鼠標(biāo)懸停效果，如下圖這個(gè)由線框變?yōu)轭伾畛涞膆over效果，就是凡科建站中的自帶樣式，既簡(jiǎn)單又高級(jí)。

-打造沉浸式的瀏覽體驗(yàn)

深色底色，可以起到提高用戶感知度的作用，同時(shí)能穩(wěn)定瀏覽者的情緒，讓注意力更集中。像我們?cè)谟霸河^看電影，除了熒幕畫(huà)面，其余的空間都會(huì)被用黑色填充。

網(wǎng)站中如需播放視頻，也十分推薦用黑色作為打底色，營(yíng)造出影院氛圍，給用戶提供一個(gè)無(wú)干擾的觀影環(huán)境。

如在同一主題下，你有多種內(nèi)容需要展示，這些內(nèi)容無(wú)需互相參照，也不想切換網(wǎng)頁(yè)打斷用戶思維，怎么展示能獲得較好效果？那么可以試試標(biāo)簽?zāi)K。

亮亮視野將其應(yīng)用在了解決方案、技術(shù)介紹板塊中，用戶僅需移動(dòng)鼠標(biāo)，即可自由切換7個(gè)不同的場(chǎng)景內(nèi)容。

魆黑的底色，增加了頁(yè)面的縱深感，排除了上下板塊的內(nèi)容干擾，讓用戶視覺(jué)被聚焦在了鼠標(biāo)懸停的那抹彩色上。

在內(nèi)容展示的形式上，亮亮視野采用的是圖片+白字的形式，圖片皆使用了70%透明度的黑色圖層弱化了其亮度和飽和度，讓其和背景色既融合又能區(qū)分，又凸顯了圖上的文案內(nèi)容，給用戶帶來(lái)沉浸式的瀏覽體驗(yàn)。

若想采用淺色背景色，重點(diǎn)就在于圖片而非文字，此時(shí)無(wú)需再對(duì)圖片進(jìn)行特殊效果的處理。

-善用藍(lán)紫色系，增加科技感

亮亮視野的圖片主色調(diào)，始終以黑色、紫色、藍(lán)色這三個(gè)顏色作為基調(diào)，不僅僅是因?yàn)樯钌{(diào)可以與白色背景拉開(kāi)關(guān)系，還因?yàn)檫@三個(gè)顏色自帶一種神秘感。

藍(lán)色紫色都屬于冷色相，不同的明暗可以產(chǎn)生自然的過(guò)渡效果，搭配起來(lái)相得益彰，能表達(dá)出帶有縱深感的睿智神秘，是科技型企業(yè)的首選色系。

一個(gè)高檔的網(wǎng)頁(yè)，不需要過(guò)多的炫技，但可以通過(guò)在小細(xì)節(jié)上添加互動(dòng)動(dòng)畫(huà)，來(lái)提升網(wǎng)站的精致度。

例如對(duì)圖片模塊，可以設(shè)置簡(jiǎn)單的鼠標(biāo)懸停放大特效。

利用GIF圖片+文字模塊，可以打造出動(dòng)態(tài)的圖文效果，讓文案情景得以更生動(dòng)更具象化的呈現(xiàn)。

使用淡入淡出入場(chǎng)動(dòng)畫(huà)，告別平鋪直敘的平庸展示，為靜態(tài)頁(yè)面增加流動(dòng)感。

-多語(yǔ)言版本，承接跨國(guó)業(yè)務(wù)

由于亮亮視野的客戶遍布全球各地，因此英文版網(wǎng)頁(yè)是不可或缺的。

凡科建站支持13種版本語(yǔ)言，且不同語(yǔ)言的網(wǎng)頁(yè)，呈現(xiàn)的內(nèi)容既可以一致也可以相互獨(dú)立，通過(guò)網(wǎng)站右上角的按鈕，即可實(shí)現(xiàn)跳轉(zhuǎn)。

凡科建站中的自適應(yīng)模板，可讓PC端網(wǎng)站自動(dòng)適配移動(dòng)端頁(yè)面，應(yīng)用在社交平臺(tái)的推廣路徑中，可實(shí)現(xiàn)多渠道引流。

在對(duì)亮亮視野l(fā)lvision進(jìn)行客戶回訪時(shí)，亮亮視野的設(shè)計(jì)總監(jiān)表示，當(dāng)初選擇使用凡科建站搭建官網(wǎng)是一個(gè)正確的決定，目前官網(wǎng)的建設(shè)維護(hù)工作，都已交由非設(shè)計(jì)/非技術(shù)人員的部門(mén)人員負(fù)責(zé)，大大節(jié)省了運(yùn)維成本。

亮亮視野所呈現(xiàn)出的亮眼效果，再一次證實(shí)了自助建站的優(yōu)越性，不管是從美觀性、實(shí)用性出發(fā)，它都毫不遜色于傳統(tǒng)建站，其低門(mén)檻、易維護(hù)的特性更是傳統(tǒng)建站難以比擬的。凡科建站，就是自助建站的明智之選。

案例官網(wǎng)直通車(chē)：https://www.llvision.com/cn/

*以上文章內(nèi)容已獲品牌方授權(quán)，未經(jīng)本文作者及授權(quán)方同意禁止修改轉(zhuǎn)發(fā)，否則自行承擔(dān)侵權(quán)責(zé)任及相關(guān)后果