① 關於網頁設計尺寸和字型大小大小
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瀏覽器(或內核)。這意味這中國網站的字體大小可以被認為不可調。
(1)web設計字像素擴展閱讀:
網頁構成
文字與圖片是構成一個網頁的兩個最基本的元素。你可以簡單地理解為:文字,就是網頁的內容。圖片,就是網頁的美觀。除此之外,網頁的元素還包括動畫、音樂、程序等等。
在網頁上點擊滑鼠右鍵,選擇菜單中的 「查看源文件」 ,就可以通過記事本看到網頁的實際內容。可以看到網頁實際上只是一個純文本文件。
它通過各式各樣的標記對頁面上的文字、圖片、表格、聲音等元素進行描述(例如字體、顏色、大小),而瀏覽器則對這些標記進行解釋並生成頁面,於是就得到你現在所看到的畫面。
為什麼在源文件看不到任何圖片? 網頁文件中存放的只是圖片的鏈接位置,而圖片文件與網頁文件是互相獨立存放的,甚至可以不在同一台計算機上。
網頁通常有以下元素:
文字資料圖像檔案Applet(在頁面內執行的副程式)超鏈結網頁的合成體為網站,一個網站的開始點為首頁。
② 相比px而言,在響應式web設計中,em有何優勢
PX:
PX實際上就是像素,用PX設置字體大小時,比較穩定和精確。但是這種方法存在一個問題,當用戶在瀏覽器中瀏覽我們製作的Web頁面時,如果改變了瀏覽器的縮放,這時會使用我們的Web頁面布局被打破。這樣對於那些關心自己網站可用性的用戶來說,就是一個大問題了。因此,這時就提出了使用「em」來定義Web頁面的字體。
EM:
EM就是根據基準來縮放字體的大小。EM實質是一個相對值,而非具體的數值。這種技術需要一個參考點,一般都是以<body>的「font-size」為基準。如TOPVE唯藝互動的基準就是16px=1em。
em有如下特點:
1. em的值並不是固定的;
2. em會繼承父級元素的字體大小。
另外,em是相對於父元素的屬性而計算的,如果想計算px和em之間的換算
1、任意瀏覽器的默認字體大小都是16px。
2、所有未經調整的瀏覽器都符合: 1em=16px 12px=0.75em 10px=0.625em
3、為了簡化font-size的換算,在body選擇器中聲明font-size:62.5%,這就使em值變為
12px=1.2em, 10px=1em, 也就是說只需要將你的原來的px數值除以10,然後換上em作為單位就行了。
以上就是TOPVE唯藝互動對於響應式網站設計中PX與EM優缺點的總結和整理。如果您還對此有疑問,可以到他們網站看看他們是怎麼使用EM和PX來進行網站設計的。
③ 製作網頁,一般字體設置為多大,行距為多少。
字體大小可以用不同的方式計算,如點或像素,由於基於像素的列印需要轉換為磅,因此建議使用磅。
1、網頁文本顯示最合適的字體大小約為12個磅。現在許多綜合性網站通常使用9磅字體大小,因為頁面中有許多內容需要排列,大字體可用於標題或其他需要強調的地方,小字體可用於頁腳和輔助信息。需要注意的是,小尺寸容易產生整體感和精緻感,但可讀性差。
2、行距的變化也會對文本的可讀性產生很大的影響。行距設置接近字體大小的權重更適合文本。行距的固定比例為10:12,即文字10磅,行距12磅。這主要是出於以下考慮:適當的行距會形成明顯的水平白帶引導觀眾的視線,過寬的行距會使一行文字失去良好的連續性。
(3)web設計字像素擴展閱讀:
網頁製作流程
1、引策劃
網站的整體定位、功能規劃、應用分析、流程設計和內容架構組織。
2、前台
網站頁面的設計製作,包括版式規劃、色彩應用、版面設計、切片輸出、頁面整合、動畫和多媒體設計、交互環節設計和頁面代碼編寫等。
3、後台
程序設計、數據操作、功能實現、管理界面和管理功能設計等,側重界面設計的,應在圖形設計和視覺創意上多下功夫,做頁面代碼和後台程序則要多熟悉web標准、標記語言、內嵌語言、腳本語言、資料庫等內容。
參考資料來源:網路-網頁製作
④ 網頁設計 中文一般用的字體大小,一般怎麼設置font-family。 怎麼用fireworks獲取圖中文字的字體和大小
一般中文的字體大小是12px或者14px。操作方法如下:
1、打開webstorm軟體,在HTML文件中創建h1到h6六個標簽,分別font-style設置字體風格,italic斜體,normal正常,oblique傾斜,inherit指繼承格式,revert還原字體風格。
⑤ 像素和字型大小、字體的關系
像素與字型大小、字體是沒有直接關系的,像素是關系圖像大小的,而字型大小和字體是排版中為了適合用戶觀看的。
需要將一行比較長的文本在一個比較窄的地方顯示的話跟像素沒有關系,可以嘗試改變字距、行距和文字寬高比例。
⑥ 網頁設計---解析度是多少
960px 基本上是目前比較主流的頁面寬度——它可以讓1024x768解析度在最大化瀏覽器窗口的時候盡可能地使用寬度而不出現橫向滾動條。而且在桌面解析度逐步從1024x768過渡至更高解析度的時候 iPad2 的正好接了上來——雖然不能獲得最佳交互體驗但是 960px 頁面剛剛好可以獲得在平板電腦上的的視覺兼容。當然 960px 對於三欄式及以上布局支持不好,因此許多重內容網站開始使用大於1000px的寬度。比如淘寶(1000px),京東(1210px),花瓣(1407px)等……PS:960px 剛好是 Full HD 尺寸寬度的一半,因此如果使用 1920x1200 或 1920x1080 的用戶會習慣性使用 Win+← 和 Win+→ 快捷鍵同時把2個頁面固定在桌面上(雖然會遮蔽一點點內容)。閱讀體驗非常有趣。
初學html是老師告訴我們的是一般960px,現在應該有好多這樣寬度的設計,不過現在顯示屏的設備一般在1024以上了,比如現在的筆記本一般是1336*768,這有那些大頭的顯示屏解析度保持在1024左右,新的液晶顯示屏也都已經達到了1440*900的解析度,所以現在設計的話一般是960px,980px,1000px,1024px!
⑦ WEB標准化:如何實現10像素的字體
<div style="font-size:10px;">這里就是10像素了</div>
採納哦
⑧ web界面設計規范有哪些
一、網頁尺寸
製作網頁時,我們選用的解析度是72像素/英寸,使用的畫布尺寸1920px*1080px。
但是並不代表我們可以在整個畫布上作圖。
網頁的布局主要有兩種,左右型布局和居中型布局。布局的不一致,使得可設計的空間也不相同。
二、網頁字體
字體設計的總原則是:可辨識性和易讀性。
網頁的文字設計是系統默認的字體:宋體、微軟黑體、蘋果系統黑體,英文則建議使用arial無襯線字體
常用的字型大小大小有以下幾種:
12px是應用於網頁的最小字體,適用於非突出性的日期,版權等注釋性內容。
14px 則適用於非突出性的普通正文內容。
16px、18px或者20px 適用於突出性的標題內容。
⑨ 網頁設計中,最小的字型大小應該是多少
網頁設計中的字體一般設置成12px,如果網頁的東西相對比較少,也可以設置成14px,關於導航和其他的一般是用ps處理出好的效果,如果是文本一般為14以上並且帶加粗。
字體沒有特別規定但是有常規的用法:
常規文字 12px;標題,頁頭 14px、16px;大標題,橫幅等 18px。
(9)web設計字像素擴展閱讀:
網頁設計,是根據企業希望向瀏覽者傳遞的信息(包括產品、服務、理念、文化),進行網站功能策劃,然後進行的頁面設計美化工作。作為企業對外宣傳物料的其中一種,精美的網頁設計,對於提升企業的互聯網品牌形象至關重要。
網頁設計一般分為三種大類:功能型網頁設計(服務網站&B/S軟體用戶端)、形象型網頁設計(品牌形象站)、信息型網頁設計(門戶站)。設計網頁的目的不同,應選擇不同的網頁策劃與設計方案。
網頁設計的工作目標,是通過使用更合理的顏色、字體、圖片、樣式進行頁面設計美化,在功能限定的情況下,盡可能給予用戶完美的視覺體驗。高級的網頁設計甚至會考慮到通過聲光、交互等來實現更好的視聽感受。
網頁設計主要以Adobe產品為主,常見的工具包括FW、PS、FL、DW、CDR、AI等,其中DW是代碼工具,其他是圖形圖像和FL動畫工具。還有最近幾年Adobe新出的EdgeReflow、EdgeCode、Muse。
⑩ 現在網頁設計中的為什麼少有人用 11px,13px,15px 等奇數的字體
UI設計師的原因
多數設計師用的設計軟體(如:ps)大多數都是偶數,所以前端工程師一般都是用偶數字體。
瀏覽器的原因
其一是為了遷就ie6,萬惡的ie6會把定義為13px的字渲染成14px,你可以寫個頁面試試
還有一個原因是,偶數寬的漢字,比如12px寬的漢字,去掉1像素的間距,填充了像素的實際寬是11px,這樣漢字的中豎線左右是平分的,以「中」這個字為例,在12像素時,豎線在中間,左右各5像素,顯得均衡。其二像谷歌一些比較流行的瀏覽器一般會有個默認的最小字體,而且對奇數字體渲染的不太好看
實際應用
偶數字型大小相對更容易和 web 設計的其他部分構成比例關系。比如:當我用了 14 px 的正文字型大小,我可能會在一些地方用 14 × 0.5 = 7 px 的 margin,在另一些地方用 14 × 1.5 = 21 px 的標題字型大小。
Windows 自帶的點陣宋體(中易宋體)從 Vista 開始只提供 12、14、16 px 這三個大小的點陣,而 13、15、17 px 時用的是小一號的點陣(即每個字占的空間大了 1 px,但點陣沒變),於是略顯稀疏。