BlockStudio

Blog部落格

網站與建築的關係

許多專案經常在前期溝通網站設計、建置的過程中,很難解釋許多專有名詞與對應關係。
例如主機跟網域有什麼不同?(很多人以為申請主機就有網址,或是買網址就會自動有主機),或是沒有主機也可以架網站嗎?使用者路徑是什麼?沒有路徑也可以操作網站吧?…等等非常多的疑問。​這些確實有一定門檻才能理解,但其實換個方式的話用「建築」來去比喻「網站」,可以讓一般民眾與初學者在短時間快速了解!

【土地 → 主機】
建築角度:當你想要蓋一棟建築,勢必第一件事情就是要找一塊地來蓋這棟建築。
網站角度:網站的建置開始,必須要有台主機能夠放這個網站。主機就是用來放置網站的程式和各種龐大的數據資料、圖片內容等等 = 土地根基。

【門牌 → 網域】
建築角度:有了土地後,建築要讓大家知道在哪裡,所以必須要申請門牌讓大家知道你在哪條路
網站角度:購買網域來讓網路上的大家能夠連線到你的網站參觀。 所以網域(域名)其實就是網站地址的概念,例:www.sample.com

【登記 → SSL
建築角度:門牌不論是商業、住宅或是工廠等,都必須要跟政府登記你的用途。
網站角度:申請 SSL 憑證,讓這個網域透過第三方來證明這網域是安全的。 SSL 就是網址 https:// 的「s」,一種協定規範,用以保障資料安全。

【結構 → 架構
建築角度:有了土地、門牌,我們可以開始來蓋房子了! 但開始蓋房子前必須要先規劃房屋的架構,公設比、花園、樓高..等。
網站角度:在網站建置的規劃階段,會需整理網站基本資料與定位,才可確認資料架構的 Sitemap 有哪些頁面、功能等需求。

【樓層 → 頁面】
建築角度:整棟建築物會有的樓層有幾層,每層是做什麼用途,例如健身房、圖書館、大廳、住宅、商空…等。
網站角度:每一個頁面的架構與區塊都需要制定好,將樓層逐漸堆砌。

房間 → 區塊
建築角度:每個樓層中,都會有不同的格局,包含主臥室、廚房、衛浴、書房…等。根據不同的使用規劃不同的房間。
網站角度:根據每個頁面中的資料,配置不同區塊,例如「關於我們」頁面中會有「公司介紹、里程碑、團隊組織」這就是三個區塊。

動線 → 使用者流程
建築角度:要住得舒服的格局必須要有良好的動線,從進門開始走到客廳、房間、陽台、浴室等,能不能順暢且方便的通行,都是要先妥善的規劃好的。
網站角度:根據網站功能制定符合使用者體驗的流程。

佈置 → 介面設計
建築角度:整體建築蓋好後,接下來的就是針對室內做相關設計,讓整體更有風格特色。
網站角度:架構都確認完整之後,透過介面與視覺內容設計可以將網站的外觀、風格再更提升,達到更好的網站效果。

家具 → 內容
建築角度:設計好的室內,必須開始根據你的需求習慣放置好看且好用的傢俱,讓整個環境充滿了溫度。當然,這些家具的尺寸、樣貌都攸關整個環境的擁擠程度與美觀。
網站角度:包含圖片、文字、影片,或是其他相關要嵌入的外部內容。這些內容的尺寸、視覺,都攸關網站的速度、容量、美觀。

建築 → 網站
建築角度:到這步,你的建築就已經完成,是一棟完整的建築了!
網站角度:網站已經完美的架設在主機上,並可以讓大家瀏覽參觀囉!

門鎖 → 資安
建築角度:最後,如果還有經費的話最好是加裝保全來讓保障生命財產的安全。
網站角度:最後,讓網站透過資安相關檢測與掃描,使你的網站更加健全。


透過以上「網站與建築的關係」比喻,希望能夠讓大家在自我學習、教育、簡報等多種情境有所幫助!

 

編輯:Lee Ming
協助:Roizi Lu


延伸閱讀

《資訊架構學:網站、 App 與資訊生態系統規劃》
其中「第四章:為理解而設計」有提到部分「網路建築概念」,更多是在探討在建築空間轉化網站空間中的語意方式。

post推薦
post推薦
post推薦
post推薦
post推薦
post推薦
post推薦
post推薦
post推薦
post推薦
post推薦
post推薦
post推薦
post推薦
post推薦
post推薦