網站ui設計字體大小

1、移動端UI設計師怎麼標注字體大小給前端

主流的工具切圖和標注可以都用藍湖來做

2、APP UI設計內容少的時候怎麼把握字體大小

1. 留足空間
與普遍觀點恰好相反，字體並非屏幕上彎彎曲曲的線條排列；它主要在於周圍和相互間的空間。
字母本身對字體的影響，與構成它的空間相比，要小得多。
要理解這一點，了解字體從何而來很有幫助：字母o（還有b、c、p等等）中間的圓孔被稱作「凹槽」。在最原始的印刷機上，鉛字由金屬雕刻而成，這些凹槽來自雕刻成型、排列在盤中的金屬活字。第一個字體設計師所處理的模具，實際上並不能用於印刷。字母本身對字體的影響，與構成它的空間相比，要小得多。
談到層次時，我們通常指的是h1到p，有時候還會到h6。但另外還有一種層次在影響著行或段落的視覺流，這是特殊的層次：字母間距小於字間距，字間距小於行間距，以此類推。
要在移動端創造最佳易讀性，尤其要注意這些特殊層次，這些格式塔式的詞語、行、段落的文字組合，在自然光環境下同樣至關重要。

2. 行寬與行高
行寬是一行文字的長度。或者確切的說，是一行文字的理想長度，因為很難讓每一行都精確吻合。
眾所周知，舒適閱讀的理想行寬是65個字元左右。行寬產生的物理長度，取決於字體的設計、字間距（見下文）和你使用的具體文字。本文開篇的65個字元（譯者註：此處請參見英文原文），用PT Serif字體是26.875em寬，用Open Sans是28.4375em寬，用Ubuntu字體是27.3125em寬。如果再加入斜體、大小寫和一大堆其他字體細節，還會有更大的差異。
在桌面端瀏覽器中，65個字元很難觸及邊緣，但在移動設備上，65個字元（如果至少大到看得清）會超出瀏覽器的邊界。所以，在移動設備上，你必須得縮減行寬。
移動端並沒有普遍認可的行寬標准。不過傳統上，報紙或雜志上每一個窄列都會趨向於39個字元。鑒於這個理想行寬已經經歷了數個世紀的考驗，它在移動端字體上也運轉良好。

3. 寬松行距、緊湊行距
行距是行之間的空間，行距太緊湊，會讓視線難以從行尾掃視到下一行首。行距太寬松，字間距會開始形成隊列，產生了我們通常意義上的河流，阻斷了行的視覺流。
從左至右：理想行距、太緊湊、太寬松。
行距的標准通常是1.4em，但以我的經驗，這對於屏幕來說太緊湊了：在屏幕上表現良好的字體都有一個關鍵特徵——大的凹槽，大凹槽需要更大一些的行距來保持空間層次。
反過來，更短的行寬需要更小的行距。所以你可能需要將桌面端的行距設得寬松點，同時記得將移動端的設置得緊湊些。

4. 找到最佳或是最舒服的狀態

所有字體至少都有一種最佳狀態，在屏幕上展現最佳的尺寸，還有在瀏覽器中最能保持字形的抗鋸齒選項。
最佳狀態下，多數筆畫通常都能排列在像素網格中——像素字體，如果你還記得的話，那些字體僅僅在字型大小調整到最佳狀態下才有效。
將字體設為最佳狀態能形成更強烈的對比。為移動端設計時，對比尤其重要，因為戶外的強光可能分散注意。
你會發現，微調行距會使每行脫離完美像素匹配。我覺得，在移動設備屏幕上，對比的重要性勝過行距。所以如果你不得不在行距上妥協，來保持每行契合像素網格，那就這么做吧。
通常設計師通過基線網格來排列文字。但在移動設備上，我們需要使用x高度來代替（x高度顧名思義，就是小寫字母x的高度）。從易讀性研究中，我們知道大腦識別的是文字頂部，而不是底部。所以要成就更加平順的視覺流，我們要確保字元頂部最契合像素網格。

5. 不要忽視起伏邊
起伏邊是一段文字的邊緣。你讀的多數內容是居左對齊的（至少對於拉丁語系而言），導致右邊沿參差不齊。
當視線從行尾跳至下一行首時，大腦最好要能判斷出下一次跳躍的角度和距離。把每次跳躍都想像成跑過跳板，如果間距保持一致，就會快很多。因此，文字左側邊緣應該是平的，每行從同一個地方開始（對於從右至左的語言，恰好相反）。
因此你絕不應該將兩三行以上的文字居中對齊。
通常文字會設置成兩端對齊，這意味著每行文字所佔空間相等，所以兩側都不會有起伏邊。我懷疑兩端對齊的流行和響應式設計有關，它教設計師們以塊狀形態思考。兩端對齊的文字產生的留白不統一。最糟的情況會導致一行中只有幾個字，相當不協調。更窄的行寬會加重兩端對齊的問題，所以兩端對齊的文字在移動端是難以閱讀的。
從左至右：左對齊、居中對其、兩端對齊。
如果整潔真的非常重要，那麼使用連字元號來讓起伏邊更平滑，絕不能在移動端使用兩端對齊。
文字右側是起伏邊在移動端還有一項額外好處：人們通常在易分心的場合閱讀文字，讀者視線頻繁地從文字上移開——查看站名，或是接電話。起伏邊創造了一個隨機形狀，讓右撇子的視線可以通過重讀最少的文字，回到剛才的位置。

6. 減少反差
增強文字與背景對比的同時，我們也要減少不同層次文字間的反差。
在移動端，實際可見的文字更少，所以反差被放大了。
其原因是我們的大腦基於環境來判斷重要性。在桌面端，標題可能是正文字型大小的兩倍甚至三倍，因為屏幕上有更多文字，所以這是有效的。在移動端，實際可見的文字更少，所以反差被放大了。
多數設計師使用斐波那契數列式的字型大小組合。在移動端，應該縮小比率來減少字型大小間的反差。比如，如果你使用黃金比例1.618與字型大小相乘。在移動端，應該用更小的比例1.382來替代。
桌面端屏幕比移動端容許更誇張的字型大小縮放。

7. 按比例調整字間距
為移動端調整字型大小時，我們要意識到字間距發生了必要的變化。
（先說一句，不應該調整固有字距。固有字距是兩個字母相互組合時的距離，使它們的間距與其他字母間距在視覺上統一。創作字體時，就納入了固有字距的考量，這個過程可能要花上數月。如果你選用了一款專業的字體，它的固有字距就是合適的，如果你覺得不對，請換一個字體。）
字間距並不是固有字距。字間距是字體中應用在所有字元上的間距。通常你也不應該調整字間距。
大字型大小是個例外，拿標題和小號文字（比如腳注）舉例。大號文字需要減少字間距，小號文字需要增加字間距。前者是考慮到分組，後者則是為了增強對比。如果你在調整標題，或是用了通常字間距緊密的藝術字體，縮小時可能就需要把字間距放開一點。

移動端APPUI設計之字體排版設計總結：
字體是一門工藝，設計師終其一生都在精心打磨。的確如此，因為每個文字、每種字體和每項技術都帶來了新的挑戰。沒有一成不變的普適規律。
假如你追求易讀性，要牢記三條原則：行內的視覺流要平順，空間層級要清晰，要有足夠的對比。這尤其適用於移動端頁面。
沒有不可撼動的規則，全憑你雙眼決斷。不過此回答可以作為理想的出發點，讓你在移動設備上優美地排列文字。希望能幫到你，望採納！

3、UI設計師給的字體大小是PT 我們要怎樣換算

1px＝1/96英寸
1pt＝1/72英寸，可以得出，
在這樣的設置中，1px＝0.75pt，常見的宋體9pt＝12px。在顯示器解析度不變的基礎上（比如現在常用的1024×768），1px大小也就固定不變，改變顯示設置，調整為144DPI，可以得出，1px＝0.5pt，常見的宋體9pt＝18px

4、Android UI設計字體大小規范？

字體的大小安卓裡面也有相應的規范，比如最小字體是多大，文本是多大，按回照規范來設計的答話就可以保證我們的界面圖整體看起來更加的美觀，而且在使用的字體方面，也是有一個嚴格的規定，英文在安卓裡面使用的是Roboto，中文字體使用的是droid sans fallback，當然現在隨著安卓手機解析度的增加， 中文，字體的選擇也多了幾種，比如中文也可以使用思源黑體等。-來自趣達

5、響應式網頁 界面設計 多大字型大小

響應式的網頁設計，除了布局的變化以外，還有字型大小的改變。通常使用@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%的大小。

6、iPhone UI設計的字體是用什麼字體，用多大的

你好，這個百度經驗里有相關資料：

http://wenku.baidu.com/link?url=--
蘋果系統字體以及蘋果廣告中常出現的：
Myriad Pro系列（英文）
Helvetica系列（中英文）
黑體（中文）
華文黑體（中文）
蘭亭黑（中文）
楷體（中文）
iwork組件宣傳有時會見到：行楷－粗體

7、手機網頁UI設計尺寸是多少

這個不同手機尺寸不一樣，比如
iphone3 320*480 iphone4 640 * 960
android 240*320 320* 480 480* 854 這些比較常用，還有一些其他解析度
看你具體是針對什麼手機做的了！

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

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

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

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

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

(8)網站ui設計字體大小擴展資料：

網頁設計

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

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

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

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

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

9、iPad Ui設計時是用2048X1536還是用1536X2048的尺寸設計 字體大小一般都多大

IPad設計一般使用尺寸：1024x768、2048x1536；

尺寸的單位為像素。

字體大小參考下圖：

以上提供的內容主要是參考，最終的結果以設計適合度來衡量。

10、知乎蘋果6+ui設計中字體大小是多少

根據比例即可，
iPhone5s尺寸640
iPhone6尺寸750
以上埠的字體是可以用同樣的大小，因為倍率都是@2x
iPhone6 plus尺寸1080

一般安卓的設計是720，字體大小根據不同的內容：標題、正文等有不同大小范圍，在22-40號不等。標題一般34-40， 正文22-32，這樣的大小。
但是只要界面協調，沒有特別固定的尺寸要求，因情況而定。