網(wǎng)頁美工設(shè)計(jì)

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

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

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

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

　　2下載一個(gè)AdobeIllustrator的網(wǎng)格模板。每一個(gè)優(yōu)秀的網(wǎng)站開始于一個(gè)網(wǎng)格,來幫助組織內(nèi)容和網(wǎng)站視覺上賞心悅目。一個(gè)網(wǎng)站的標(biāo)準(zhǔn)寬度是960像素,因?yàn)樗羌嫒莸钠聊环直媛?所以找到一個(gè)960像素寬。在Illustrator打開模板。

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

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

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

　　提示和警告

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

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

<< 上一篇：網(wǎng)頁設(shè)計(jì)字號(hào)該如何選擇多少

>> 下一篇：鄭州網(wǎng)頁設(shè)計(jì)培訓(xùn)哪家好呢

推薦資訊