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

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

功能亮點(diǎn)：雙語(yǔ)言網(wǎng)站,、視頻播放、標(biāo)簽?zāi)K,、淡入淡出動(dòng)畫、鼠標(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)想起“元宇宙”，雖然二者并不等同,，但它們帶給用戶的畫面感卻很相似,。未來(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ì)被用黑色填充,。

網(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)畫，來(lái)提升網(wǎng)站的精致度,。

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

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

使用淡入淡出入場(chǎng)動(dòng)畫，告別平鋪直敘的平庸展示,，為靜態(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ù)人員的部門人員負(fù)責(zé)，大大節(jié)省了運(yùn)維成本,。

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

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

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