線框圖是許多(duō)網頁設計(jì)師(shī)設計(jì)新網站(zhàn)的第一步。該過程涉及創建最終産品将圍繞其開(kāi)發的站(zhàn)點的視(shì)覺輪廓。而成都網站(zhàn)建設的過程中,線框網頁設計(jì)是一個(gè)不可(kě)或缺的環節。那(nà)麽,線框網頁設計(jì)有(yǒu)哪些(xiē)優缺點呢?
線框是網站(zhàn)布局和(hé)結構的基本視(shì)覺表示。可(kě)以使用 Sketch 或 Adobe XD 等有(yǒu)線工具準備輪廓設計(jì)。或者,可(kě)以使用繪圖工具(例如 MS Paint)或在紙上(shàng)手繪來(lái)創建線框。
該網站(zhàn)的大(dà)綱不包括任何品牌、顔色或圖形。相反,線框是顯示組件将出現在各個(gè)頁面上(shàng)的位置的基本草圖。如下所述,線框不是模型或原型。
術(shù)語線框、實體(tǐ)模型和(hé)原型經常被混淆。但(dàn)是,這三種方法是完全不同的。
如上(shàng)所述,線框是布局站(zhàn)點的視(shì)覺表示。它們更像是網站(zhàn)骨架的草圖,而不是原型。事實上(shàng),許多(duō)開(kāi)發人(rén)員使用筆和(hé)紙創建線框。
模型通(tōng)常用于表示網站(zhàn)的視(shì)覺設計(jì)特征。模型通(tōng)常會(huì)展示品牌、排版、調色闆和(hé)一般外觀。但(dàn)是,模型通(tōng)常不是功能性網站(zhàn)。
原型是所提議的實時(shí)站(zhàn)點的預覽。網站(zhàn)的某些(xiē)最終設計(jì)元素可(kě)能會(huì)丢失。而且這些(xiē)網站(zhàn)可(kě)能隻包含部分完成的功能和(hé)內(nèi)容。然而,原型可(kě)以讓網頁設計(jì)客戶了解最終網站(zhàn)的外觀和(hé)操作(zuò)方式。
一些(xiē) Web 開(kāi)發人(rén)員總是以線框開(kāi)始項目。其他人(rén)更喜歡直接潛入并查看項目将他們帶到哪裏。那(nà)麽,線框的優點是什麽,缺點是什麽。以下是使用線框開(kāi)始網頁設計(jì)項目的優缺點。
線框圖允許在生(shēng)産之前繪制(zhì)出網站(zhàn)的骨架。這種方法可(kě)以幫助管理(lǐ)項目并将注意力集中在基本功能上(shàng)。以下是線框圖的一些(xiē)好處。
讓客戶參與設計(jì)過程
在為(wèi)客戶設計(jì)網站(zhàn)時(shí),線框可(kě)以幫助客戶從一開(kāi)始就參與到設計(jì)過程中。線框将幫助客戶在進行(xíng)任何開(kāi)發之前可(kě)視(shì)化網站(zhàn)。而且,如果您獲得(de)客戶對線框的認可(kě),它可(kě)以避免随着項目的進展而發生(shēng)範圍蔓延。
節省時(shí)間(jiān)和(hé)金錢(qián)
所有(yǒu)項目都可(kě)以通(tōng)過計(jì)劃更有(yǒu)效地交付。線框為(wèi)新網站(zhàn)的設計(jì)提供了一個(gè)大(dà)綱計(jì)劃。因此,線框圖可(kě)以成為(wèi)管理(lǐ)網頁設計(jì)項目的重要工具。而且它可(kě)以避免在項目後期進行(xíng)昂貴且耗時(shí)的重新設計(jì)。線框還(hái)可(kě)以幫助管理(lǐ)将任務委派給大(dà)型項目中的團隊。
在開(kāi)發開(kāi)始之前定義功能
一開(kāi)始就定義網站(zhàn)的骨架将有(yǒu)助于确定所需的功能。這可(kě)以避免以後需要改進功能。而且,如上(shàng)所述,線框圖還(hái)可(kě)以幫助防止客戶在項目的最後階段要求新功能。
确定網站(zhàn)響應能力
線框圖将響應性考慮因素帶入了項目的規劃階段。因此,可(kě)以在項目的早期階段考慮站(zhàn)點在各種設備上(shàng)的顯示方式。與對部分開(kāi)發的站(zhàn)點進行(xíng)改造響應的替代方案相比,這可(kě)以節省時(shí)間(jiān)。
優先考慮用戶體(tǐ)驗
優先考慮用戶體(tǐ)驗是良好網頁設計(jì)的基礎,而線框圖在這方面也有(yǒu)幫助。勾勒出用戶與網站(zhàn)上(shàng)各種功能的交互可(kě)以幫助确定網站(zhàn)的最佳布局和(hé)結構。線框的極簡主義性質也有(yǒu)助于避免網站(zhàn)變得(de)不必要的複雜。
強制(zhì)早期關注內(nèi)容
線框圖不包括完整網站(zhàn)上(shàng)的視(shì)覺效果。因此,可(kě)以将更多(duō)的注意力放在內(nèi)容上(shàng),而不是設計(jì)的視(shì)覺吸引力方面。可(kě)以編寫适合網站(zhàn)的內(nèi)容,而不是圍繞內(nèi)容設計(jì)網站(zhàn)。然而,如下所述,線框圖的這一方面也可(kě)以被視(shì)為(wèi)一個(gè)缺點。
因此,線框圖有(yǒu)其優勢,特别是在項目管理(lǐ)方面。但(dàn)是,這種方法也有(yǒu)一些(xiē)缺點。以下是為(wèi)什麽并非所有(yǒu)網頁設計(jì)師(shī)都是線框圖的忠實擁護者的一些(xiē)原因。
過程中不必要的額外步驟
對網站(zhàn)進行(xíng)線框設計(jì)确實需要時(shí)間(jiān),這會(huì)增加項目的長度。與客戶就站(zhàn)點的拟議設計(jì)進行(xíng)長時(shí)間(jiān)的辯論也會(huì)加劇(jù)線框圖造成的延遲。這就是為(wèi)什麽一些(xiē)開(kāi)發人(rén)員更喜歡跳(tiào)過這一步,直接開(kāi)發原型或實體(tǐ)模型的原因。
從線框可(kě)視(shì)化站(zhàn)點的困難
線框看起來(lái)像輪廓草圖。因此,對于一些(xiē)人(rén)來(lái)說,從一個(gè)粗略的輪廓中想象一個(gè)站(zhàn)點可(kě)能是一個(gè)挑戰。發生(shēng)這種情況時(shí),證明(míng)概念的唯一方法是使用看起來(lái)更像成品的模型或原型。
形式優先于內(nèi)容
如上(shàng)所述,線框圖可(kě)以迫使內(nèi)容作(zuò)者制(zhì)作(zuò)适合網站(zhàn)的內(nèi)容。然而,網頁設計(jì)的內(nèi)容優先方法的支持者會(huì)争辯說這是錯誤的方法。
限制(zhì)創作(zuò)自由
也許對線框圖最重要的批評是它過于強調結構設計(jì)。而且,一旦就線框達成一緻,一些(xiē)網頁設計(jì)師(shī)就會(huì)感到必須遵循的大(dà)綱的限制(zhì)。畢竟,一些(xiē)最好的網頁設計(jì)靈感來(lái)自于開(kāi)發過程的密集階段。
總而言之,線框網頁設計(jì)在成都網站(zhàn)建設過程中具有(yǒu)一定的優勢,但(dàn)同時(shí)也存在一些(xiē)局限性。因此,在實際工作(zuò)中,我們需要根據項目的具體(tǐ)需求和(hé)團隊的實際情況,靈活運用線框網頁設計(jì)方法,以提高(gāo)網站(zhàn)建設的效率和(hé)質量。