1、凸顯特點(diǎn)

設(shè)計(jì)工作室的官網(wǎng)設(shè)計(jì)



形體和色彩，到底哪個(gè)在設(shè)計(jì)中更加富有表現(xiàn)力？這個(gè)問(wèn)題可能沒(méi)有一個(gè)固定答案，這場(chǎng)在戰(zhàn)爭(zhēng)在設(shè)計(jì)領(lǐng)域當(dāng)中已經(jīng)持續(xù)多年，甚至?xí)恢背掷m(xù)下去。這個(gè)設(shè)計(jì)項(xiàng)目是為一個(gè)室內(nèi)設(shè)計(jì)工作室來(lái)設(shè)計(jì)官方網(wǎng)站，他們的主要業(yè)務(wù)是制作可視化的室內(nèi)設(shè)計(jì)渲染圖。他們熟知如何大限度地借助設(shè)計(jì)工具來(lái)呈現(xiàn)室內(nèi)設(shè)計(jì)的效果，在接到需求之后，我們決定使用全屏背景結(jié)合他們擅長(zhǎng)的3D建模，來(lái)展現(xiàn)高質(zhì)量的室內(nèi)設(shè)計(jì)能力和建模渲染效果。



富有層次感的排版布局，讓前后景的內(nèi)容各司其職，關(guān)鍵的內(nèi)容塊也可以很輕松地被掃視。每個(gè)區(qū)塊都有著醒目的標(biāo)題，能夠告知用戶內(nèi)容的屬性。頁(yè)面頂部的導(dǎo)航中呈現(xiàn)了品牌的LOGO，頁(yè)面中相關(guān)社交媒體鏈接也非常清晰醒目。在這個(gè)色彩豐富的頁(yè)面中，關(guān)鍵的CTA按鈕是需要借助對(duì)比色來(lái)凸顯，將用戶導(dǎo)向特定的功能和頁(yè)面。



數(shù)字建模所帶來(lái)的好處是更加沉浸式的場(chǎng)景，和更加易于處理的數(shù)字素材，這樣一來(lái)，設(shè)計(jì)師也更容易處理，加入更加有效的動(dòng)畫效果。在這個(gè)案例當(dāng)中，動(dòng)效設(shè)計(jì)師讓用戶在滾動(dòng)的過(guò)程中，看到條紋式的效果，使得頁(yè)面的層次感明顯，也暗示了這個(gè)設(shè)計(jì)工作室在視覺(jué)效果上的強(qiáng)大處理能力。此外，用戶可以借助頁(yè)面指示器快速切換頁(yè)面，這一點(diǎn)也確保了整個(gè)網(wǎng)站在功能上的便捷和完善性。



2、強(qiáng)化屬性

訂購(gòu)服務(wù)的網(wǎng)站頁(yè)面設(shè)計(jì)



對(duì)于出門旅行，絕大多數(shù)的用戶都抱有著不小的期待。但是旅行本身并不輕松，需要訂購(gòu)酒店，需要購(gòu)買機(jī)票和車票，租車，購(gòu)買門票，同時(shí)旅行還意味著非常大量的活動(dòng)。而這次的概念設(shè)計(jì)，就是圍繞著預(yù)訂服務(wù)來(lái)展開的。同樣使用了3D建模來(lái)構(gòu)建視覺(jué)，諸多和日常出行相關(guān)的視覺(jué)元素占據(jù)了左側(cè)的頁(yè)面，而右側(cè)則是預(yù)訂需要填寫的表單內(nèi)容。整個(gè)頁(yè)面采用了更加富有活力的配色，降低用戶填寫表單時(shí)候的緊張情緒，清晰直觀的頁(yè)面布局，讓用戶無(wú)需四處摸索，可以直接開始交互。從標(biāo)題到表單的條目都保有良好的對(duì)比度，可以快速掃視閱讀，便于用戶填寫。



向下滾動(dòng)，用戶可以了解這項(xiàng)服務(wù)的相關(guān)優(yōu)勢(shì)，特殊的功能，相關(guān)福利，以及更多的信息。每個(gè)信息都緊密圍繞著一個(gè)主題來(lái)予以闡述，視覺(jué)化的元素被設(shè)計(jì)得非常吸睛，同時(shí)，和整體在風(fēng)格調(diào)性上也保持著高度的一致。



3、營(yíng)造層次

庫(kù)布里克的作品網(wǎng)站





4、渲染氛圍

托兒服務(wù)的著陸頁(yè)設(shè)計(jì)



所有的父母在尋找托兒所和托管機(jī)構(gòu)的時(shí)候，都希望他們的孩子獲得好的服務(wù)，找到能夠給予孩子無(wú)微不至關(guān)懷的保姆。這個(gè)著陸頁(yè)的設(shè)計(jì)是為名為 Kiddy 這個(gè)托兒服務(wù)提供機(jī)構(gòu)所設(shè)計(jì)的著陸頁(yè)。Kiddy 致力于為用戶提供服務(wù)良好的保姆，在這里雇傭保姆稱得上是小菜一碟。



為了讓整個(gè)頁(yè)面足夠可愛(ài)，風(fēng)格有趣的插畫發(fā)揮了很大的作用，搭配性格富有童趣的字體，讓整個(gè)頁(yè)面足夠視覺(jué)化。與此同時(shí)，柔和的配色方案之下，文本和背景之間的對(duì)比度非常高，用戶只需要掃視就可以輕松讀取內(nèi)容。



整個(gè)頁(yè)面包含了一個(gè)著陸頁(yè)應(yīng)有的所有組件：有過(guò)去客戶的推薦內(nèi)容，新用戶可以和頂級(jí)、專業(yè)的托管人員直接連線溝通，相關(guān)的信息一應(yīng)俱全。重要的是，用戶如果想直接雇傭保姆，甚至不需要翻頁(yè)，進(jìn)入頁(yè)面就可以直接溝通。