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