導航:首頁 > 萬維百科 > 網頁字體設計

網頁字體設計

發布時間:2020-07-22 14:36:38

1、網頁設計中公司網站一般用什麼字體什麼字型大小

正常的內容文字使用宋體12號即可,無需效果

網站名,logo採用最大的字體,黑體,筆跡清晰即可。

文章標題採用大於14號比內容略大。

版權,底部,次要文字採用10號左右淺色。

2、網站設計中的字體設計的技巧有哪些?

一、選擇哪一種字體。一般來說,頁面的字體選擇宋體比較多,並且宋體也很常見。盡量不要使用一些生僻詞、罕見字。很多的用戶終端並沒有那麼多的字體,當用戶在瀏覽網站時可能會顯示亂碼,從而影響用戶體驗,但是要注意一個問題,操作系統不一樣,字體也不一樣。因此,在字體設計的時候,選擇常見的這樣效果也會比較好。

傾巢網路

二、設計字體的顏色。一般來說,文章的背景是白色的,使用黑色的字體。因此,設計頁面的時候,一般都使用黑色或者是淺灰色作為字體的顏色,比較方便瀏覽,用戶也可以接受。如果不是創意類網站,不建議使用鮮亮的顏色。

三、字體大小的設計。頁面設計過程中,字體的大小設計也是影響用戶體驗的一個重要要素。太大或者太小都會影響網站的用戶體驗,頁面設計的時候可以結合位置設置字體的大小。文章的標題字體較大,正文的字體就應該比較小。

四、特殊字體的使用。頁面設計的時候,有些網站想要使用一些比較特殊的字體來突出網站風格,這里建議將特殊字體設計成圖片添加在頁面中,這樣就可以保證用戶在瀏覽的網站的時候看到不一樣的效果,而不會因為字體的特殊性影響網站的整體效果

3、製作網頁用什麼字體好?

Helvetica: 被評為設計師最愛的字體,Realist風格,簡潔現代的線條,非常受到追捧。在Mac下面被認為是最佳的網頁字體,在Windows下由於Hinting的原因顯示很糟糕。

Arial: Helvetica的「克隆」,和Helvetica非常像,細節上比如R和G有小小差別。如果字型大小太小,文字太多,看起來會有些累眼。Win和Mac顯示都正常

Lucida Family: Lucida Grande是Mac OS UI的標准字體,屬於humanist風格,稍微活潑一點。Mac下的顯示要比Win下好。

Verdana: 專門為了屏顯而設計的字體,humanist風格,在小字型大小下仍可以清楚顯示,但是字體細節缺失嚴重,最好別做標題。

Tahoma: 也是humanist風格,字體和Verdana有點像,但是略窄一些,counter略小,曾經是Windows的標准字體,Mac 10.5之後默認也有安裝。

Trebuchet MS: 為微軟設計的一個humanist風格字體,個人覺得個性太過突出,用得不好會不搭。

Serif

Georgia: 基本上適合正文屏顯的襯線字體,非Georgia莫屬了。筆畫粗重,襯線明線,輪廓較大,小字體顯示也很清晰,同時細節還算OK。

Times: Times是為了報紙而設計的,特點是可以在有限的空間塞進去更多的文字,筆畫較弱,小字型大小正文屏顯看起來累眼。曾經Engadget改版的時候用了Times作為正文,被罵得很慘之後換成了Georgia。

中文不熟,拋磚引玉:

中易宋體:Win最常見的字體,小字體點陣,大字體TrueType,但是大字體並不好看,所以最好別做標題。

微軟雅黑:Vista之後新引入的字體,打開Cleartype之後顯示效果不錯,不開Cleartype發虛。

華文細黑:Mac下的默認中文。

Droid Sans和衍生的WenQuanYi Microhei:Andriod中的中文,也是Linux絕大多數發行版本的默認中文,,當然也有用WenQuanyi Zenhei的,不過比較少了。



4、如何用css樣式設計整個網站字體

網站字體分為兩種類型,一種是默認字體,一種是外部字體。

默認字體

如果整個網頁都要弄成宋體的話就將body定義為宋體即可,即在樣式表中加入:body{font-family:"宋體"},如果只要一部分為宋體,那將那一部分的層的字體樣式定義為宋體就行了。

默認的字體有宋體、楷體、黑體、新宋體、仿宋等。

外部字體

樣式表中嵌入外部字體,用@font-face語法。

@font-face{font-family:name;src:<url>;sRules;}

<name>:為自定義字體名稱

<url>:使用絕對或相對地址指定OpenType字體

<sRules>:樣式表定義

如:

@font-face{

font-family:YH;

src:url(http://www.xxx.com/xxx.ttf);

}

然後再設置需要變換字體的樣式即可,如:body{font-family:YH},字體名稱是上述所說自定義好的名稱。

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

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

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

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

(5)網頁字體設計擴展資料:

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

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

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

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

6、網頁設計中一般用什麼字體?

用默認的比較多,微軟雅黑也不錯

7、網頁默認的字體是什麼字體 感覺字體跟清晰 很清楚

「宋體」或者「新宋體」。
不過網頁設計者可以設計字體的樣式,比如「微軟雅黑」,如果你的計算機,正好也有「微軟雅黑」這種字體,那麼這個設置就生效。如果你的計算機沒有網頁設計人員指定的字體,就要用你的計算機瀏覽器本身指定的默認字體。

8、用PS設計網頁,該用什麼字體,大小該是多少

同樓上,字體以宋體為主,因為太多盜版系統上,精簡了字體,大部分字體都沒有,如果頁面上使用了部分字體,客戶機器沒有,也會用默認字體顯示,特殊藝術字都必須切割成圖片,這樣頁面美觀了,但是會增加頁面的大小,增加下載時間。
字體大小用12和14像素,是最美觀的字體大小。

9、網頁設計中最常用的字體有哪些

1、Georgia字體

基本上適合正文屏顯的襯線字體,非Georgia莫屬了。筆畫粗重,襯線明線,輪廓較大,小字體顯示也很清晰,同時細節還算OK。


2、Times字體

Times是為了報紙而設計的,特點是可以在有限的空間塞進去更多的文字,筆畫較弱,小字型大小正文屏顯看起來累眼。曾經Engadget改版的時候用了Times作為正文,被罵得很慘之後換成了Georgia。


3、Arial字體

Helvetica的「克隆」,和Helvetica非常像,細節上比如R和G有小小差別。如果字型大小太小,文字太多,看起來會有些累眼。Win和Mac顯示都正常。


4、Lucida Family字體

Lucida Grande是Mac OS UI的標准字體,屬於humanist風格,稍微活潑一點。Mac下的顯示要比Win下好。


5、Verdana字體

專門為了屏顯而設計的字體,humanist風格,在小字型大小下仍可以清楚顯示,但是字體細節缺失嚴重,最好別做標題。


6、Tahoma字體

也是humanist風格,字體和Verdana有點像,但是略窄一些,counter略小,曾經是Windows的標准字體,Mac 10.5之後默認也有安裝。

10、網頁設計 中文一般用的字體大小,一般怎麼設置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、最後運行,如下圖所示,就完成了。

與網頁字體設計相關的知識