很少有人(rén)知道(dào)在(zài)創造網頁設計項目的(de)兩個(gè)詞“線框”和(hé / huò)“原型”之(zhī)間的(de)實際差異。可以(yǐ)有混亂與問候他(tā)們的(de)相似之(zhī)處。然而(ér)，這(zhè)是(shì)非常重要(yào / yāo)的(de)是(shì)知道(dào)這(zhè)兩者的(de)區别。此外，什麽是(shì)這(zhè)兩個(gè)可以(yǐ)爲(wéi / wèi)你的(de)設計項目帶來(lái)的(de)好處？這(zhè)是(shì)可能的(de)，有時(shí)你隻需要(yào / yāo)線框在(zài)你的(de)項目中，有時(shí)你會需要(yào / yāo)一(yī / yì ／yí)個(gè)原型吧。 
 
       這(zhè)兩個(gè)線框和(hé / huò)原型，你呈現給你的(de)客戶端Web開發的(de)階段。 
 
Web開發項目的(de)主要(yào / yāo)階段是(shì)： 
 
1.研究 首先，你必須做一(yī / yì ／yí)些研究，與你的(de)客戶對你的(de)網站設計；
2.概念化 這(zhè)使你的(de)想法哪些元素和(hé / huò)功能在(zài)你的(de)網站上(shàng)有；
3.布局 做一(yī / yì ／yí)個(gè)草圖，并決定在(zài)你的(de)網站與該網站的(de)基本設計如下的(de)布局。 
 
       使其更清晰，我們要(yào / yāo)對在(zài)今天的(de)文章中的(de)線框圖和(hé / huò)原型之(zhī)間的(de)差異進行了(le／liǎo)讨論。讓我們先從它們的(de)含義。…
 
什麽是(shì)線框？ 
 

 
       線框在(zài)互聯網上(shàng)最好的(de)定義解釋說(shuō)，線框是(shì)單一(yī / yì ／yí)網頁的(de)視覺圖。 
 
1.它被創建來(lái)說(shuō)明的(de)内容，功能和(hé / huò)鏈接，将出(chū)現在(zài)頁面上(shàng)；
2.它可以(yǐ)幫助設計人(rén)員創建Web頁面的(de)原型，而(ér)它可以(yǐ)幫助程序員了(le／liǎo)解的(de)特點和(hé / huò)他(tā)們的(de)工作在(zài)網頁上(shàng)；
3.這(zhè)是(shì)很重要(yào / yāo)的(de)理解，其中每一(yī / yì ／yí)個(gè)項目應放置在(zài)網站的(de)網頁上(shàng)。
 
       簡單地(dì / de)說(shuō)，它是(shì)你的(de)網站，顯示你每個(gè)元素會被放置在(zài)頁面上(shàng)的(de)可視化布局。然而(ér)，根據該項目的(de)需求，線框可以(yǐ)是(shì)不(bù)同的(de)劑型。 
 
表格的(de)線框 
 
       線框圖可以(yǐ)是(shì)你的(de)産品，1的(de)最重要(yào / yāo)組成部分，如果它的(de)正确建立。這(zhè)将澄清哪些元素應該放在(zài)哪些地(dì / de)方。他(tā)們可以(yǐ)在(zài)紙張或數字繪圖的(de)形式。它也(yě)可具有不(bù)同的(de)細節，它表示的(de)量。 
 
有兩個(gè)，其中詳細線框生産或職能的(de)水平可以(yǐ)表示方式。 
 
低保真線框圖 
 
 
 
       這(zhè)些線框幫幫忙，使通信容易。 
 
1.它們可以(yǐ)非常迅速地(dì / de)被創建； 
2.它們是(shì)因爲(wéi / wèi)被用在(zài)他(tā)們擋住了(le／liǎo)空間，應用在(zài)上(shàng)面看到(dào)的(de)原型簡單的(de)圖像性質較爲(wéi / wèi)抽象。 
 
高保真線框圖 
 
 
 
      這(zhè)些線框用的(de)比較多的(de)準備文件。 
 
1.他(tā)們有細節的(de)重視他(tā)們更平 ；
2..它們包括關于(yú)可在(zài)頁面上(shàng)的(de)每個(gè)特定項目的(de)重要(yào / yāo)信息 ；
3.尺寸、行爲(wéi / wèi)和(hé / huò)不(bù)同元素的(de)行爲(wéi / wèi)，亦包括在(zài)看到(dào)上(shàng)面的(de)圖片 
 
       檢查出(chū)它們之(zhī)間的(de)區别就(jiù)在(zài)這(zhè)裏。 

未完待續，米飯工作室翻譯編輯，轉載請注明出(chū)處，原文作者：Taimur Asghar。