1、網頁設計稿完成後,如何在頁面實現過程中保證字體效果和設計稿一致?
回答這個問題前,必須先說一下一般網頁設計指的是什麼?一般網頁都包含三部分,分為上中下三級結構,上面是標題,中間是正文,下面則是網站的版權聲明及其他說明。你的網頁設計稿完成後,這三個必備的內容最終呈現出來的結果和設計稿一般是一致的。
而網頁設計稿的字體效果,這是一個非常細化的問題,誰也不能保障最後呈現出來的效果一定和原稿一致。但我們還是有幾個技巧,能夠盡量使得最終呈現效果接近設計稿。
現在的網站的操作系統和瀏覽器一般字體渲染都是亞像素抗鋸齒的,而Photoshop 字體渲染的全部四種抗鋸齒選項都是像素級別的灰階抗鋸齒,而非亞像素抗鋸齒。這是一個根本性的差別,所以根本就不能要求字體的最終呈現效果和設計稿,只能盡量接近。
間距方面,可以進行調整。可以改一下css控制,將其改為20px。因為瀏覽器的支持范圍比較小,所以還是要謹慎使用。
這里有一個用得比較多的文本標准,你可以參考一下font-size的行高設置為18px到22px 之間,字每大一號行高就加1px,建議最好不要設計成單數,否則在少數元素如按鈕的時候可能出現上下分不均勻的情況。
在設計文字和周圍元素的時候,可以多參考一些大網站的做法,多看多想,才能提高自身。
2、製作網頁用什麼字體好?
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的,不過比較少了。
3、請問做網頁通常會用到什麼字體。平面設計通常又會用到什麼字體。。謝謝
網頁設計一般都不會特別指定字體,用的都是系統默認的,宋體,黑體居多。
平面設計用到的字體就太多了,要根據情況來講。對於常用的盡量使用較大字型大小的黑體、中圓、隸書等字體,少用宋體、仿宋體等筆畫纖細的字體。
4、用PS設計網頁,該用什麼字體,大小該是多少
同樓上,字體以宋體為主,因為太多盜版系統上,精簡了字體,大部分字體都沒有,如果頁面上使用了部分字體,客戶機器沒有,也會用默認字體顯示,特殊藝術字都必須切割成圖片,這樣頁面美觀了,但是會增加頁面的大小,增加下載時間。
字體大小用12和14像素,是最美觀的字體大小。
5、網頁設計,字體
微軟雅黑,去下載 一個字體,安裝在電腦上,打開PS你就能看到了。
6、網頁設計中一般用什麼字體?
用默認的比較多,微軟雅黑也不錯
7、怎樣在網頁設計中設計段落中字體的顏色?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
</head>
<body>
<p> </p>
<p><a target="_blank" style="color:#CCCCCC; text-decoration:none" href="http://www.qq.com">一個地方設置灰色,</a></p>
<p><a target="_blank" style="color:#00FF00; text-decoration:none" href="http://www.baidu.com">一個地方設置綠色,</a></p>
<p><a target="_blank" style="color:#000000; text-decoration:none" href="http://www.sina.com">一個地方設置黑色</a></p>
</body>
</html>
8、UI設計網頁設計字體規范應該要注意什麼
可以參考常規字體的使用規范:
1、在每個項目設計中只使用1-2個字體樣式,而在品牌字有明確的規范的情況下,只需要一種字體貫穿全文,通過對字體放大來強調重點文案。字體用的太多,越顯得不夠專業。
2、不同的樣式的字體,形狀或系列最好相同,保證字體風格的一致性。
3、字體與背景的層次要分明,確保字體樣式與色調氣氛相匹配,等。
(8)網頁設計設計稿字體擴展資料:
網頁設計
1、需要根據消費者的需求、市場的狀況、企業自身的情況等進行綜合分析,從而建立起營銷模型。
2、以業務目標為中心進行功能策劃,製作出欄目結構關系圖。
3、以滿足用戶體驗設計為目標,使用axure rp或同類軟體進行頁面策劃,製作出交互用例。
4、以頁面精美化設計為目標,使用PS、AI等軟體,調整,使用更合理的顏色、字體、圖片、樣式進行頁面設計美化。
5、根據用戶反饋,進行頁面設計調整,以達到最優效果。
9、網頁設計中最常用的字體有哪些
字體設計的原則是:可辨識性和易讀性。
一般中文建議使用微軟雅黑,英文使用arial字體。常用的字型大小大小有以下幾種:12px、14px、16px,但是不是絕對的,可以根據需求進行調整,但是字型大小規格不宜太多,會給人一種混亂的感覺,要注意層次的區別,或者通過改變顏色和粗細來體現美觀性。一般使用偶數字型大小。
另外有些字體,比如方正系列,會涉及到版權,謹慎使用。