線框圖是網(wǎng)站設(shè)計(jì)流程中很重要的一環(huán)。它有點(diǎn)像網(wǎng)站或者應(yīng)用項(xiàng)目的藍(lán)圖,能幫助你早點(diǎn)發(fā)現(xiàn)什么有用什么沒(méi)用,還能讓你不受設(shè)計(jì)的干擾來(lái)設(shè)置內(nèi)容和焦點(diǎn)。
做得好的話,線框圖可以明確你的想法。但如果沒(méi)有正確完成,也可能導(dǎo)致項(xiàng)目脫軌?;诖?,下面給大家介紹1種方式來(lái)提高你的線框圖技巧,以及如何使用一些好用的線框圖工具。
1. 從草圖開(kāi)始從你最喜歡的設(shè)計(jì)工具開(kāi)始聽(tīng)起來(lái)是個(gè)不錯(cuò)的主意,但用紙和筆畫(huà)出線框圖草圖其實(shí)能獲得更好的效果。這個(gè)過(guò)程不會(huì)花太長(zhǎng)時(shí)間,但能幫助你更好地了解整體規(guī)劃。
2. 跳過(guò)顏色線框圖的目的,是展示內(nèi)容、頁(yè)面和視圖元素,以及描述應(yīng)用的功能。添加任何設(shè)計(jì)元素,比如顏色,都會(huì)偏離最初的目標(biāo)。顏色的問(wèn)題可以留到視覺(jué)稿階段,線框圖無(wú)需考慮這些。
3. 保持簡(jiǎn)單不要把線框圖復(fù)雜化。簡(jiǎn)單的線框圖會(huì)讓你關(guān)注大局,避免分心。線框圖應(yīng)該清晰地描述應(yīng)用的可用性和功能性。在這個(gè)階段你不需要深入了解那些細(xì)枝末節(jié)或者設(shè)計(jì)的最終效果。
4. 使用更好的樣本數(shù)據(jù)如果選擇不當(dāng),樣本數(shù)據(jù)可能會(huì)毀掉線框圖。當(dāng)然你并不需要花費(fèi)太多時(shí)間在線框圖中填充數(shù)據(jù),但至少要保證使用的樣本數(shù)據(jù)是相關(guān)的。
5. 必要的時(shí)候添加注釋線框圖作為藍(lán)圖,是設(shè)計(jì)和開(kāi)發(fā)打造應(yīng)用或者網(wǎng)站的指南。如果你希望線框圖更容易被理解,可以在必要的和適當(dāng)?shù)牡胤教砑幼⑨尅?br/>
6. 使用網(wǎng)格系統(tǒng)和布局框制作線框圖的一個(gè)有趣的技巧,是使用網(wǎng)格系統(tǒng)和布局框,能夠簡(jiǎn)單快速地歸類并布置不同的組件。
7. 打造可重復(fù)使用的樣式與符號(hào)大多數(shù)可用于制作線框圖的軟件都有創(chuàng)建并重復(fù)使用樣式與符號(hào)的功能。這不僅能加快制作流程,還能保證線框圖的一致性。
8. 使用正確的工具很多軟件都適合制作線框圖,有的則是專門(mén)用于線框圖的。下面給大家介紹幾個(gè)比較常見(jiàn)的工具:
·
Sketch是最好用的工具之一。與其它解決方案比如InVision一起,Sketch能為設(shè)計(jì)人員提供他們完成工作所需的工具。
·
Affinity Designer是一個(gè)輕量級(jí)的矢量設(shè)計(jì)工具,完全滿足制作線框圖所需的一切。
·
Pencil Project 是一款免費(fèi)的開(kāi)源工具,為Android、iOS、Dojo等內(nèi)置了形狀和模板等。也可以應(yīng)用與線框圖網(wǎng)站和桌面應(yīng)用。
9. 了解線框圖類型如果你不熟悉“保真度”這個(gè)詞,它指的是細(xì)節(jié)的水平。在線框圖中,你可以選擇低保真度和高保真度,這兩種都是必須的,其各自的功能和目的有所區(qū)別。
低保真線框圖是基礎(chǔ)。它沒(méi)有任何多余的東西,可以快速制作。其主要目的是讓你開(kāi)始工作。高保真線框圖可提供更多細(xì)節(jié),當(dāng)然并不會(huì)像視覺(jué)稿那樣詳細(xì)。線框圖一般是灰度或者單色的,是一個(gè)比較接近實(shí)際設(shè)計(jì)的展示。
10. 快速獲得反饋線框圖的一大優(yōu)點(diǎn)是制作周期短。這樣就能在設(shè)計(jì)流程中盡早地與團(tuán)隊(duì)分享,盡快獲得反饋。
文章題目:如何打造更好的線框圖
瀏覽地址:http://jinyejixie.com/news39/149239.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供小程序開(kāi)發(fā)、面包屑導(dǎo)航、建站公司、品牌網(wǎng)站制作、靜態(tài)網(wǎng)站、微信小程序
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)