# 在數位世界裡,想像線上建築的未來 李明 >何謂數位設計 數位設計是一種視覺交流,透過**網站介面**呈現**品牌形象**,數位設計也包含規劃、分析、整合,還有網站介面設計、前端/後端程式開發、視覺設計,也會延伸出線上展覽、3D、AR等。 >網站的組成 > ![](https://i.imgur.com/JgXxpO4.jpg) ![](https://i.imgur.com/S3qCEYK.jpg) ## 網站與建築的關係 - 土地 = 主機 - 門牌 = 網域 - 登記 = SSL - 佈局 = 架構 - 動線 = 使用者流程 - 房間 = 區塊 - 樓層 = 頁面 - 家具 = 內容 - 佈置 = 介面設計 - 建築 = 網站 - 門鎖 = 資安 ![](https://i.imgur.com/AyzGHGZ.jpg) > 動態特效在網站中扮演的角色 動態特效 = 室內設計(氣氛、情緒、互動) > 什麼是動態特效 ![](https://i.imgur.com/YGflUH8.jpg) ![](https://i.imgur.com/fhzAsF9.jpg) > 網站動態規則SOP 動態是為了解決,平面不能做到的事情 ![](https://i.imgur.com/jQcXUDJ.jpg) <br> ## 線上數位建築派系 ![](https://i.imgur.com/r3wNZsW.jpg) ### 史前建築 - 擁有基本輪廓 - 符合使用機能 - 資訊有傳達即可 ### 巴洛克主義 - 華麗 - 誇張 - 裝飾性 - 以插畫裝飾性為主 ### 國際風格、功能主義 - 幾何化空間 - 強調適用性 - 形隨機能 ### 現代主義:粗獷主義(野獸派) - 無章法 - 不受限於格線系統 - 缺乏對於觀看者的舒適 ### 後現代主義:解構主義 - 破碎化 - 解體化 - 非線性 - 非歐幾里得幾何 <br> >用途 * 預售屋 = 活動網站 視覺優先 特色展現 有時效性 * 社區大樓 = 自架網站 掌控性高 不限形式 風險共同承擔 Wix/Cargo/Webflow... * 園區 = 線上開店平台 獨立網站 線上購物 既獨立又受限 Shopline/Shopify... * 學校 = 社群網站 吸收性質 社交據點 群體聚合 範圍受限 * 百貨公司 = 購物平台 線上購物 框架明顯 無意間遇到 PChome/Momo/Y拍 * 別墅 = 形象官網 完全獨立自主 特色展現 打破所有限制 目的性強 <br> ## 如何建立自己的派系 >視覺轉化動態技巧 1. 想呈現什麼樣的視覺、概念,想用什麼技術去完成 ![](https://i.imgur.com/zwAdidf.jpg) 2. 在網站中加入第二層意義,讓民眾看了這個聯想到其他內容和概念,並樹立限制(視覺或其他技術)讓人無法超越 ![](https://i.imgur.com/cu3jXul.jpg) <br> ## 線上建築的趨勢與改變 >3個沒有實現的網站趨勢 * 社群平台崛起網站產業沒落消失? * 網站公版模組化興起,客製化網站沒落? * 行動裝置興起,電腦版網站沒落? >網站未來趨勢想像 - 客製化網站需求不會消失,反而增加 - 客製化網站需求轉向行動裝置版本,電腦版不會消失 - 動態特效需求只會更多 ###### tags: `IxDTW2021`