網(wǎng)頁美工設計

如何用Illustrator設計一個網(wǎng)頁

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

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

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

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

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

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

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

　　提示和警告

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

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

<< 上一篇：網(wǎng)頁設計字號該如何選擇多少

>> 下一篇：鄭州網(wǎng)頁設計培訓哪家好呢

推薦資訊