



在衛(wèi)星圖像民主化的浪潮中,SkyFi應(yīng)運而生,它讓用戶能夠輕松獲取地球的歷史、實時和當(dāng)代圖像。而紐約設(shè)計與技術(shù)工作室Decimal則承擔(dān)了打造SkyFi易用且直觀網(wǎng)站的重任,負(fù)責(zé)確定用戶界面(UI)、用戶體驗(UX)、設(shè)計與開發(fā),而圣塔莫尼卡的Hawke Media則負(fù)責(zé)信息傳遞和市場營銷。
Decimal巧思設(shè)計,引領(lǐng)用戶探索之旅
Decimal通過精確的排版層次和沉浸式設(shè)計,引領(lǐng)用戶踏上了一場探索網(wǎng)站的旅程,這趟旅程仿佛衛(wèi)星在太空中的移動軌跡。盡管在設(shè)計過程中存在局限,Decimal還是在SkyFi現(xiàn)有身份系統(tǒng)的基礎(chǔ)上進行了創(chuàng)作,該系統(tǒng)由奧蘭多和卡姆登的Maven Creative機構(gòu)打造,其中包括使用Hanken Design Co.的HK Grotesk作為主要字體?!皬囊婚_始,我們就非常喜歡Maven Creative創(chuàng)造的身份系統(tǒng),”Decimal的聯(lián)合創(chuàng)始人兼創(chuàng)意總監(jiān)吉列爾莫·布羅頓(Guillermo Brotons)表示,“唯一的小調(diào)整是找了一個Google字體來替代他們原本的單色字體提案,”最終選擇了Google Font的DM Mono。
談到字體的使用,布羅頓繼續(xù)說:“我們發(fā)現(xiàn)有些時刻需要大而醒目的字體,”他指的是在關(guān)鍵信息和標(biāo)題中使用HK Grotesk?!斑@種字體在大尺寸下表現(xiàn)非常好,我們想要找到一些自信且令人驚喜的時刻,”他補充道,同時在美學(xué)上與DM Mono更務(wù)實的結(jié)構(gòu)相匹配?!拔覀兎浅O矚g這兩種字體的對比,但也很重要的是要融入一種略顯‘技術(shù)’的外觀和感覺,”布羅頓指出。“當(dāng)我們在圖像旁邊展示一些相關(guān)的技術(shù)信息時,我們會使用DM Mono,”他詳細(xì)說明,“但對于更長的描述,我們會使用HK Grotesk,因為它更易讀?!?/p>
衛(wèi)星元素融入設(shè)計,彰顯品牌特色
Decimal還選擇將衛(wèi)星般的機械風(fēng)格融入身份系統(tǒng)中,包括與字體粗細(xì)相襯的細(xì)線。這種鮮明的視覺結(jié)構(gòu)和單色色彩搭配與SkyFi強大的視覺圖像形成了悅目的對比,使圖像在品牌功能性的映襯下更加突出。因此,這兩者的結(jié)合不可避免地凸顯了SkyFi核心的美麗之處——地球。
首頁地球設(shè)計,技術(shù)挑戰(zhàn)與美學(xué)并重
SkyFi對地球的強調(diào)在用戶進入網(wǎng)站時迎接他們的地球中心主頁上得到了最佳展現(xiàn)。這一壯舉是通過一系列高度技術(shù)性的過程實現(xiàn)的,包括用戶體驗設(shè)計、靜態(tài)設(shè)計、運動研究和建模,最后才是互動創(chuàng)建?!爸黜撋系牡厍蚪^對是項目中技術(shù)挑戰(zhàn)最大的部分,”布羅頓解釋說,“因為我們從頭開始創(chuàng)建了一個WebGL,并將其與CMS管理系統(tǒng)鏈接,以便添加更多位置?!薄耙粋€微妙但重要的組件是讓衛(wèi)星環(huán)繞地球,”他繼續(xù)說,“經(jīng)過不同的設(shè)計探索后,我們決定讓衛(wèi)星保持輕盈,只保留結(jié)構(gòu)和骨架,”這種設(shè)計給人一種更工程化的感覺,與SkyFi的技術(shù)性質(zhì)相契合?!爱?dāng)衛(wèi)星在地球前移動時,它不會顯得太重或突兀,”布羅頓總結(jié)道。
通過Decimal的精心設(shè)計,SkyFi的網(wǎng)站不僅展現(xiàn)了衛(wèi)星圖像的魅力,還深刻體現(xiàn)了品牌對地球之美的致敬和追求。
