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

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

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)高質量的室內(nèi)設計能力和建模渲染效果。

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

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

2、強化屬性：訂購服務的網(wǎng)站頁面設計