1、凸顯特點

設計工作室的官網(wǎng)設計



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



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



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



2、強化屬性

訂購服務的網(wǎng)站頁面設計



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



向下滾動，用戶可以了解這項服務的相關優(yōu)勢，特殊的功能，相關福利，以及更多的信息。每個信息都緊密圍繞著一個主題來予以闡述，視覺化的元素被設計得非常吸睛，同時，和整體在風格調(diào)性上也保持著高度的一致。



3、營造層次

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





4、渲染氛圍

托兒服務的著陸頁設計



所有的父母在尋找托兒所和托管機構的時候，都希望他們的孩子獲得好的服務，找到能夠給予孩子無微不至關懷的保姆。這個著陸頁的設計是為名為 Kiddy 這個托兒服務提供機構所設計的著陸頁。Kiddy 致力于為用戶提供服務良好的保姆，在這里雇傭保姆稱得上是小菜一碟。



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



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