設(shè)計(jì)是一個(gè)不斷發(fā)展和變革的領(lǐng)域，很多時(shí)候，看似熟悉的設(shè)計(jì)趨勢(shì)會(huì)在下一刻搖身一變，再次驚艷到你。靈活的創(chuàng)意和開放的想法，常常能夠使稀松平常的元素?fù)u身一變，化身為驚艷的設(shè)計(jì)作品。這種點(diǎn)鐵成金的成就感，大概也是許多設(shè)計(jì)師即使辛苦也會(huì)堅(jiān)持下去的原因所在吧?

今天，我們搜集了幾個(gè)Tubik Studio 內(nèi)的設(shè)計(jì)師作品，它們是不同業(yè)務(wù)目標(biāo)下的產(chǎn)物，這些UI設(shè)計(jì)作品從配色到動(dòng)效，無疑都是相當(dāng)驚艷的。今天，我們透過這些案例，來聊一下優(yōu)秀的UI視覺設(shè)計(jì)臺(tái)前幕后的事情。

1、凸顯特點(diǎn)：設(shè)計(jì)工作室的官網(wǎng)設(shè)計(jì)

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

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

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

2、強(qiáng)化屬性：訂購服務(wù)的網(wǎng)站頁面設(shè)計(jì)