網頁美工設計

如何用Illustrator設計一個網頁

編輯：時間：2014-11-03 10:42:51

　　每個人都需要一個網站,是否為業務,非營利性工作或只是個人使用。然而,并不是很多人知道如何編寫一個網站。即使你不能編寫一個網站,但是,你仍然可以設計一個web頁面使用AdobeIllustrator等圖形程序。這允許您使您的web頁面看起來就像你想要的,然后其他人可以做編碼的部分。

　　把你的布局理念在一張紙上。草圖是最好的開始方式創新的源泉,并幫助你想出很好的概念。畫大約10不同布局的草圖,然后選擇你喜歡的布局和吸引更多的變體。一旦你有精致的布局理念,把你的素描紙旁邊你的電腦在Illustrator工作時參考。

　　2下載一個AdobeIllustrator的網格模板。每一個優秀的網站開始于一個網格,來幫助組織內容和網站視覺上賞心悅目。一個網站的標準寬度是960像素,因為它是兼容的屏幕分辨率,所以找到一個960像素寬。在Illustrator打開模板。

　　3開始放置盒,您的web頁面的內容將作為指導。把盒子你的導航,列的文本和圖像。這就是所謂的線框圖。導航應該在頂部或兩側,從來沒有在底部。記得把最重要的內容放在最明顯的地方。不要動到線框完成。

　　4開始填寫你的線框圖形和文本。你可以從其他程序導入圖片,其他文件或只是在Illustrator中創建它們。AdobeIllustrator尤其適合創建Web2.0風格的圖形、光滑、現代風格,經常使用3d-looking元素。記住一般web-typography指南文本:線的高度應該是150%左右的高度類型,文本大小不應低于10或12分,并確認您的文本與背景顏色對比充分閱讀。

　　5仔細看看你的設計對于任何能夠改善。小細節添加策略設計,所以尋找地方您可以添加一個微小的細節。通常,然而,一個設計可以提高通過簡化它,而不是增加。問朋友的反饋。一旦你確信,你的設計是完美的,你就完成了。你可以發送一個在線服務,插畫家文件轉化為網站,或者學習HTML和CSS,做你自己!

　　提示和警告

　　訪問網站畫廊和閱讀網頁設計的博客獲得靈感的設計!

　　這是一個常見的錯誤來填補盡可能多的網頁與文本和圖形的面積可以。不要害怕留下空白區域和大利潤,稱為空白,在你的設計。它給出了設計一個更高質量的感覺,讓它更容易瀏覽。

<< 上一篇：網頁設計字號該如何選擇多少

>> 下一篇：鄭州網頁設計培訓哪家好呢

推薦資訊