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