網站設計中的線框圖是什么?
繪制網站的線框圖是開發設計網站的第一步。也是網站視覺外觀進行初步表達的一種形式。它是網站建設項目進行中的藍圖,用來傳達策劃和設計思想,用來表現網頁的布局和核心元素。更深層次地講,線框圖對于決定用戶怎樣跟界面交互有十分重要的作用。
什么是線框圖?
網站線框圖(Wireframe)通俗來講就是網站框架的草圖,是網站設計師將客戶需求圖形化的一種展現形式。線框圖是低保真的設計圖,用于表達:
內容大綱(什么東西)
信息結構(在哪)
用戶的交互行為描述(怎么操作)
框線圖是什么樣子?
根據不同的表達和溝通需要,線框圖可以從復雜到簡單。下圖是一個企業網站的簡單線框圖,用于表達頁面布局:
網頁設計線框圖-新龍制作
線框圖設計很重要,可以讓設計師把注意力集中在規劃排版和界面的交互上,而不受顏色、字體選擇甚至內容的干擾。
為什么需要使用線框圖?
在項目設計初始階段,需要關注網站的功能、信息架構、用戶體驗、用戶交互流程、可用性等因素,線框圖在此發揮巨大作用。網站建設公司能夠使用線框圖表達網站的核心功能和信息布局,以及用戶交互和增強用戶體驗,并與委托方進行溝通。
線框圖常常用來作項目方案說明,它是與客戶進行設計溝通的工具。這種拋開視覺表現的骨架能夠幫助雙方明確網站核心部分,建站客戶因此能夠了解網站設計公司的主要策劃思想并參與到項目討論中。
不僅僅是大型網站在設計階段需要投入時間和精力制作線框圖,對于中小企業建設網站項目線框圖在網頁設計中的重要性也是不容忽視的,如果省去線框圖繪制將可能造成后期大量修改,延誤交付時間。
建站客戶應如何審閱線框圖?
當客戶審閱線框設計時,請注意:
信息架構:從上到下查看信息架構流程和線框上顯示內容的優先級。
內容策略:在線框圖階段,會采用有意義文字描述板塊標題,但對細節局部的圖文是采用框線代替圖片及替代文字占位表示。
頁面布局:頁面布局是否滿足您的需要?如果是的,請確保再次詢問該布局是否仍然有意義。通過審閱線框圖可以拾起遺漏,使方案更加完善。
功能性:查看網站功能性元素是否放置在合適的位置。比如行動號召按鈕是否放置在訪問者的主要視線范圍內?社交媒體分享按鈕是否使用順手(把社交媒體按鈕放在屏幕左側肯定沒有放在右側好用)?
用戶交互:站在訪問者角度考慮如何更便捷地使用網站。導航的結構是否復雜?訪問者需要點擊多少次才能聯系到網站管理員?產品詳情是否埋藏太深?網站是否看起來簡單明了?等等。
-
2020/03/02
-
2020/02/26
-
2020/01/11

- 世紀風情全鋁家居 符合你我他(她)
- 三月春暖花開 奧華人與你同心戰“疫”
- 2020年,中國不銹鋼行業如何迎來“春天”呢?
- 打造別墅燈光照明設計 全面提升別墅舒適氛圍
- 多角度觀察中國浴霸十大品牌2020新風向與新
- 美眠先行,中國十大床墊品牌席夢思與您共度戰
- 服務未來家庭 三環鎖業敲開智慧家庭生活大門
- 2小時訂單超10000+,蒙娜麗莎瓷磚X京東直播被
- 2019小間距LED市場同比增長45.3%,“新冠”疫
- 我樂家居高效推出“暖春行動” 與經銷商共克
- 從應變看實力,集成灶企業發展仍需練好內功
- Gobo高寶廚衛同舟共濟大放價 硬核舉措來抗疫
- 夏日來襲 衣柜也要風格百變
- 美國衛浴品牌Le Projet用幾何元素玩轉簡約風
- 品愛定制除疫在行動 “愛在當前” 贈送衣柜
- 央視上的南天涂料:“成就建筑之美”
- 鋇瑞全屋定制正式復工復產 奮力續寫事業華章
- 床墊與健康睡眠—消費者對話實錄
- 2020年,全鋁家居行業發展分析
- 小米空氣凈化器,呵護健康多一點
