網(wǎng)頁(yè)美工設計

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

編輯：時(shí)間：2014-11-03 10:42:51

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

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

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

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

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

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

　　提示和警告

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

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

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

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

推薦資訊