什么是線框設(shè)計(jì)以及其在網(wǎng)頁(yè)設(shè)計(jì)中的具體應(yīng)用

2022-04-30    分類: 網(wǎng)站建設(shè)


線框設(shè)計(jì)是創(chuàng)建潛在網(wǎng)站框架的初步可視指南的過(guò)程。然后,該文檔可以作為網(wǎng)頁(yè)設(shè)計(jì)公司擴(kuò)展的藍(lán)圖。請(qǐng)記住,開(kāi)發(fā)自定義網(wǎng)站是一個(gè)多階段的過(guò)程。網(wǎng)站線框的創(chuàng)建代表了設(shè)計(jì)階段的開(kāi)始。線框設(shè)計(jì)的目標(biāo)是建立一個(gè)原理圖,說(shuō)明如何向訪問(wèn)者呈現(xiàn)信息并確定其優(yōu)先級(jí),以及在何處以及如何實(shí)現(xiàn)與網(wǎng)站功能相關(guān)的元素,以及網(wǎng)站所需和/或預(yù)期的行為流程。
線框設(shè)計(jì)是如何創(chuàng)建的?
線框設(shè)計(jì)師只能依賴網(wǎng)頁(yè)設(shè)計(jì)公司提供和收集的信息。重要的是要記住,這是一條雙向的街道。畢竟,客戶提供的富有洞察力和清晰的信息使網(wǎng)頁(yè)設(shè)計(jì)公司能夠有效地將您的想法變?yōu)楝F(xiàn)實(shí)。
這些信息可以通過(guò)多種方式傳達(dá),包括審查項(xiàng)目的初始提案文件,面對(duì)面會(huì)議,電話會(huì)議等。網(wǎng)頁(yè)設(shè)計(jì)公司還必須確保來(lái)自客戶的所有通信都已在內(nèi)部共享,以促進(jìn)凝聚力。
從概念上講,線框設(shè)計(jì)可以像筆記本紙上的草圖一樣簡(jiǎn)單,也可以作為由許多商用圖形軟件應(yīng)用程序創(chuàng)建的復(fù)雜文件呈現(xiàn)。
通常情況下,OuterBox設(shè)計(jì)人員選擇直接在網(wǎng)絡(luò)瀏覽器中展示線框,以更好地描繪線框未來(lái)環(huán)境中的概述功能。
線框在網(wǎng)頁(yè)設(shè)計(jì)中的作用 - 它們的目的是什么?
除了為設(shè)計(jì)師提供網(wǎng)站功能和設(shè)計(jì)的必要骨架框架外,線框是向客戶提供的第一個(gè)項(xiàng)目之一,以確保每個(gè)人都從一開(kāi)始就在同一頁(yè)面上。作為客戶,了解線框的目的是非常重要的,以便從其演示中獲得大價(jià)值。
為了簡(jiǎn)單起見(jiàn),讓我們?cè)诰W(wǎng)站線框和房屋的平面圖之間進(jìn)行比較。想象一下平面圖如何在新家中尋找廚房。當(dāng)然,平面圖會(huì)勾勒出爐灶,冰箱和食品室的位置,但它可能無(wú)法解決冰箱的品牌或顏色問(wèn)題。
相反,它會(huì)解決諸如爐子是否有頂部通風(fēng)口,或者是否有內(nèi)置微波爐等問(wèn)題。它甚至可能描述了食品柜門是如何打開(kāi)的。這些設(shè)備的功能及其在廚房中的位置在這個(gè)階段很重要,而不是設(shè)備本身的視覺(jué)外觀。
在我們的廚房類比中,這些設(shè)備可以被認(rèn)為是網(wǎng)站的功能。在設(shè)計(jì)線框之前,設(shè)計(jì)人員必須了解項(xiàng)目的范圍,并了解項(xiàng)目中概述的任何所需功能或其他自定義元素。
例如,網(wǎng)站是否需要“冰箱”?如果是這樣,它應(yīng)該放在廚房里? “網(wǎng)站”是否需要并排冰箱或頂級(jí)冰柜?也許,該網(wǎng)站根本不需要廚房里的冰箱,而是寧愿在地下室利用一些額外的空間。這些是設(shè)計(jì)師必須在整個(gè)線框過(guò)程中考慮和描述的事物類型。
如何充分利用線框設(shè)計(jì)演示?
作為審查線框設(shè)計(jì)的客戶,下面列出了操作和注意事項(xiàng),以幫助您充分利用線框設(shè)計(jì)演示。
請(qǐng)注意:
信息架構(gòu):從上到下查看線框上顯示的信息架構(gòu)流程和優(yōu)先級(jí)。
信息的優(yōu)先級(jí):這些信息是否以符合貴公司計(jì)劃對(duì)此信息的優(yōu)先級(jí)的方式進(jìn)行布局?
內(nèi)容策略:您的內(nèi)容是否與您網(wǎng)站提案中列出的計(jì)劃保持一致?考慮內(nèi)容字段的間距和位置等內(nèi)容。請(qǐng)記住,這純粹是從布局角度來(lái)看,在這個(gè)設(shè)計(jì)階段,您實(shí)際上不會(huì)查看任何真實(shí)副本。相反,填充內(nèi)容將用作描述如何在沒(méi)有真實(shí)內(nèi)容的情況下顯示內(nèi)容的方式,因?yàn)樗赡軙?huì)分散您對(duì)預(yù)期的線框評(píng)估的注意力。在OuterBox,我們的創(chuàng)意團(tuán)隊(duì)非常喜歡拉丁衍生的Lorem ipsum填充文字。
頁(yè)面布局:您的網(wǎng)頁(yè)是否按照提案中的說(shuō)明進(jìn)行了布局?即使它們是,但請(qǐng)確保再次問(wèn)自己這個(gè)布局是否仍然有意義。該提案很少概述項(xiàng)目的每一個(gè)細(xì)節(jié),線框設(shè)計(jì)演示是發(fā)現(xiàn)任何需要收緊的漏管的好時(shí)機(jī)。
功能:您網(wǎng)站的所有功能元素是否都在所需的位置?如果廚房有洗碗機(jī),它是否有策略地放置在水槽附近?也許出于某種原因,您的網(wǎng)站實(shí)際上需要一個(gè)“客廳里的洗碗機(jī)”而不是廚房。確保所有自定義功能都表現(xiàn)為您希望在線框流程中看到它,但同樣請(qǐng)記住,它不會(huì)直觀地表示該網(wǎng)站最終版本上該功能的實(shí)際外觀。
網(wǎng)站的線框設(shè)計(jì)無(wú)法期待什么
線框設(shè)計(jì)的重點(diǎn)是為設(shè)計(jì)人員和客戶提供整個(gè)網(wǎng)站核心功能和布局的客觀視圖。人們可能希望看到的視覺(jué)設(shè)計(jì)元素被有目的地省略,以幫助實(shí)現(xiàn)線框演示的目標(biāo)。
不要擔(dān)心:
顏色:通常在灰度級(jí)中,線框不是為描繪網(wǎng)站的主題顏色方案而設(shè)計(jì)的。這絕對(duì)是您網(wǎng)站設(shè)計(jì)的簡(jiǎn)單示意圖,很少有視覺(jué)設(shè)計(jì)元素甚至可以遠(yuǎn)程代表最終產(chǎn)品。
具體設(shè)計(jì):避免專注于盒子的形狀,所采取的空間形狀等。不要擔(dān)心文字;就像我們上面提到的那樣,它主要是隨機(jī)占位符文本,只是為了描述最終副本的位置。
措辭/措辭:雖然這一點(diǎn)當(dāng)然可以注意到這些變化,但它們并不能代表設(shè)計(jì)師所尋求的建設(shè)性反饋。
設(shè)計(jì)師在演示線框設(shè)計(jì)時(shí)需要什么樣的反饋?
為了充分利用線框設(shè)計(jì)演示,了解設(shè)計(jì)團(tuán)隊(duì)正在尋找的反饋類型非常重要。以下是在此階段認(rèn)為值得的反饋類型和建議的更改列表:
所有元素的位置是否與提案一致?
用戶的行為流程是否會(huì)讓用戶感覺(jué)直觀
是否需要?jiǎng)h除,修改,重新確定優(yōu)先級(jí)或重新使用任何元素?
讓我們總結(jié)一下吧!
對(duì)于設(shè)計(jì)公司和客戶而言,重要的是不僅要了解線框的目的,還要了解線框背后的流程。除了簡(jiǎn)單概述未來(lái)網(wǎng)站的骨架框架和功能元素外,它還激發(fā)了客戶與設(shè)計(jì)師在設(shè)計(jì)階段初期階段的對(duì)話。在OuterBox,這種溝通促進(jìn)了將自定義功能與令人驚嘆的設(shè)計(jì)無(wú)縫集成的網(wǎng)站的開(kāi)發(fā)。無(wú)論何時(shí)您注意到特殊的網(wǎng)頁(yè)設(shè)計(jì),它都有可能成為一種特殊的線框設(shè)計(jì)。

網(wǎng)站標(biāo)題:什么是線框設(shè)計(jì)以及其在網(wǎng)頁(yè)設(shè)計(jì)中的具體應(yīng)用
URL標(biāo)題:http://muchs.cn/news/147561.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供移動(dòng)網(wǎng)站建設(shè)、定制開(kāi)發(fā)響應(yīng)式網(wǎng)站、標(biāo)簽優(yōu)化、面包屑導(dǎo)航、云服務(wù)器

廣告

聲明:本網(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)

網(wǎng)站建設(shè)網(wǎng)站維護(hù)公司