網(wǎng)站設(shè)計(jì)制作應(yīng)該考慮哪些布局方面的問題？

設(shè)計(jì)網(wǎng)站布局時(shí)，經(jīng)常會(huì)出現(xiàn)一些常見的錯(cuò)誤。這些步驟不僅包括設(shè)計(jì)方面，還包括一般的工作流程技巧，這些技巧可以很好地完成工作。

1、了解設(shè)計(jì)方向

在開始工作之前，你需要知道你在設(shè)計(jì)什么。除了對(duì)網(wǎng)站的描述，你還需要知道對(duì)它的期望是什么。以新聞網(wǎng)站為例。目標(biāo)是什么？是為了盡可能多的制作廣告印象，還是為了提供好的閱讀體驗(yàn)？如何衡量這些目標(biāo)？

好的重新設(shè)計(jì)不一定是華而不實(shí)的，但隨著時(shí)間的推移會(huì)提高性能。在開始設(shè)計(jì)之前與客戶交談是定義所有這些的關(guān)鍵。您需要了解他們?cè)跁婀ぷ髡f明書(工作說明書)之外的關(guān)注點(diǎn)和目標(biāo)是什么。

2、理解你從哪里開始

通常，設(shè)計(jì)師對(duì)項(xiàng)目的參與不是孤立發(fā)生的。客戶不會(huì)總是聯(lián)系你從頭開始。在大多數(shù)情況下，你必須了解當(dāng)前的系統(tǒng)，如果你的項(xiàng)目是為了挑戰(zhàn)它，尋找機(jī)會(huì)去發(fā)展它，或者照現(xiàn)在的樣子去做。

選擇是無(wú)限的。如果你要快速前進(jìn)，認(rèn)識(shí)到創(chuàng)新的機(jī)會(huì)在哪里，而不是需要挑戰(zhàn)已經(jīng)建立的東西，并以一個(gè)無(wú)法理解需求的人的身份離開，那么從設(shè)計(jì)的角度理解什么是關(guān)鍵。

3、盡早與客戶分享設(shè)計(jì)

當(dāng)提出一個(gè)交互式概念或石家莊網(wǎng)站設(shè)計(jì)“外觀和感覺”時(shí)，你需要確保你和客戶盡快在同一頁(yè)上。在與客戶分享概念之前，避免在概念上花費(fèi)太多時(shí)間。

一旦當(dāng)初的概念被批準(zhǔn)，你可以放松一點(diǎn)，開始生產(chǎn)。但是在提出一個(gè)概念后，如果客戶不喜歡它，你應(yīng)該收集足夠的反饋，把第二個(gè)更合適的概念帶到桌面上。

4、先處理布局

這看起來很明顯，但要經(jīng)常發(fā)現(xiàn)設(shè)計(jì)師在考慮他們?cè)噲D解決的問題之前，會(huì)直接投入到他們的工作中。設(shè)計(jì)是為了解決問題，這些問題不能通過漸變或陰影來解決，而是通過良好的布局和清晰的層次結(jié)構(gòu)來解決。

在開始投射陰影之前，先考慮一下內(nèi)容、布局和功能。確保這些想法符合你客戶的目標(biāo)，并且可以自由分享。

5、開始繪制頂層框架

當(dāng)被要求創(chuàng)建一個(gè)網(wǎng)站布局的外觀和感覺時(shí)，我做的一件事就是想出一個(gè)解決所有設(shè)計(jì)問題的頂級(jí)框架。框架是圍繞內(nèi)容的用戶界面，幫助用戶執(zhí)行操作并在其中導(dǎo)航。它包括導(dǎo)航和組件，如側(cè)欄和底部欄。

如果你從這個(gè)角度來處理你的設(shè)計(jì)，當(dāng)你設(shè)計(jì)主頁(yè)以外的部分時(shí)，你將會(huì)清楚地了解你的布局需要。

6、添加網(wǎng)格

這聽起來很簡(jiǎn)單。在開始設(shè)計(jì)任何東西之前，你需要一個(gè)合適的網(wǎng)格。沒有網(wǎng)格就開始沒有合理的借口——如果你沒有，我可以向你保證，設(shè)計(jì)不會(huì)看起來那么好。網(wǎng)格將幫助您構(gòu)建不同部分的布局；它將指導(dǎo)您完成特定的屏幕尺寸要求，并幫助您創(chuàng)建響應(yīng)模板，因此您在間距以及許多其他設(shè)計(jì)問題上保持一致。

7、選擇你的字體

探索不同的字體和顏色是項(xiàng)目發(fā)現(xiàn)階段的一部分。一般來說，我建議在一個(gè)網(wǎng)站中不要使用兩種以上不同的字體，盡管這取決于它的性質(zhì)。石家莊網(wǎng)站制作選擇一種易于閱讀大塊文本的字體，并且對(duì)標(biāo)題和行動(dòng)號(hào)召要更加有趣。尋找靈感？看看我們的完美綜述字體配對(duì)。不要害怕使用大字體，使用印刷術(shù)時(shí)要有創(chuàng)造性和一致性。

8、選擇您的顏色主題

在選擇一組字體的過程中，你應(yīng)該開始探索你將在界面、背景和文本中使用什么顏色。我為一般用戶界面推薦一套有限的顏色和色調(diào)。

根據(jù)每個(gè)元素的功能，在網(wǎng)站布局中始終如一地應(yīng)用這些非常重要。想想臉書、推特、Quora和Vimeo等網(wǎng)站的布局。除了用戶界面之外，插圖或圖形細(xì)節(jié)不應(yīng)該有任何顏色限制，只要它們不干擾組件的功能。

9、簡(jiǎn)化布局

網(wǎng)站的結(jié)構(gòu)越簡(jiǎn)單，用戶導(dǎo)航就越容易。每個(gè)部分都需要講一個(gè)故事；它需要給用戶一個(gè)理由和結(jié)果。布局應(yīng)該有助于內(nèi)容突出報(bào)道中重要的部分。

事實(shí)上，一頁(yè)上不應(yīng)該有太多的行動(dòng)號(hào)召--一切都應(yīng)該朝著“我能在這里做什么？”的結(jié)局前進(jìn)。為了一個(gè)簡(jiǎn)單的目的，考慮你能想象的簡(jiǎn)單的布局，并開始添加必要的組件。你會(huì)驚訝保持簡(jiǎn)單有多難。

10、提煉每個(gè)組件

對(duì)待每一個(gè)組件，就像它可以在設(shè)計(jì)競(jìng)賽中展示一樣。如果你關(guān)注每一個(gè)組成部分，整體將超過其部分的總和。我不得不承認(rèn)這條建議不是我的。我在以前的一家機(jī)構(gòu)聽說過，我對(duì)這個(gè)聲明的清晰和真實(shí)感到震驚。

每一個(gè)組件都需要設(shè)計(jì)得好像它可以作為有史以來好的組件獨(dú)立存在一樣。有時(shí)候，設(shè)計(jì)師會(huì)把網(wǎng)站的某些部分留到后面，不會(huì)給他們太多尊重。

11、向客戶介紹您的解決方案

石家莊網(wǎng)站設(shè)計(jì)要避免大張旗鼓地揭露你的工作。經(jīng)常與客戶溝通的目標(biāo)之一是在透露你的工作時(shí)避免意外。當(dāng)我展示我的進(jìn)步時(shí)，我發(fā)現(xiàn)帶他們?nèi)ヂ眯?，展示我從哪里開始，我在應(yīng)對(duì)這種或那種挑戰(zhàn)時(shí)的考慮，以及我到達(dá)哪里更有用，而不僅僅是在沒有背景的情況下展示旅程的結(jié)束。

通過這樣做，您會(huì)發(fā)現(xiàn)他們要么同意您的結(jié)論，要么在演練過程中的某個(gè)時(shí)刻指出您可能沒有考慮到的缺陷或其他變體。無(wú)論是哪種情況，你都會(huì)有一次談話，客戶會(huì)覺得更投入，因?yàn)樗麄兪沁@個(gè)過程的一部分。

12、動(dòng)起來思考

設(shè)計(jì)互動(dòng)體驗(yàn)時(shí)，運(yùn)動(dòng)是必不可少的。任何設(shè)計(jì)都不能再被單獨(dú)或作為靜態(tài)組件來評(píng)判；每個(gè)組件都由其與系統(tǒng)的關(guān)系來定義，這種關(guān)系需要正確地傳遞運(yùn)動(dòng)。運(yùn)動(dòng)可以說明內(nèi)容或布局中交互狀態(tài)的動(dòng)態(tài)效果。出于第二個(gè)目的，我建議將您的設(shè)計(jì)進(jìn)一步引入原型設(shè)計(jì)。