可思分享- 線框圖Wireframe 是什麼?
文章推薦指數: 80 %
今天就讓我們來聊聊,所謂的線框圖(Wireframe)是什麼吧! ... 《教學分享》 是否有一些不藏私的專業知識或技能想要與客戶分享?
您想找什麼?
成功案例
網站文章
搜尋
品牌理念
繁體中文
English
網站架設費用
品牌電商解決方案
企業形象官網
SEO關鍵字搜尋優化
客製化網站
解決方案
品牌電商解決方案
實體書電商
電子書平台
汽車百貨電商
線上報名系統
旅行社官網
專案管理系統
關於可思
架設流程
成功案例
可思分享
聯絡我們
首頁
可思分享
網站架設重點
線框圖Wireframe是什麼?
線框圖Wireframe是什麼?
2021-12-01
內容大綱
網站架設時的線框圖(Wireframe)是什麼?
當我們需要請網頁設計公司架設網站時,繪製一份網站的線框圖(Wireframe)通常是進行網站架設的第一步。
今天就讓我們來聊聊,所謂的線框圖(Wireframe)是什麼吧!
線框圖(Wireframe)是網站外觀視覺進行初步表達的一種形式。
它是將一個網站的基本架構以圖形化的方式呈現,用來傳達網站策劃及設計的思想,讓網頁設計公司透過圖形化的形式知道您有哪些網站架構的需求及所需要的功能,進而以客製化的方式開始著手進行網站建置。
線框圖(Wireframe)就如同室內設計裝修的平面設計草圖,在房屋裝修之前,設計師會依照與業主的前置溝通後,先在紙上構思規劃草圖後,與業者反覆討論再開始構思及規劃設計。
為什麼需要使用線框圖(Wireframe)呢?
線框圖(Wireframe)是與客戶進行設計溝通的工具,它能夠幫助雙方確認網站核心部分,客戶因此能夠了解網站設計公司的主要策劃思想,網站設計公司也能因此確保所規劃的網站是朝著客戶想要的方向進行設計。
運用圖形化的方式,使溝通設計更為順暢、令服務更貼近需求。
如果省去線框圖(Wireframe)繪製將可能造成雙方對網站的設計認知有所落差,導致後期大量修改,延誤交付時間。
要怎麼繪製線框圖(Wireframe)呢?
繪製線框圖(Wireframe)不需要想得太過複雜,只要表現出您想呈現的網站重點就好,像是網頁頁面的基本編排、網站一定要有的功能、或有需要特別客製化的功能…等初步的簡略網站架構。
只要可以與設計師溝通的線框圖都是好的線框圖。
如果對網站架構沒有任何概念要如何繪製線框圖(Wireframe)呢?
如果您對網站的架構完全沒有想法,也不知道到底要從何著手的話,這邊幫您整理了幾個大多數企業網站可能建置的內容,不妨可以朝著這些方向試著規劃看看。
1.《公司簡介》讓客戶了解您的企業背景、歷史發展、品牌理念及核心價值
2.《產品介紹》您的企業主要銷售哪些產品?
3.《服務項目》您的企業提供哪些專業服務?
4.《新訊活動》您的企業是否不定期對外發佈新訊?
5.《教學分享》是否有一些不藏私的專業知識或技能想要與客戶分享?
6.《成功案例》您的企業過去完成哪些傲人的實績案例?
7.《聯絡我們》您的企業客戶應該如何聯絡到您?
線框圖vs設計圖
線框圖是一個網站決定架設時用來表達一個網站基本架構的文件,對於網站架設的重要性是不容忽視的,當您了解與學會以上的小技巧後,對您日後接洽網頁設計公司時的設計理念討論與溝通過程將會更加順暢。
也歡迎隨時洽詢可思科技,我們將以服務為出發點,為您完成心目中理想的網站。
2020-03-04
網站架設請找可思科技
內容大綱
從資本額1萬的白手起家,到現在是營業額千萬的穩定公司,
從小型5萬的網站,到上百萬的大型專案,這十幾年的網站架設經驗,不算多也不算少,網站架設的過程中難免和客戶有摩擦與誤解,
(創業心得可以看,我在PTT發表的文章),
讓我更認為公司應該是以服務為出發點,
幫助每個客戶完成心目中理想的網站,
以人為本,我們不是完美的,但是,我們盡力做好每一件事,
可以的話,請讓我們為您服務吧!
熱門標籤
網站架設
架設網站
線框圖Wireframe
相關資訊
網站架設請找可思科技
其它資訊
網站建置4流程!快速瞭解建置前準備與費用重點,網站建置輕鬆做
多國即時幣值換算
GoogleMapsAPI收費囉!這個網頁無法正確載入Google地圖業主慌張:我的網頁GoogleMap怎麼跑不出來
上班族必備-各式免費線上工具分享
【Strikingly教學】新手架站必看!!帶您使用Strikingly快速架設免費網站
Prev
回上一層→
Next
延伸文章資訊
- 1建立正確的wireframe知識,朝UI/UX設計人才邁進 - Glints
Glints將於本文介紹Wireframe是什麼? ... Next Post 【Bootstrap 教學】網頁設計小白也能輕鬆駕馭 建立正確的wireframe知識,朝UI/UX設計人才邁進 ...
- 2Wireframe是什麼?認識網站UI設計排版草圖與資訊架構
Wireframe (線框稿)主要目的是溝通網頁的架構、內容、功能、行為、資訊階層。會用非常簡單的灰階顏色、線條、符號或框線,來表達網頁(或應用程式)的 ...
- 3Wireframe是什麼?認識線框稿的使用方式及重要性
... 但究竟Wireframe是什麼?使用Wireframe又有什麼好處?本文為你整理了Wireframe介紹、Wireframe的4個好處以及Wireframe設計教學,幫助你設計優質的網頁。
- 4可思分享- 線框圖Wireframe 是什麼?
今天就讓我們來聊聊,所謂的線框圖(Wireframe)是什麼吧! ... 《教學分享》 是否有一些不藏私的專業知識或技能想要與客戶分享?
- 5大學生的UI 設計選修課(9)練習畫Wireframe 的方法
之前我在實踐大學開了一門UI 設計課,簡單大略地從UX 研究開始介紹、怎麼察覺使用者的痛點、到UI Flow、Wireframe、Prototype。在Blog 寫點除了課堂教學外 ...