technine.io

網站 · 設計概念

建築設計工作室

建築工作室網站概念,連接作品總覽、項目介紹及查詢畫面,並說明建議字體及表格狀態。

以下為設計概念,並非客戶項目。畫面屬靜態示意,名稱及數據均為虛構。

建築設計工作室

設計概念

建築設計工作室: 編輯式網站 · 項目介紹及查詢
查看設計 ↗
編輯式網站 · 項目介紹及查詢

設計起點

讓有意委託設計的客人先看作品,再提出自己的項目需要。這個方向以大型建築圖片配合簡短說明,交代設計背景。

適用對象
正在物色建築設計工作室的業主及項目團隊。
需要考慮的限制
圖片需要空間,但項目資料和聯絡方法仍要容易找到。所有項目及圖片均屬示意,並非受委託完成的建築作品。

建議的操作流程

  1. 01

    瀏覽作品

    總覽以編輯式排版安排項目圖片,讓訪客選擇想了解的設計。

  2. 02

    了解單一項目

    項目頁集中呈現一個建築方向,在圖片旁補充文字說明。

  3. 03

    提出設計需要

    查詢畫面讓訪客整理項目構想。概念不會實際發送查詢。

為何這樣設計?

安排圖片的閱讀次序

主圖先交代項目,再以較小的圖片及說明補充細節,不必讓每張照片同樣突出。

看完作品後有下一步

訪客了解項目後,應容易找到查詢入口。聯絡提示不必在整頁一直與圖片爭取注意。

細看視覺設計

以下是建議的設計樣式,屬靜態示例,並非可操作的功能或正式開發規格。

配色用途

  • 作品背景

    #F5F2EB

  • 內文及標題

    #292B29

  • 查詢操作

    #A0644D

字體與間距

資料清楚,下一步自然明確。

建議以襯線標題配合編輯式版面。項目資料及表格標籤使用簡潔的無襯線字體,方便閱讀。

項目之間保留較大間距,圖片說明則貼近所屬圖片。手機改為單欄時,也要保持這個對應關係。

正常流程以外的狀態

沒有符合條件的項目

沒有符合這項選擇的作品。請查看全部作品或選擇其他分類。

可核對項目資料

項目資料已備妥。發送前請核對聯絡方法。

欠缺聯絡資料

請填寫電郵地址,方便工作室回覆。

為甚麼建築圖片旁還需要項目說明?

圖片可以呈現風格,但未必交代設計限制和取捨。簡短說明項目需要及建議做法,讓訪客有更多評估依據。正式作品集應使用經核實的項目資料。