用靈魂感悟設計 · 用設計創(chuàng)造價值
WITH SOUL FEELING DESIGN WITH DESIGN TO CREATE VALUE
您當前位置:  設計中國    ⁄    網(wǎng)頁設計    ⁄ 資訊內(nèi)容

設計中國:分享網(wǎng)頁設計風格指南

作者:admin      來源:互聯(lián)網(wǎng)      發(fā)布時間: 2016/10/13 16:08:26     瀏覽:
設計制作網(wǎng)站越來越復雜,通常不是一個人的工作。為確保設計的一致性,以滿足業(yè)務目標和創(chuàng)造愉快的經(jīng)歷對用戶是重要的。

  設計制作網(wǎng)站越來越復雜,通常不是一個人的工作。為確保設計的一致性,以滿足業(yè)務目標和創(chuàng)造愉快的經(jīng)歷對用戶是重要的。

  什么是風格指南?

  風格指南是整理設計元素,圖形和規(guī)則設計者和開發(fā)者的集合,應遵循以確保獨立網(wǎng)站的作品一致,并會創(chuàng)造出完美的視覺和用戶體驗。

  創(chuàng)建一個Web設計風格指南

  1、研究品牌

  首先,你需要研究用戶的品牌,了解品牌背后的故事,并找出了公司的愿景,使命和價值觀。重要的是要深入挖掘風格指南,你會產(chǎn)生視覺和情感代表品牌。

  如果你是一個設計師,不會寫代碼,只需打開Photoshop,把你的文檔標題和文檔,進行描述。主要包括顏色,還有字體的大小。

  如果你能代碼,這是更好地創(chuàng)建具有代碼的HTML文檔,能夠更方面的使用。

  2、定義排版

  排版是網(wǎng)頁設計的95%。你必須設計正確的版式,因為它是訪客和您的網(wǎng)站之間最重要的溝通工具之一。

  設置等級和標識。有標題的類型:H1,H2,H3,H4,H5和H6。然后正文,粗體和斜體變。想想將用于較小的環(huán)節(jié),介紹文字等的自定義副本。提供字體系列,顏色。

  3、調(diào)色板

  人類如何感知與知名品牌的色彩,這是不可思議的。想想可口可樂,我敢打賭,你想到的肯定是紅色。

  通過設置主色,將主宰你的網(wǎng)站整體色調(diào),主色應包括不超過三個輔助色。在某些情況下,您將需要二級,甚至三級的顏色,展示你的頁面。還包括中性的顏色,如白色,灰色和黑色為主要品牌顏色脫穎而出。

  4、圖標的運用

  圖標已經(jīng)存在了幾千年,比文字的時間還長。把圖標充分利用在網(wǎng)頁設計中,圖標更能直接的傳達信息,并知道接下來會發(fā)生什么。選擇正確的圖標將給予更多的上下文內(nèi)容的提示。當使用圖標,一定要考慮目標受眾,宗教,歷史。還有一件事更重要,想想這個品牌和它的價值。

  5、圖像

  確保圖像定義風格和圖片的網(wǎng)站相統(tǒng)一。再次,想想這個品牌和它的使命的價值。(與官網(wǎng)產(chǎn)品相關聯(lián)的素材或圖片)

  6、彈窗與提示

  什么樣的彈窗才能讓網(wǎng)站與用戶產(chǎn)生互動,以便用戶可以輸入數(shù)據(jù),完成輸入和操作。

  確保建立一個層次結(jié)構,并包括可能的形式反饋-活躍,懸停,添加錯誤,警告和成功的消息,包括的東西,如密碼過于軟弱,電子郵件是無效的或簡單的成功消息如“郵件已發(fā)出?!?/p>

  7、按鈕

  按鈕是顏色的調(diào)色板,創(chuàng)建具有不同顏色,一致的設計外觀和功能按鈕。

  9、間距

  間距是非常重要的。它可以是用于布局的網(wǎng)格形式; 能使標題,按鈕,圖像,表格和其他元件之間間距限定。正確的間距是非常重要的,因為它提供了更多的喘息空間元素。