線框圖設(shè)計(jì)技巧有哪些-創(chuàng)新互聯(lián)
創(chuàng)新互聯(lián)www.cdcxhl.cn八線動(dòng)態(tài)BGP香港云服務(wù)器提供商，新人活動(dòng)買多久送多久，劃算不套路！
本篇文章給大家分享的是有關(guān)線框圖設(shè)計(jì)技巧有哪些，小編覺得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。
1、線框圖的定義：
我們常常說的線框圖其實(shí)就是指的頁面示意圖，也可以叫做屏幕藍(lán)圖。它的作用是展示網(wǎng)站或產(chǎn)品框架。在設(shè)計(jì)環(huán)節(jié)，線框圖設(shè)計(jì)常用在考慮用戶需求的情況下在頁面上布置內(nèi)容和功能。從開發(fā)的角度分析，添加視覺設(shè)計(jì)和內(nèi)容之前，在開發(fā)過程早期使用線框來建立頁面的基本結(jié)構(gòu)。說到底，線框圖的設(shè)計(jì)目標(biāo)其實(shí)就是向大眾用戶展示產(chǎn)品將包含的頁面和組件，以及這些元素之間的相互作用。
2、線框圖的作用
（1）幫助團(tuán)隊(duì)評估和完善工作范圍。線框圖允許設(shè)計(jì)師快速創(chuàng)建產(chǎn)品的視覺表現(xiàn)，方便后期修改；而且線框圖還能幫助設(shè)計(jì)師向團(tuán)隊(duì)展示應(yīng)用程序具有的頁面元素和控件，以及所有元素如何進(jìn)行交互。
（2）讓團(tuán)隊(duì)所有成員參與產(chǎn)品設(shè)計(jì)。線框圖的使用允許設(shè)計(jì)師和開發(fā)人員在早期階段共同參與討論設(shè)計(jì)，在開始進(jìn)行視覺設(shè)計(jì)之前就提供反饋和更改建議。設(shè)計(jì)過程中，經(jīng)常會(huì)遇到需求的來回變化。有了線框圖，可以使這個(gè)過程更有效，修改原型比修改線框圖需要更多的時(shí)間和精力。這樣有助于使設(shè)計(jì)過程快速迭代，避免不必要的浪費(fèi)。
（3）進(jìn)行用戶測試。線框圖可以幫助設(shè)計(jì)師從潛在用戶那里獲得有價(jià)值的反饋。同時(shí)瀏覽線框比讀取規(guī)范要快得多，還有助于減小與預(yù)期效果的差異。
3、線框圖的計(jì)技巧
（1）正確運(yùn)用彩色：如果在線框圖中使用豐富的配色，可能會(huì)分散觀者的注意力，并使更新變得更困難。但在某些情況下，使用顏色突出顯示特定組件是合理的。例如，可以將紅色用于錯(cuò)誤狀態(tài)，將藍(lán)色用于注釋等。
（2）使用簡單的組件：線框圖并不包含全面設(shè)計(jì)和詳細(xì)說明的組件。相反它們應(yīng)該設(shè)計(jì)的相對簡單，讓團(tuán)隊(duì)成員更容易識(shí)別。為組件添加細(xì)致的陰影、粗細(xì)描邊將花費(fèi)大量的時(shí)間和精力，卻不是很實(shí)用。
（3）風(fēng)格統(tǒng)一一致：在所有線框圖中，類似的組件必須看起來相同。如果相同的組件看起來不同，開發(fā)人員可能會(huì)質(zhì)疑它們的功能是否相同，甚至?xí)驗(yàn)樵O(shè)計(jì)不同而增加估算時(shí)間。在處理線框圖時(shí)，記住一個(gè)簡單的設(shè)計(jì)技巧保持一致，避免造成混淆。
（4）多使用注釋：在線框圖設(shè)計(jì)中可能會(huì)遇到某些解決方案無法直觀地加以說明的情況，例如某些控件背后的邏輯，因此開發(fā)人員可能會(huì)對它們有疑問。在這種情況下，可以提供注釋來解釋其背后的邏輯。這樣團(tuán)隊(duì)就會(huì)理解你的解決方案，你就不需要花時(shí)間再討論它們。
（5）將線框圖延伸到交互原型中：在使用不同產(chǎn)品時(shí)，有一些簡單而通用的交互，也有一些交互相當(dāng)復(fù)雜。在線框圖不足以說明復(fù)雜性的情況下，可以將線框圖擴(kuò)展到交互原型中，而不必寫冗長的注釋并花大量時(shí)間進(jìn)行解釋。
以上就是線框圖設(shè)計(jì)技巧有哪些，小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘９ぷ鲿?huì)見到或用到的。希望你能通過這篇文章學(xué)到更多知識(shí)。更多詳情敬請關(guān)注創(chuàng)新互聯(lián)-成都網(wǎng)站建設(shè)公司行業(yè)資訊頻道。
本文題目：線框圖設(shè)計(jì)技巧有哪些-創(chuàng)新互聯(lián)
本文網(wǎng)址：http://m.jiaotiyi.com/article/dsgscd.html