AI網頁設計尺寸

1、如何用illustrator製作超過最大尺寸范圍的文件

在AI里做噴繪和寫真可以按原尺寸的10%來做，尺寸太大一是畫幅不夠，二是字型大小也可能跟不上，做好後選中畫面，不要選中所需畫面外的不需要的游離路徑，復制，在PS建一個72或者96解析度的要求尺寸，直接粘貼,勾選「智能對象」在上面的屬性欄里放大十倍，確定，保存為JPG。
在ai里直接導出，300解析度大圖比較困難，一般A3+(487MM*320MM)解析度300就很難導出來了，方法同上。
做噴繪，在AI里置入的圖片。任意等比例縮放，不影響
以後出圖所需的效果，只要在PS里粘貼的時候選中「智能對象」可以按所需縮放。

如果所需畫幅沒有超過AI的畫板，可以在10%尺寸下做好後把它放到AI新建的單獨文件里，「ctrl+shift+O」轉曲線再放大到所需尺寸（畢竟在PS里放大還是比較慢的的），以防文字字型大小跟不上，復制，切換到PS新建文件，選「剪貼板」設定解析度，PS自動建立跟剪貼內容一樣尺寸的文件，粘貼，文件會占滿畫布居中擺放，選「智能對象」或者「圖像」都行，保存為JPG，就可以發過去寫真，或噴繪。

2、AI中怎麼把圖像等比例擴大或縮小尺寸

AI中么把圖像等比例擴大或縮小尺寸步驟如下：

1、打開ai的軟體，執行菜單欄中文件—新建，或者直接使用快捷鍵Ctrl+N新建一個畫布。

2、選擇工具箱中的心形工具，將填充設置為紅色，描邊設置為無

3、然後滑鼠點擊拖動不放，上下方向鍵控制角度的多少，我們畫出一個的類似太陽的圖形，如下圖所示。選擇我們來講這個圖形縮小或者是放大。

4、選擇工具箱中的選擇工具，選中這個圖形，我們可以在四周看到一個方框，這個方框上每邊都有三個錨點。如下圖所示。

5、我們將滑鼠放到錨點上，我們可以看到一個兩個方向的箭頭，直接點擊向圖形移動就是縮小，遠離圖形就是放大。

ai中等比縮小放大圖片的步驟：

方法一

1、選擇工具箱中的選擇工具，在圖形上點擊一下，也就是選中圖形，使圖形四周出現一個方框，如下圖所示。

2、在有方框的前提下，我們將滑鼠放在錨點處，按住shift鍵不放，可以實現將圖形等比例縮小和放大。

方法二

1、選中工具箱中的選擇工具選中圖形，讓圖形四周出現方框，然後右鍵單擊圖形，找到變換—縮放，如下圖所示。

2、點擊縮放後，彈出一個比例縮放框，這時候我們可以看到，有兩種縮放，一種是等比縮放，一種是不等比縮放，我們選擇等比縮放，然後輸入數值，點擊確定。

3、尺寸4.9×2.3米 在ai上的尺寸應怎樣設置？

AI上如果是毫米。直接換算成毫米輸入就可以。

4、網頁設計中,最小的字型大小應該是多少

網頁設計中的字體一般設置成12px，如果網頁的東西相對比較少，也可以設置成14px,關於導航和其他的一般是用ps處理出好的效果，如果是文本一般為14以上並且帶加粗。

字體沒有特別規定但是有常規的用法：

常規文字 12px；標題，頁頭 14px、16px；大標題，橫幅等 18px。

(4)AI網頁設計尺寸擴展資料：

網頁設計，是根據企業希望向瀏覽者傳遞的信息(包括產品、服務、理念、文化)，進行網站功能策劃，然後進行的頁面設計美化工作。作為企業對外宣傳物料的其中一種，精美的網頁設計，對於提升企業的互聯網品牌形象至關重要。

網頁設計一般分為三種大類:功能型網頁設計(服務網站&B/S軟體用戶端)、形象型網頁設計(品牌形象站)、信息型網頁設計(門戶站)。設計網頁的目的不同，應選擇不同的網頁策劃與設計方案。

網頁設計的工作目標，是通過使用更合理的顏色、字體、圖片、樣式進行頁面設計美化，在功能限定的情況下，盡可能給予用戶完美的視覺體驗。高級的網頁設計甚至會考慮到通過聲光、交互等來實現更好的視聽感受。

網頁設計主要以Adobe產品為主，常見的工具包括FW、PS、FL、DW、CDR、AI等，其中DW是代碼工具，其他是圖形圖像和FL動畫工具。還有最近幾年Adobe新出的EdgeReflow、EdgeCode、Muse。

5、為什麼網頁中的圖標常用16px，24px，32px 這些尺寸

提到圖標設計，似乎每個設計師都有話說，但是要做好圖標設計真的那麼容易么?今天這篇文章針對網頁設計領域的圖標設計進行了相對全面的梳理，從設計技巧到設計資源一應俱全，但願能幫上你! 圖標是每一個現代UI中不可或缺的組成部分，它們不僅能協助UI布局組織內容，而且輕量級的圖標融入界面也不會喧賓奪主。不僅手機和平板的APP UI中會大量用到各種圖標，而且iPod和智能手錶的界面中也是如此，這正是因為圖標具備快速直觀傳達信息的能力。 在網頁設計剛剛興起的時代，小圖標就已經被早期的網頁設計師和開發者投入使用了。這些圖案和標識通常是常見的、易於接受的、功能型的圖形(文件夾、列印機、滑鼠、箭頭等)，在隨後的20多年間，這些圖標逐漸發展成約定俗成的一套圖形語言。在接下來的設計指南中，我想分享一些網頁設計中圖標使用的技巧，以及一些實用的免費圖標素材合集，希望你能喜歡! 圖標設計樣式 我們通常所說的“圖標設計”其實覆蓋了相當大的一個范圍。小到網頁中那些純色扁平小標識，大到PS和AI精雕細琢的擬物風APP圖標，都在圖標設計的范疇內。每個圖標設計項目都有著不同的設計需求和圖標風格，這些不同造就了圖標設計的差異化。 目前所流行的極簡風和扁平化設計，已經在全世界設計師中擁有了無數的擁簇。而之前一直不溫不火的線性圖標也已經成為了目前iOS系統的首選圖標，其他的移動操作系統也正在逐步跟進。從風格上來說，圖標並無對錯之分，只能說是各自選擇和偏向不一樣罷了。 在我看來，扁平化設計和擬物化設計之間的競爭對比，對於網頁設計而言是一件無比美妙的事情。這也對圖標設計產生了影響，許多藝術領域的概念被引入到圖標設計中來，比如光影變化，深度，等等。作為設計師的你如果更傾向於扁平化設計，那麼你需要學習創建紋理，控制陰影，讓你的設計看起來富有真實感。為此你需要進行大量的練習，但是這絕對是值得的。 企業品牌設計 雖然品牌設計看起來是顯而易見的事情，但是它依然值得一提，因為那些優秀的網站通常有著優秀得令人難以置信的品牌設計。一個優秀的圖標能向用戶傳達出品牌的理念和情感。當你為一個企業或者網站進行品牌設計的時候，品牌的圖標、吉祥物或者符號應該讓品牌和它的用戶之間形成獨特的情感聯系。 當然，你也可以為品牌設計一系列不同的圖標，每個圖標包含不同的效果，傳達不同的理念。圖標設計的可能性是如此之多，你甚至可以設計出以個圖標大合集，讓所有不同的圖標擁有相同的風格。由於每個圖標都是獨特的存在，但是風格又如此一致，當它們運用到網頁中的時候，可以讓整個網頁擁有獨特的氣質，足以從諸多設計中脫穎而出。 MailBakery 就是這樣一個典型的案例，它使用了個大圖來宣傳它們的服務。當游標移動到下方每一個圖標上的時候，上方的大圖內容會被替換成相應的圖片內容，這樣的圖標+圖片的組合在設計上保持著高度的一致性。 這些圖標所對應的圖片可以說是專門為網站定製的，但是這些圖標卻是某個免費圖標集的一部分。你可以在幾十個不同的網站上看到這些相同的圖標，也就是說，這些圖標作為潛在品牌設計的獨特性，已經被忽略掉了，他們其實可以做的更好。 也正是因此，我常常建議有報復的圖標設計師去學習為界面單獨定製成套的圖標集。對培養品牌、客戶以及項目而言，這都是更為長遠更有價值的事情。 導航鏈接 在過去，網頁上的圖標常常用作內容導航，也就是說，圖標的內容和含義，同圖標所指向的頁面內容/性質高度相關或者一致。今天，Facebook上的導航也遵循著同樣的原則。 雖然你不會一直遵循這樣的設計方式，但是有必要且值得了解它。下拉菜單鏈接通常非常實用，因為用戶會主動去了解每一個菜單的名稱。但是如果在橫向或者縱向上有十幾個導航鏈接的話，通過圖標來識別是比較可靠的方案。 視覺內容識別 在網頁設計中使用業內圖標最主要的原因是用來區分內容。圖標可以從視覺上更清晰地傳達信息，能夠平衡包含大量文本的布局，所以，如何通過一個簡單的圖標來准確傳達信息是設計師的必修課。 我最喜歡的案例就是GitHub的教學頁面。頁頭使用Github的吉祥物和粉筆黑板營造出教育的氛圍，當你向下滾動的時候，每個板塊都有單獨對應的圖標，為你說明這以塊是幹啥的。 值得注意的是，每個圖標都使用的是手繪的效果，雖然色彩不同，但是整體風格高度一致，明顯是統一設計的一整套圖標。更重要的是，每一個圖標都明確直觀地描述了它所在區塊的內容。文字內容足以描述清楚細節，但是圖標能高度概括地闡明信息。 你可以在 Glazed & Infused 的首頁看到類似的設計效果。文字小區塊詳細地描述了他們的服務、咖啡和禮品卡的信息，而頂部的手繪圖標則從視覺上闡明了內容的性質，更重要的是，這三個圖標迅速地抓住了用戶的眼球。 矢量背景 從重復平鋪背景到矢量對象，你可以用矢量圖形做很多事情。對網站背景的處理方式，已經遠不止於平鋪紋理那麼單一了。通過矢量圖形來創建覆蓋整個背景的場景已經很容易了。 矢量圖形可以很輕松地縮放，但是很難創造出逼真的效果。想製作出復雜樣式的矢量圖形並不容易，你需要通過大量的練習來熟悉在圖形上構建圖形的技巧，不過一旦學會還是蠻有趣的。在這里我們推薦一個好用的工具：Bota Iusti。 設計教程 跟蹤學習在線的設計教程是提高圖標設計技能的重要方式。想要精通設計技能沒有捷徑，唯有不斷學習，堅持練習。 雖然圖標設計是一個廣泛的領域，但是許多教程是可以舉一反三的，接下來提供的一系列教程非常實用，希望你能通過學習融入日常的設計中去。 16×16 px Icons Weather Line Icons Flat Social Icon Tab Bar Icons Bat Icon Gem Icons Water Pistol Mail Alert Notebook Almost Flat 免費圖標 40 Flat Icons Mini Icons Colorful Iconset Simple Flat Sport & Fitness Chat & Email Atitel Icons Tab Bar Icons Simple Lines Flatified Web Design Iconset iOS Settings Icon Colorful Switch Synthesizer Book App Icon

6、AI和PS哪個做網頁好？AI做的話一般尺寸是多大呢？

哪個更適合做網頁完全取決於你對哪個軟體的熟練度更高，就現在的市場份額來看，用photoshop做網頁的很多，AI現在主要適合做圖標，UI設計。

AI做的網頁的尺寸是：寬度不超過1280px； 高度根據網頁高度自定義。

7、一般網頁的尺寸是多大？

.indexCt{ width:985px; margin:0 auto;}
中間的部分寬度985PX，背景圖片應該是設置100%寬度。
以前根據1024寬度的時候一般設置為1003左右，現在寬屏多了也可以設置為更寬的寬度。

8、網頁頁面的標准大小是多少厘米啊，別人說要用像素表示，但是我用coreldraw做的平面的圖需要知道

工欲善其事 必先利其器
coreldraw做的平面印刷排版的，做網頁設計不是他的強項，並且他的色彩空間主要是針對印刷的，你用來做網頁，色偏，色淡。不適合網頁。
photoshop做圖像，切圖，轉網頁很方便，最方便的還是firework，專門網頁設計軟體，對網頁設計有很強的支持。
網頁製作都是以像素為單位的。

要想做的專業，就要用對專業的軟體，你用coreldraw做，反而會做的四不像。

並且既然會用coreldraw，其他的圖形圖像軟體應該是觸類旁通的，很容易上手。
我最初是用firework作，後來用ps做效果圖，用firework切圖，現在用coreldraw做logo矢量元素，然後導出AI文件，到之前的軟體做網頁。所以建議你如果要做就多學一兩個軟體。

9、AI設計網頁頁面的時候設定寬多少？ 是px還是pt？px和pt有固定換算公式么？——來自新人小白的提問

pt (point，磅)：是一個物理長度單位，指的是72分之一英寸。
px (pixel，像素)：是一個虛擬長度單位，是計算機系統的數字化圖像長度單位，如果px要換算成物理長度，需要指定精度DPI(Dots Per Inch，每英寸像素數)，在掃描列印時一般都有DPI可選。Windows系統默認是96dpi，Apple系統默認是72dpi。
em(相對長度單位，相對於當前對象內文本的字體尺寸)：是一個相對長度單位，最初是指字母M的寬度，故名em。現指的是字元寬度的倍數，用法類似百分比，如：0.8em, 1.2em,2em等。通常1em=16px。
字型大小：是中文字型檔中特有的一種單位，以中文代號表示特定的磅值pt，便於記憶、表述。
pt和px的換算公式可以根據pt的定義得出:
你設計網頁，用 px就可以了，但一般習慣上字體大小還是用pt

10、如何用AI來製作高大上的網頁設計

做網頁設計用ps就可以了，ps是圖像處理工具，AI是圖形處理工具，主要是畫矢量圖的，網頁設計想做特效什麼的AI並不是一個好的選擇，建議ps。