智慧社區(qū)展廳設(shè)計(jì)

編者按：本文由@能貓?jiān)瓌?chuàng)，并授權(quán)本站發(fā)表，非常感謝！昨晚在“老韓和他的朋友們”交流群里，@能貓發(fā)表了他最新制作的展廳效果圖，效果非常棒，我便向他約稿，希望能夠在我的平臺(tái)上公開展示一下這張作品。本想的是最近期末考試周，可能要寒假或者是春節(jié)后才會(huì)收到投稿，沒想到@能貓轉(zhuǎn)天就寫完了這篇帖子，執(zhí)行力真是高�？赐晡恼乱院�，我更是佩服，3天時(shí)間，設(shè)計(jì)+表達(dá)+視頻動(dòng)畫，這工作效率已經(jīng)爆表。

使用軟件：Rhinoceros, Vray for Rhinoceros, Photoshop，Lumion

最終成果（點(diǎn)擊放大）

Lumion視頻動(dòng)畫

前言

（首先感謝陳太中同學(xué)的技術(shù)支持，老合伙人）項(xiàng)目是實(shí)際項(xiàng)目，業(yè)主希望能夠在四天時(shí)間給出設(shè)計(jì)方案+效果圖+效果動(dòng)畫，所以時(shí)間緊張導(dǎo)致效果圖很多細(xì)節(jié)處理不到位，只是希望通過這個(gè)案例與大家分享一些出圖流程，同時(shí)也分享一下效果圖之外的工作流程。

整個(gè)案例并沒有非常詳細(xì)的描述整個(gè)效果圖的具體參數(shù)步驟，但是希望能與大家更多的交流，也很希望看到大家的批評(píng)指正，成為我今后進(jìn)步的動(dòng)力。

本文可能會(huì)討論到一些工作流程和建模的問題，如果大家有興趣也可以看看。

正文

因?yàn)槭菍?shí)際項(xiàng)目，首先拿到手的是一張PDF的平面圖彩圖，like this：

項(xiàng)目是為某公司在某高端別墅社區(qū)的售樓處設(shè)計(jì)一個(gè)智慧社區(qū)展廳，業(yè)主在第一天晚上七點(diǎn)左右給了我這一張平面圖了之后，約定第二天中午第一次面對(duì)面接觸，期間只給出了具體位置的建筑高度和一張毛坯現(xiàn)場(chǎng)圖。

那么第一天的晚上需要做什么呢？我的工作流程是：

1. 首先去了解你要做的智慧社區(qū)到底是個(gè)什么玩意兒，在很快速的情況下了解你面對(duì)的業(yè)主的主營業(yè)務(wù)之后，你才能在第二天的接觸過程中避免因?yàn)椴皇煜ざ鴮?dǎo)致對(duì)方對(duì)你的專業(yè)性產(chǎn)生質(zhì)疑，這種質(zhì)疑可能會(huì)延伸到之后對(duì)你設(shè)計(jì)的不認(rèn)可上。同時(shí)開始角色轉(zhuǎn)換。
2. 把自己定位為業(yè)主，那么業(yè)主的核心關(guān)注點(diǎn)是什么，我們做設(shè)計(jì)需要針對(duì)的最核心的角色又是什么，想在前面才能更好地去完成設(shè)計(jì)。
3. 分析平面空間，通過對(duì)平面空間的分析，需要簡(jiǎn)單的得出流線關(guān)系，并且把場(chǎng)景的原始結(jié)構(gòu)建出來。這一步起到兩個(gè)目的，第一點(diǎn)是能和業(yè)主更好地溝通空間布局，第二點(diǎn)是在之后繪制效果圖的過程中也會(huì)用上，節(jié)省時(shí)間。
4. 找效果參考配圖，這一步等于就是在出素材，在第二天面對(duì)面接觸的時(shí)候能給出自己專業(yè)篩選后的方向，給業(yè)主一個(gè)引導(dǎo)的過程，同時(shí)也要做自己擅長(zhǎng)的設(shè)計(jì)，避免后期自己再找案例浪費(fèi)時(shí)間去考慮，為自己之后的思路提供一個(gè)方向。
5. 做出平面布局草案，因?yàn)槭亲稣箯d，展廳我在分析效果參考的同時(shí)也開始找大量的展廳空間的資料，通過資料來分析，得出了兩種方向：展品盡可能多的展示，展品少而精。以這兩種方向我分別做了兩個(gè)平面布局方案供業(yè)主選擇，體現(xiàn)一下自己的專業(yè)性，讓業(yè)主能更信任設(shè)計(jì)師。

做完了這五點(diǎn)差不多就晚上三點(diǎn)了，然后抓緊時(shí)間睡前熟悉一下自己做的這些東西，整理成冊(cè)，為第二天的面對(duì)面提供書面材料。

第二天的接觸因?yàn)榈谝惶斓臏?zhǔn)備，所以相對(duì)順利，從業(yè)主的反饋中，得出了他們的想法，他們給出了項(xiàng)目的主題，也從我給出的效果參考中選出了自己最希望看到的形態(tài)。同時(shí)，業(yè)主給出了最關(guān)鍵的信息，關(guān)鍵詞：“科技、高端、夢(mèng)幻、恍然大悟”。

其實(shí)對(duì)于我來說，最重要的就是了解業(yè)主的思路，以及他們最希望見到的東西，以及我們?cè)O(shè)計(jì)的核心詞匯，然后把這種感性詞匯轉(zhuǎn)化成建筑語言，這就是這一天的最大收獲。

第二天原本是希望能很快地回去開始設(shè)計(jì)，結(jié)果把業(yè)主說高興了，陪了他一下午，吃了晚飯一直忙到晚上十點(diǎn)。說這些啰嗦的流程主要是想表達(dá)一下作為設(shè)計(jì)師把自己得定位成一個(gè)服務(wù)人員，BIG事務(wù)所的一個(gè)口號(hào)喊得挺好“yes is more”。

晚十點(diǎn)后，又要給自己的設(shè)計(jì)任務(wù)定下list：

1. 整理業(yè)主給出的信息，作為設(shè)計(jì)圍繞的重心，哪些具體設(shè)備需要保留。同時(shí)根據(jù)業(yè)主所提供的關(guān)鍵詞，如何轉(zhuǎn)化成為建筑語言，然后隨時(shí)手邊一張白紙，把所希望營造的空間布局簡(jiǎn)單畫下來，成為之后建模的依據(jù)。
2. 根據(jù)整理的資料完善平面空間。（下圖為平面空間規(guī)劃的草圖）
   
3. 開始造型建模，把他所需要的設(shè)備在空間上排好了之后，根據(jù)手繪稿的墻體造型形態(tài)建模。

建模過程其實(shí)主要就是體力活了，因?yàn)闀r(shí)間緊，所以很不要臉的造型上對(duì)扎哈的東西進(jìn)行了模仿，在處理墻面時(shí)做了N版設(shè)計(jì)，最后還是選擇了voronoi形態(tài)結(jié)合patch，做出墻體投影薄膜的形式，為空間營造未來感。

而中部隔墻有意識(shí)地平面傾斜以達(dá)到空間由大到小的引入感，入口處吊頂下壓變化走道空間的比例，與之后的空間形成高低差，反饋“恍然大悟”的關(guān)鍵詞。

這是頂部和底部做的發(fā)光帶，目的是把墻體間的邊緣陰影消除，因?yàn)槭乔�面造型，那么就是�?yīng)該模糊化邊界，給出流暢的空間體驗(yàn)。這也是分析扎大媽的設(shè)計(jì)得出的結(jié)論，扎大媽畢竟大師，很多曲面造型會(huì)出現(xiàn)的問題都能解決。（作為學(xué)生，我覺得追求創(chuàng)新的同時(shí)也要通過大師作品來解決自己遇到的問題，因?yàn)闊o論是算法，還是美學(xué)，建筑都是滯后的藝術(shù)，多參考CG圖和大師作品，對(duì)自己的進(jìn)步也應(yīng)該會(huì)有一定的幫助。）

到這一步都已經(jīng)是第三天中午了，因?yàn)榧追较Ｍ�在第四天中午收到回�?fù)，而手頭目前只有模型，那么渲染之后留給自己的時(shí)間就不多了，簡(jiǎn)單規(guī)劃一下接下來需要做的事情，就是渲染著睡覺。大概在第三天晚上八點(diǎn)，起床繼續(xù)。

這時(shí)候手頭是：一張RGB圖 一張反射圖 一張渲染id圖（因?yàn)樾��?chǎng)景的原因，我更喜歡使用渲染ID圖而不是材質(zhì)ID圖，特別是曲面造型的場(chǎng)景，這樣在后期PS的時(shí)候區(qū)域會(huì)比較細(xì)化）然后還有一個(gè)經(jīng)驗(yàn)是出圖的時(shí)候我比較喜歡選用PNG的格式輸出而不是JPG，當(dāng)然我不知道其他同志討論過這個(gè)問題沒有，其實(shí)問題在于他們成像機(jī)制不太相同，JPG格式的圖會(huì)在細(xì)部有一個(gè)色彩偏移的問題，在選區(qū)的時(shí)候很容易在邊緣外還有漏色。

RGB圖

反射圖

渲染id圖

首先規(guī)劃時(shí)間，我需要在一個(gè)半小時(shí)的時(shí)間把效果圖做出來，這樣我才有時(shí)間把剩下的動(dòng)畫做完，那么肯定就要提出工作重心了。

我的思路是首先要把之前提出的關(guān)鍵詞找出來，然后根據(jù)設(shè)計(jì)來決定之后要做的工作的優(yōu)先程度。

首先是要把整體亮度提升來體現(xiàn)材質(zhì)反射，營造夢(mèng)幻效果。同時(shí)調(diào)整對(duì)比度，讓黑白關(guān)系更加明確。同時(shí)疊加高透明度的反射渲染層增加場(chǎng)景反射感，并再次復(fù)制選取地面再疊加，讓地面色調(diào)更沉，與天光營造的輕盈感受相對(duì)比。

然后就是添加人物，讓整個(gè)空間動(dòng)態(tài)起來，人物選擇的話，根據(jù)業(yè)主所追求的高端品質(zhì)，我去摳了幾張國外時(shí)裝周的人物來作為素材。并且考慮到材質(zhì)反射的特性在人物周邊的場(chǎng)景中增加人物反射，同時(shí)因?yàn)閾赋鰜淼膱D的色彩與環(huán)境差距比較大，所以對(duì)人物的膚色，女性模特口紅的色彩都進(jìn)行了調(diào)整，避免了色差過大搶走了整個(gè)空間的核心。

接下來的一步是添加墻體內(nèi)電視的畫面、修改窗框的反射程度、添加墻面投影屏幕的畫面。

墻體電視就是畫面素材的疊加，與整體透視的契合，然后復(fù)制圖層加入高斯模糊并透明來體現(xiàn)光感。

窗框的反射過強(qiáng)，所以在渲染ID圖層選區(qū)區(qū)域然后疊加了一層透明的黑色，讓窗框效果更沉。

因?yàn)榻酉聛硪�做光源的效果，看了下時(shí)間覺得有點(diǎn)來不及了。所以投影屏幕的畫面也僅僅是素材的疊加以及復(fù)制圖層模糊疊加。

接下來的一步是給光源一個(gè)柔化效果，我的思路是給光源和光的指向位置用畫筆工具上白色，然后高斯模糊。然后模糊后，光源效果會(huì)很強(qiáng)烈，影響人的視線，所以就是橡皮擦調(diào)整到最低硬度，然后低百分比的透明度和流量來擦拭。

最后給墻面加上展廳的標(biāo)題，復(fù)制文字圖層右下方向移動(dòng)一點(diǎn)，然后柵格化稍微擦一下，給他加上一些透視效果，然后文字柵格化再在局部擦拭一下，讓文字產(chǎn)生一些反光效果。

最后降低一下色彩飽和度，并調(diào)整了一下亮度和對(duì)比度，一個(gè)半小時(shí)做到了這個(gè)程度。

前后對(duì)比

確實(shí)因?yàn)闀r(shí)間關(guān)系，存在了很多BUG和細(xì)節(jié)問題，但是也是希望從這個(gè)展廳小設(shè)計(jì)，提供一個(gè)從設(shè)計(jì)到制作效果圖的工作流程，希望對(duì)大家有所幫助。

渲染圖完成后，我用接下來的時(shí)間做了文章開篇的lumion視頻，用來大概展示一下整個(gè)空間的形態(tài)。

感謝你的閱讀！