如何用Illustrator設計一個(gè)網(wǎng)頁(yè)
每個(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è)設計培訓哪家好呢 |
- 2015-03-10年后跳槽選哪行 學(xué)室內設計掙高薪
- 2015-03-02圖標UI設計的設計技法要點(diǎn)
- 2015-02-26鄭州Rhino珠寶設計培訓課程
- 2015-02-25動(dòng)漫設計制作專(zhuān)業(yè)畢業(yè)后可以從事哪些工作
- 2015-02-12學(xué)室內設計為什么選擇鄭州清新教育
- 2015-02-09鄭州游戲動(dòng)漫設計培訓班哪里有
- 2015-02-07鄭州珠寶設計JewelCAD培訓課程
- 2015-02-06美國室內設計行業(yè)就業(yè)前景非常樂(lè )觀(guān)
- 2015-02-01室內設計師資格證用處大不大呢
- 2015-01-30學(xué)習平面設計需要多久學(xué)完呢
- 2015-01-26平面設計主要學(xué)習什么內容
- 2015-01-19鄭州網(wǎng)頁(yè)美工培訓速成班哪里有
- 2015-01-12鄭州ps平面設計培訓班哪里有
- 2015-01-07鄭州商業(yè)廣告設計培訓班哪里有
- 2015-01-05鄭州AI軟件平面設計培訓班哪里有
- 1 室內設計培訓課程 人咨詢(xún)中 19
- 2 平面設計培訓課程 人咨詢(xún)中 18
- 3 網(wǎng)頁(yè)設計培訓課程 人咨詢(xún)中 18
- 4 淘寶開(kāi)店培訓課程 人咨詢(xún)中 15
- 5 動(dòng)漫設計培訓課程 人咨詢(xún)中 12
- 6 淘寶美工培訓課程 人咨詢(xún)中 17
- 7 電腦辦公培訓課程 人咨詢(xún)中 15
- 8 網(wǎng)絡(luò )營(yíng)銷(xiāo)培訓課程 人咨詢(xún)中 13
- 9 模具設計培訓課程 人咨詢(xún)中 10
- 10 網(wǎng)站開(kāi)發(fā)培訓課程 人咨詢(xún)中 16