2013-06-01 分類: 網(wǎng)站設(shè)計(jì)
在網(wǎng)站設(shè)計(jì)布局時(shí),經(jīng)常會(huì)出現(xiàn)一些常見(jiàn)的錯(cuò)誤。在這篇文章中,我們將介紹您需要采取的步驟,以達(dá)到好的網(wǎng)站布局。我們將介紹在開始一個(gè)新項(xiàng)目之前,在數(shù)字機(jī)構(gòu)中工作的每個(gè)新網(wǎng)站建設(shè)者應(yīng)該知道和做什么。這些步驟不僅包括設(shè)計(jì)方面,還包括可以很好地完成工作的一般工作流程提示。在此頁(yè)面上,我們將探討如何開始使用以及設(shè)計(jì)工作流程中的關(guān)鍵步驟,在第2頁(yè)上,您將找到有關(guān)處理網(wǎng)站布局設(shè)計(jì)的一般建議以及結(jié)束項(xiàng)目的提示。遵循這個(gè)建議,您很快就會(huì)開始創(chuàng)建良好的網(wǎng)站思路。
01.定義成功的含義
在開始工作之前,您需要知道您正在設(shè)計(jì)的是什么。除了網(wǎng)站的描述,你需要知道它的期望是什么。以新聞網(wǎng)站為例。目標(biāo)是什么?是制作盡可能多的廣告展示還是提供好閱讀體驗(yàn)?這些目標(biāo)將如何衡量?
好的重新設(shè)計(jì)不一定是最華麗的,但隨著時(shí)間的推移會(huì)提高性能。在開始設(shè)計(jì)之前與客戶交談是確定所有這些的關(guān)鍵。
02.了解你的起點(diǎn)
設(shè)計(jì)師參與項(xiàng)目往往不是孤立發(fā)生的事情??蛻舨粫?huì)總是聯(lián)系您從頭開始。在大多數(shù)情況下,您必須了解當(dāng)前的系統(tǒng),如果您的項(xiàng)目旨在挑戰(zhàn)它,請(qǐng)找到發(fā)展它的機(jī)會(huì),或按照原樣進(jìn)行。 選項(xiàng)是無(wú)限的。從設(shè)計(jì)的角度理解現(xiàn)有的是關(guān)鍵,如果你要快速行動(dòng)并認(rèn)識(shí)到創(chuàng)新的機(jī)會(huì)在哪里,而不是挑戰(zhàn)已經(jīng)建立的和作為無(wú)法理解要求的人而來(lái)。
03.盡早與客戶分享設(shè)計(jì)
在提出交互式概念或設(shè)計(jì)“外觀和感覺(jué)”時(shí),您需要確保您和客戶盡快登錄同一頁(yè)面。在與客戶共享概念之前,請(qǐng)避免在概念上花費(fèi)太多時(shí)間。 一旦初始概念獲得批準(zhǔn),您可以放松一點(diǎn)并開始生產(chǎn)。但在提出第一個(gè)概念之后,如果客戶不喜歡它,你應(yīng)該收集足夠的反饋,以便將第二個(gè)更合適的概念帶到桌面上。
04.首先解決布局問(wèn)題
這似乎非常明顯,但我經(jīng)常發(fā)現(xiàn)設(shè)計(jì)師在考慮他們?cè)噲D解決的問(wèn)題之前會(huì)直接進(jìn)入他們的工作。設(shè)計(jì)是關(guān)于解決問(wèn)題,而這些問(wèn)題不能通過(guò)漸變或陰影來(lái)解決,而是通過(guò)良好的布局和清晰的層次結(jié)構(gòu)來(lái)解決。
在開始刪除陰影之前,請(qǐng)考慮內(nèi)容,布局和功能。確保這些想法符合客戶的目標(biāo),并隨時(shí)分享。
05.開始草繪頂級(jí)框架
基本線框?qū)椭鷺?gòu)建布局(單擊右上角的圖標(biāo)放大)當(dāng)我被要求創(chuàng)建網(wǎng)站布局的外觀和感覺(jué)時(shí),我要做的第一件事是提出一個(gè)解決所有設(shè)計(jì)問(wèn)題的頂級(jí)框架??蚣苁菄@內(nèi)容的UI,幫助用戶執(zhí)行操作并在其中導(dǎo)航。它包括導(dǎo)航和側(cè)邊欄和底欄等組件。
06.添加一個(gè)網(wǎng)格
在開始設(shè)計(jì)任何東西之前,你需要一個(gè)合適的網(wǎng)格 沒(méi)有網(wǎng)格沒(méi)有有效的借口 - 如果你不這樣做,我可以向你保證,設(shè)計(jì)看起來(lái)不會(huì)那么好。網(wǎng)格將幫助您構(gòu)建不同部分的布局; 它將指導(dǎo)您完成特定的屏幕尺寸要求,并幫助您創(chuàng)建響應(yīng)式模板,從而使您在間距以及許多其他設(shè)計(jì)問(wèn)題方面保持一致。
07.選擇你的排版
根據(jù)經(jīng)驗(yàn),在網(wǎng)站布局中使用不超過(guò)兩種不同的字體。探索不同的字體和顏色是項(xiàng)目發(fā)現(xiàn)階段的一部分。一般來(lái)說(shuō),我建議不要在網(wǎng)站上使用兩種以上的不同字體,盡管它實(shí)際上取決于它的性質(zhì)。選擇一個(gè)易于閱讀的字體,用于大塊文本,并且更有趣的是標(biāo)題和號(hào)召性用語(yǔ)。尋找靈感?看看我們對(duì)好字體配對(duì)的綜述。不要害怕使用大字體,并且在使用排版時(shí)要有創(chuàng)意和一致性。
08.選擇你的顏色主題
在選擇一組字體的過(guò)程中,您應(yīng)該開始探索在界面,背景和文本中使用的顏色。我推薦一般用戶界面的有限顏色和色調(diào)。
根據(jù)每個(gè)元素的功能,在網(wǎng)站布局中一致地應(yīng)用這些內(nèi)容非常重要。想想Facebook,Twitter,Quora和Vimeo等網(wǎng)站的布局。除了UI之外,插圖或圖形細(xì)節(jié)不應(yīng)有任何顏色限制,只要它們不會(huì)干擾組件的功能。
如果您遇到困難,請(qǐng)查看我們的網(wǎng)站設(shè)計(jì)師好顏色工具列表。
09.簡(jiǎn)化布局
站點(diǎn)結(jié)構(gòu)越簡(jiǎn)單,用戶就越容易導(dǎo)航。每個(gè)部分都需要講述一個(gè)故事; 它需要用戶的理由和最終結(jié)果。布局應(yīng)該有助于內(nèi)容突出該故事中最重要的部分。
11.原型,原型,原型
實(shí)際上,在頁(yè)面上不應(yīng)該有太多的號(hào)召性用語(yǔ) - 一切都應(yīng)該推向最終的'我能在這做什么?考慮一下您可以想象的最簡(jiǎn)單的布局,并開始添加必要的組件。最后,你會(huì)驚訝于保持簡(jiǎn)單。
10.通過(guò)您的解決方案引導(dǎo)客戶
避免對(duì)你的工作進(jìn)行大的揭示。經(jīng)常與客戶溝通的目標(biāo)之一是在揭示您的工作時(shí)避免意外。在我展示自己進(jìn)步的那些時(shí)候,我發(fā)現(xiàn)將它們帶到旅程并展示我從哪里開始,在瀏覽這個(gè)或那個(gè)挑戰(zhàn)時(shí)所考慮的因素以及我最終降落的地方,而不僅僅是展示沒(méi)有背景的旅程結(jié)束。
原型設(shè)計(jì)是測(cè)試交互的好方式。原型設(shè)計(jì)是測(cè)試交互和技術(shù)的好方式?,F(xiàn)在有很多原型設(shè)計(jì)工具可以讓它變得簡(jiǎn)單,而且你不需要成為一個(gè)編碼大師來(lái)創(chuàng)建有效的原型。這是另一種方式,您可以讓您的客戶興奮和充滿理念和想法,否則需要大量的解釋。
12.注意細(xì)節(jié)
它可能是一個(gè)小的交互,一個(gè)意想不到的動(dòng)畫或美學(xué)觸摸,如按鈕中的小漸變或背景中的框周圍的微妙筆觸。但總的來(lái)說(shuō),這種觸摸是必不可少的 - 如果你真的很喜歡你做的事情,它會(huì)很自然。
13.設(shè)計(jì)最好的案例; 為最壞的情況做好準(zhǔn)備
請(qǐng)記住,您的布局如何在不同的設(shè)備和屏幕尺寸上工作。作為設(shè)計(jì)師,我們的工作是通過(guò)不同的約束來(lái)解決問(wèn)題。通過(guò)網(wǎng)站制作,約束范圍從概念和技術(shù)問(wèn)題到內(nèi)容相關(guān)問(wèn)題。
現(xiàn)在你已經(jīng)完成了你的項(xiàng)目,現(xiàn)在是時(shí)候把它說(shuō)出來(lái)并在線推廣它。展示您的作品是吸引新客戶并關(guān)注您的工藝的好方式。在某些情況下,我與客戶合作準(zhǔn)備了推動(dòng)我們共同完成的工作所需的資產(chǎn),作為項(xiàng)目的一部分。在一天結(jié)束時(shí),對(duì)您和您的客戶來(lái)說(shuō),這是一個(gè)雙贏的局面。說(shuō)出來(lái)也會(huì)引起人們對(duì)他們業(yè)務(wù)的關(guān)注。
網(wǎng)頁(yè)標(biāo)題:良好的網(wǎng)站設(shè)計(jì)思路有哪些?
本文路徑:http://redsoil1982.com.cn/news9/6159.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)等
聲明:本網(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)
猜你還喜歡下面的內(nèi)容