導航:首頁 > 萬維百科 > 網頁設計字體大小規范

網頁設計字體大小規范

發布時間:2020-07-25 18:26:38

1、網頁導航欄的字體大小有沒有要求,一般是幾號字

網頁導航上的字型大小一般是12號。 導航欄字體:一般在14px-18px區間,最大不超過18px,禁用加粗。

正文:

12px-18px之間;

12px是應用於網頁的最小字體,適用於非突出性的日期,版權等注釋性內容。

14px 則適用於非突出性的普通正文內容。

英文可偏小些 :10px-16px。

整站文字:12px-36px區間。

(1)網頁設計字體大小規范擴展資料

網站的字體大小並沒有硬性規定具體的字型大小,根據實際情況可以酌情考慮,但是要使用偶數字型大小。

1、字體規格也不需要太多,最多使用三種混搭,當一個頁面中使用的字體超過 3 種時,會給用戶帶來「不專業」、「沒有權威性」、「沒有層次結構」之類的感覺。

2、層次的區別,可以改變字體顏色或加粗來體現。

3、字體優先使用各操作系統默認的字體。字體選擇有版權、筆畫嚴謹、清晰可讀、經典。

字體間距

相鄰兩個文字的間距,其實不需要太過介意,除了特殊的需求之外,都可以使用默認數值的間距。

行間距,推薦以 字體大小的1.5-2倍 作為參考;

段間距,推薦以 字體大小的2-2.5倍 作為參考。

即,當用14px 的字體時,行間距:21px-28px;段間距:28px-35px。

2、網頁設計 中文一般用的字體大小,一般怎麼設置font-family。 怎麼用fireworks獲取圖中文字的字體和大小?

一般中文的字體大小是12px或者14px。操作方法如下:

1、打開webstorm軟體,在HTML文件中創建h1到h6六個標簽,分別font-style設置字體風格,italic斜體,normal正常,oblique傾斜,inherit指繼承格式,revert還原字體風格。

2、<br />文本換行顯示,在使用p標簽寫段落文字的時候,在網頁中設置換行但是在實際顯示的時候還是不會有換行的格式顯示,需要在文字中間加上<br />符號,設置換行。

3、設置字體的粗細的情況,根據使用font-weight然後選擇字體粗細,bold粗體,bolder稍粗,如圖所示,可以根據需要設置不同的字體粗細。

4、使用font-size設置字體大小,在css文件上輸入font-size之後系統會自動顯示可以選擇的大小,large,larger等等,也可以直接輸入數字來定義字體的大小。

5、最後運行,如下圖所示,就完成了。

3、網頁設計標准字體大小為多少毫米?電腦顯示器,包括手機的,最好還有畫布畫板的尺寸 懂得給分

一般中文的字體大小是12px或者14px。隨著顯示器解析度不斷提高,12px的文字在大於1440*900的顯示器里看起來會顯得比較小,閱讀起來不是很容易,所以現在網頁設計裡面用12px的已經比較少了,特別是文章正文部分,普遍都會用14px。13px的字體在IE6下面會有一點點顯示上的bug,所以現在用得也不太多,不過隨著IE6慢慢被淘汰,這個問題也不再是一個問題了。而對於標題欄的文字大小,沒有特別的限制,視覺上感覺舒服就行。
字體大小代碼:font-size:14px(字體大小14像素)
對於font-family,一般來說14px及以下大小的文字,應當設置為宋體,當然也可以設置為微軟雅黑。不過在XP下默認是沒有雅黑字體的,所以在css裡面可以這樣設置字體:
font-family:"Microsoft Yahei",simSun,Arial;
把幾個字體用逗號隔開,如果系統沒有第一種字體,就用第二種,如果沒有第二種就用第三種,以此類推。

4、關於網頁設計尺寸和字型大小大小

html頁面中的文字大小在用戶瀏覽器下默認渲染是「16px",也沒有強行規定一定要用多大的,這個要看設計圖來定。

CSS上可以用"em"來替代「px」,em是一個相對的大小,我們可以這樣來設置1em,0.5em,1.5em等,而且「em」還可以指定到小數點後三位,比如「1.365em」。

為什麼要用em,而不用px的關鍵點:

1. IE無法調整那些使用px作為單位的字體大小;

2. 國外的大部分網站能夠調整的原因在於其使用了em作為字體單位;3. Firefox能夠調整px和em,但是96%以上的中國網民使用IE瀏覽器(或內核)。這意味這中國網站的字體大小可以被認為不可調。

(4)網頁設計字體大小規范擴展資料:

網頁構成

文字與圖片是構成一個網頁的兩個最基本的元素。你可以簡單地理解為:文字,就是網頁的內容。圖片,就是網頁的美觀。除此之外,網頁的元素還包括動畫、音樂、程序等等。

在網頁上點擊滑鼠右鍵,選擇菜單中的 「查看源文件」 ,就可以通過記事本看到網頁的實際內容。可以看到網頁實際上只是一個純文本文件。

它通過各式各樣的標記對頁面上的文字、圖片、表格、聲音等元素進行描述(例如字體、顏色、大小),而瀏覽器則對這些標記進行解釋並生成頁面,於是就得到你現在所看到的畫面。 

為什麼在源文件看不到任何圖片? 網頁文件中存放的只是圖片的鏈接位置,而圖片文件與網頁文件是互相獨立存放的,甚至可以不在同一台計算機上。

網頁通常有以下元素:

文字資料圖像檔案Applet(在頁面內執行的副程式)超鏈結網頁的合成體為網站,一個網站的開始點為首頁。

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

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

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

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

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

(5)網頁設計字體大小規范擴展資料:

網頁設計

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

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

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

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

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

6、網頁設計有什麼規范,我是做平面設計的,想知道字體的選擇,網頁設計的尺寸(最好是毫米不是像素)

你好,平面設計是可以配合網頁設計的。做網頁的,一般都是參照設計圖來做的。

關於網頁涉及的尺寸我就簡單說一下,現在最普遍的屏幕解析度是1920*1080,所以,圖片寬度可以設計1920px大小,但為了適用小一點的屏幕,網頁編程會寫出合適的代碼。

7、網頁設計中,font如何精確字體大小?

一般中文的字體大小是12px或者14px。隨著顯示器解析度不斷提高,12px的文字在大於1440*900的顯示器里看起來會顯得比較小,閱讀起來不是很容易,所以現在網頁設計裡面用12px的已經比較少了,特別是文章正文部分,普遍都會用14px。13px的字體在IE6下面會有一點點顯示上的bug,所以現在用得也不太多,不過隨著IE6慢慢被淘汰,這個問題也不再是一個問題了。而對於標題欄的文字大小,沒有特別的限制,視覺上感覺舒服就行。字體大小代碼:font-size:14px(字體大小14像素)。

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

標准網頁廣告尺寸規格

一、120*120,這種廣告規格適用於產品或新聞照片展示。

二、120*60,這種廣告規格主要用於做LOGO使用。

三、120*90,主要應用於產品演示或大型LOGO。

四、125*125,這種規格適於表現照片效果的圖像廣告。

五、234*60,這種規格適用於框架或左右形式主頁的廣告鏈接。

六、392*72,主要用於有較多圖片展示的廣告條,用於頁眉或頁腳。

七、468*60,應用最為廣泛的廣告條尺寸,用於頁眉或頁腳。

八、88*31,主要用於網頁鏈接,或網站小型LOGO。

9、製作網頁,一般字體設置為多大,行距為多少。

字體大小可以用不同的方式計算,如點或像素,由於基於像素的列印需要轉換為磅,因此建議使用磅。

1、網頁文本顯示最合適的字體大小約為12個磅。現在許多綜合性網站通常使用9磅字體大小,因為頁面中有許多內容需要排列,大字體可用於標題或其他需要強調的地方,小字體可用於頁腳和輔助信息。需要注意的是,小尺寸容易產生整體感和精緻感,但可讀性差。

2、行距的變化也會對文本的可讀性產生很大的影響。行距設置接近字體大小的權重更適合文本。行距的固定比例為10:12,即文字10磅,行距12磅。這主要是出於以下考慮:適當的行距會形成明顯的水平白帶引導觀眾的視線,過寬的行距會使一行文字失去良好的連續性。

(9)網頁設計字體大小規范擴展資料:

網頁製作流程

1、引策劃

網站的整體定位、功能規劃、應用分析、流程設計和內容架構組織。

2、前台

網站頁面的設計製作,包括版式規劃、色彩應用、版面設計、切片輸出、頁面整合、動畫和多媒體設計、交互環節設計和頁面代碼編寫等。

3、後台

程序設計、數據操作、功能實現、管理界面和管理功能設計等,側重界面設計的,應在圖形設計和視覺創意上多下功夫,做頁面代碼和後台程序則要多熟悉web標准、標記語言、內嵌語言、腳本語言、資料庫等內容。

參考資料來源:網路-網頁製作

與網頁設計字體大小規范相關的知識