1、設計網頁字體有什麼要求?
一、字體的使用。 網頁字體的使用一般選擇宋體等比較常用的字體。不要出現生僻字體,防止用戶因沒安裝對應字體造成顯示錯誤。在網頁中Arial就是一種字體的名稱,默認的瀏覽器定義的標准字體是中文宋體和英文times new Roma字體。如果你沒有設置任何字體,網頁將以這兩種標准字體顯示。同時,這兩種字體也可以在任何操作系統和瀏覽器里正確顯示。 windows另外自帶了40多種英文字體和5種中文字體。這些字體,你也可以在網頁里自由使用和設置。凡是使用windows操作系統的瀏覽器都可以正確顯示這些字體,但在其它操作系統里,如unix則不能完全正確顯示。網頁字體的樣式一共有四種:正常體(regular),斜體(Italic),粗體(Bold),粗斜體(Bold Italic)。[網頁設計要求-2page]
二、字體的大小設置。 網頁中字體大小不要亂設置,最好以系統默認為宜,一般是12PT,現在網路上最流行的小中文字體大小為9pt。 CSS2規范根據長度、水平和垂直尺寸來定義字體。這個長度為一個數值,前面可能帶一個可選的加( )或減(-)標記符。另外,該數值後可能有一個可選的單位標識符。另外,CSS2規范定義了兩個單位類型:絕對單位和相對單位。絕對值指定單位,而相對單位指定一個與另一個值成比例的值。下面的列表列出了相對單位標識符: em:元素字體的高度。它與使用該字體的元素的字體大小屬性計算值相等。當它出現在字體大小屬性值本身中時,會出現異常,這時它指母元素的字體大小。 ex(x-高度):CSS2規范將它描述為小寫字母x的高度。 px(像素):它與背景或屏幕的解析度有關。根據顯示器解析度輸出不同像素,由於用戶的喜好不同,顯示器的解析度可能會有很大差異。
三、特殊字體或藝術字體的設置。 如果你需要用一種特殊的字體來體現你的風格,那麼特殊字體或藝術字體最好以圖片的方式置入網頁。需要用這種字體的地方用圖片代替,以保證所有人看到的頁面是同一效果。
2、關於網頁設計尺寸和字型大小大小
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瀏覽器(或內核)。這意味這中國網站的字體大小可以被認為不可調。
(2)網頁設計字型大小要求擴展資料:
網頁構成
文字與圖片是構成一個網頁的兩個最基本的元素。你可以簡單地理解為:文字,就是網頁的內容。圖片,就是網頁的美觀。除此之外,網頁的元素還包括動畫、音樂、程序等等。
在網頁上點擊滑鼠右鍵,選擇菜單中的 「查看源文件」 ,就可以通過記事本看到網頁的實際內容。可以看到網頁實際上只是一個純文本文件。
它通過各式各樣的標記對頁面上的文字、圖片、表格、聲音等元素進行描述(例如字體、顏色、大小),而瀏覽器則對這些標記進行解釋並生成頁面,於是就得到你現在所看到的畫面。
為什麼在源文件看不到任何圖片? 網頁文件中存放的只是圖片的鏈接位置,而圖片文件與網頁文件是互相獨立存放的,甚至可以不在同一台計算機上。
網頁通常有以下元素:
文字資料圖像檔案Applet(在頁面內執行的副程式)超鏈結網頁的合成體為網站,一個網站的開始點為首頁。
3、製作網頁,一般字體設置為多大,行距為多少。
字體大小可以用不同的方式計算,如點或像素,由於基於像素的列印需要轉換為磅,因此建議使用磅。
1、網頁文本顯示最合適的字體大小約為12個磅。現在許多綜合性網站通常使用9磅字體大小,因為頁面中有許多內容需要排列,大字體可用於標題或其他需要強調的地方,小字體可用於頁腳和輔助信息。需要注意的是,小尺寸容易產生整體感和精緻感,但可讀性差。
2、行距的變化也會對文本的可讀性產生很大的影響。行距設置接近字體大小的權重更適合文本。行距的固定比例為10:12,即文字10磅,行距12磅。這主要是出於以下考慮:適當的行距會形成明顯的水平白帶引導觀眾的視線,過寬的行距會使一行文字失去良好的連續性。
(3)網頁設計字型大小要求擴展資料:
網頁製作流程
1、引策劃
網站的整體定位、功能規劃、應用分析、流程設計和內容架構組織。
2、前台
網站頁面的設計製作,包括版式規劃、色彩應用、版面設計、切片輸出、頁面整合、動畫和多媒體設計、交互環節設計和頁面代碼編寫等。
3、後台
程序設計、數據操作、功能實現、管理界面和管理功能設計等,側重界面設計的,應在圖形設計和視覺創意上多下功夫,做頁面代碼和後台程序則要多熟悉web標准、標記語言、內嵌語言、腳本語言、資料庫等內容。
參考資料來源:網路-網頁製作
4、響應式網頁 界面設計 多大字型大小
響應式的網頁設計,除了布局的變化以外,還有字型大小的改變。通常使用@media。比如:
h1 {
font-size: 48px;
}
@media (max-width: 767px){
h1 {
font-size: 36px;
}
}
以上的CSS可以讓網頁在設備屏幕尺寸小於768px的時候,讓h1的字型大小從原始的48px變為36px。在實際的應用中,尤其是h1、h2、h3等等這樣的大標題的字型大小設置,其實還是有一點點的瑕疵。因為可能需要額外多設定幾個@media的寬度。
屏幕寬度從1280px、1024px、768px、640px、480px,直到320px,跨度非常大,為了保持比較完美的顯示,通常會用Screen Size之類的瀏覽器插件,來顯示不同寬度下布局的顯示狀況。h1 標簽內,因為字型大小大,字數也或多或少,為保險起見,有時會為每一種屏幕寬度都定製一個合適的字型大小,這樣稍顯麻煩。
有一種解決的方案,用Viewport的方法。
%vw = %viewport width
我們用%vw來定義字型大小,也就是說用屏幕寬度的百分比來定義字型大小的大小。例如:
h1 {
font-size: 2.5vw;
}
這樣一來,無論屏幕寬度如何變化,h1的字型大小會保持在Viewport寬度的2.5%的大小。
5、網頁設計的基本要素是什麼?一般網頁的尺寸,字體等方面的要求是多少?
網站設計基本要素有九項:整體布局,有價值的信息,速度,圖形和版面設計,文字的可讀性,網頁標題的可讀性,網站導航,保護個人信息聲明,詞語准確.
參考資料:http://www.obpo.com/Obpobbs/
一般網頁的尺寸:800*600相素的設置為寬760
1024*768的寬為1000
如要做一個全屏的引導頁 ,是1000*600剛好能全屏,但是普通的頁面寬最好是760 這樣兩種解析度的都不會出現橫向的滾動條了
字體看個人所好了
6、網頁設計中,font 如何 精確 字體大小?
你好!你現在的size是html中的字體尺寸,這種不適合在頁面中作設置,這樣會影響整體字體大小的效果。你是好的方法就是要用CSS來做字體大小,這樣會很精確地做到。通常情況下,字體大小都是像素px為單位,用CSS來做設置的話,那如下例所示:
字體設置成為宋體12像素字體:.px12{font-family:宋體; font-size:12px}
那如何調用:<font class="px12">這是設置宋體12像素字體效果</font>
直接寫入頁面也是同樣達到效果,方法為:<font style="font-family:宋體; font-size:12px"></font>
那樣你字體大小就可以很好地精確起來,就不會一下子這么大這么難看了,你可以試一下。
希望我的回答能令你滿意!
7、網頁設計中一般用什麼字體?
用默認的比較多,微軟雅黑也不錯
8、網頁設計中公司網站一般用什麼字體什麼字型大小
正常的內容文字使用宋體12號即可,無需效果
網站名,logo採用最大的字體,黑體,筆跡清晰即可。
文章標題採用大於14號比內容略大。
版權,底部,次要文字採用10號左右淺色。
9、UI設計網頁設計字體規范應該要注意什麼
可以參考常規字體的使用規范:
1、在每個項目設計中只使用1-2個字體樣式,而在品牌字有明確的規范的情況下,只需要一種字體貫穿全文,通過對字體放大來強調重點文案。字體用的太多,越顯得不夠專業。
2、不同的樣式的字體,形狀或系列最好相同,保證字體風格的一致性。
3、字體與背景的層次要分明,確保字體樣式與色調氣氛相匹配,等。
(9)網頁設計字型大小要求擴展資料:
網頁設計
1、需要根據消費者的需求、市場的狀況、企業自身的情況等進行綜合分析,從而建立起營銷模型。
2、以業務目標為中心進行功能策劃,製作出欄目結構關系圖。
3、以滿足用戶體驗設計為目標,使用axure rp或同類軟體進行頁面策劃,製作出交互用例。
4、以頁面精美化設計為目標,使用PS、AI等軟體,調整,使用更合理的顏色、字體、圖片、樣式進行頁面設計美化。
5、根據用戶反饋,進行頁面設計調整,以達到最優效果。