網頁設計標注

1、網頁設計稿提交的時候需要標注嗎

需要的設計好稿件或者效果圖都是需要標注一些大小和一些顏色等相關信息的方便開發人員 進行開發

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

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

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

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

(2)網頁設計標注擴展資料：

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

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

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

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

3、UI設計網頁設計字體規范應該要注意什麼

可以參考常規字體的使用規范：

1、在每個項目設計中只使用1-2個字體樣式，而在品牌字有明確的規范的情況下，只需要一種字體貫穿全文，通過對字體放大來強調重點文案。字體用的太多，越顯得不夠專業。

2、不同的樣式的字體，形狀或系列最好相同，保證字體風格的一致性。

3、字體與背景的層次要分明,確保字體樣式與色調氣氛相匹配，等。

(3)網頁設計標注擴展資料：

網頁設計

1、需要根據消費者的需求、市場的狀況、企業自身的情況等進行綜合分析，從而建立起營銷模型。

2、以業務目標為中心進行功能策劃，製作出欄目結構關系圖。

3、以滿足用戶體驗設計為目標，使用axure rp或同類軟體進行頁面策劃，製作出交互用例。

4、以頁面精美化設計為目標，使用PS、AI等軟體，調整，使用更合理的顏色、字體、圖片、樣式進行頁面設計美化。

5、根據用戶反饋，進行頁面設計調整，以達到最優效果。

4、網頁設計中banner設計尺寸是多少

不同的環境下設置的尺寸都不一樣

1、800*600下，網頁寬度保持在778以內，就不會出現水平滾動條，高度則視版面和內容決定。

2、1024*768下，網頁寬度保持在1002以內，就不會出現水平滾動條，高度則視版面和內決定。

3、在ps裡面做網頁可以在800*600狀態下顯示全屏，頁面的下方又不會出現滑動條，尺寸為740*560左右。

4、1024*768 下網頁的尺寸:width=955,height=600                                             

800*600 下網頁的尺寸:width=760,height=420。

5、一般解析度在800*600的情況下，頁面的顯示尺寸為：780*428px，

解析度在640*480的情況下，頁面的顯示尺寸為:620*311px，

解析度在1024*768的情況下，頁面的顯示尺寸為：1007*600px。

(4)網頁設計標注擴展資料：

banner設計標准尺寸大全

Internet Advertising Bureau
(IAB，國際廣告局)的"標准和管理委員會"聯合Coalition for Advertising Supported Informatiln
and
Entertainment(CASIE，廣告支持信息和娛樂聯合會)聯合推出了一系列網路廣告宣傳物的標准尺寸。

這些尺寸作為建議，提供給廣告生產省和消費者，使大家都能接受。現在網站上的廣告幾乎都遵循IAC/CASIE標准。

1997年第一次標准公布

Num Size(pix) Name

1、468×60 全尺寸banner

2、392×72 全尺寸帶導航條banner

3、234×60 半尺寸banner

4、125×125 方形按鈕

5、120×90 按鈕＃1或小圖標

6、120×60 按鈕＃2或小圖標

7、88×31 小按鈕或banner

8、120×240 垂直banner

2001年第二次標准公布

Num Size(pix) Name

1、120×600 "摩天大樓"形

2、160×600 寬"摩天大樓"形

3、180×150 長方形

4、300×250 中級長方形

6、240×400 豎長方形

7、250×250 "正方形彈出式"廣告

IAB 將不再支持1997年第一次公布標准中的392×72形。

從banner自身的設計大小看

1、全尺寸banner橫幅設計為468*60px，半尺寸banner為234*60px，小banner為88*31px，另外120*90，120*60也是小圖標的標准尺寸。

2、頁面長度原則上不超過3屏，寬度不超過1屏。

3、每個非首頁靜態頁面含圖片位元組不超過60K，全尺寸banner不超過14K。

4、每個標准頁面為A4幅面大小，即8.5*11英寸。

參考資料來源：網路-網頁設計標准

5、PC端網頁設計基本規范有哪些

一 固定的內容：

 1.PS中設計解析度為：72像素/英尺(圖片質量的像素點) 

2. 顏色模式RGB 8位(顯示器的三原色紅，綠，藍為RGB)

不固定的內容：

 1.背景 a.純色背景平鋪(自適應瀏覽器) 

b.漸變色或底紋平鋪背景(自適應瀏覽器) 目前網頁設計中都會做通欄大圖，以方便吸引客戶，增加網站整體美觀

 c.通欄大圖

二.屏幕解析度 

標准解析度：1920px*1080px

主體設計內容寬度：1000px(常用寬度：960px，1170px，980px，1100px，1200px) 首屏高度大約在700px

常用解析度：1280px*768px 主體設計內容寬度：1200px(常用寬度：1190px，1170px，1100px，1200px) 首屏高約：750px

三.設計文檔大小 1.PS中新建文檔寬要大於主體設計內容的寬度(目的為了表現設計意圖，展示背景效果，左右寬度最少200px) 2.設計到通欄大圖片新建文檔的寬度：1920px，所有的設計文檔寬1920px主體內容根據具體情況而定(主體內容要是想要適應所有用戶必須低於1000px)

6、網頁設計有陰影的圖怎麼標注給前端

首先我是一名前端開發工程師，也做過設計：

你在切圖標的時候連陰影都切好

在你切完圖以後，你的在網頁上標注一下，專門給他發一個你標注過的網頁圖片，他會看的

7、web網頁界面如何給前端標注，切圖

公司團隊現在用的是摹客idoc，我們把設計稿上傳到摹客後，可以自動生成標注，前端可以直接查看，針對大多數工具存在的標注誤差的情況，摹客也支持手動進行修改；設計規范等信息，摹客也支持手動標注在設計稿上面。
切圖的話，我們是用摹客的PS插件先在設計稿裡面標記切圖然後上傳到idoc，前端小姐姐就可以去直接下載，同時還支持切圖壓縮和自定義切圖尺寸，還是比較方便的推薦使用。

8、一般做網頁設計背景尺寸定多大？

網頁的背景多大要看對網頁的要求的，
網頁設計標准尺寸:
1、800*600下，網頁寬度保持在778以內，就不會出現水平滾動條，高度則視版面和內容決定。
2、1024*768下，網頁寬度保持在1002以內，如果滿框顯示的話,高度是612-615之間.就不會出現水平滾動條和垂直滾動條。
3、在ps裡面做網頁可以在800*600狀態下顯示全屏，頁面的下方又不會出現滑動條，尺寸為740*560左右
4、在PS里做的圖到了網上就不一樣了，顏色等等方面，因為WEB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣，所以自然會有失色的現象.
頁面標准按800*600解析度製作，實際尺寸為778*434px
頁面長度原則上不超過3屏，寬度不超過1屏
每個標准頁面為A4幅面大小，即8.5X11英寸
全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px
另外120*90，120*60也是小圖標的標准尺寸
每個非首頁靜態頁面含圖片位元組不超過60K，全尺寸banner不超過14K

9、網頁UI設計稿里的標注是用什麼軟體標注的

在國外做項目的時候，同事都在用zeplin，使用體驗也是非常順暢的。國內的開發設計流程環境不同，zeplin反而水土不服，現在團隊主要在用摹客iDoc，除了基礎的標注切圖功能以外還有交互原型和需求文檔功能，能夠很好地應對目前的產品開發環境，整體使用體驗比不上國外已經成熟zeplin，但是還是算易用