內容為：設計中字體的選擇、表述方式（形容詞）、適用處、圖片與字體的排版、字體的色彩及規格等
字體
纖細、瀟灑、圓潤、科技、面積、個性、古早（懷舊）、中庸、優雅、雅致、實用、端正、易讀、幼稚、肥滿、標題、俊朗、清晰、細節
關于男性字體的性取向問題：
粗獷、硬朗、棱角分明、筆直、力量感
營銷活動、體育競技、男性用品、金屬、搖滾
女性
只要是女性化屬性非常強，或者是以女性為主流消費群體的設計，都可以廣泛使用這種屬性的字體。比如愛情類，鮮花類、珠寶配飾類，女性用品、護膚品、化妝品等等…
纖細、柔軟、細而宛轉、苗條、曲線美
孩童
兒童相關的設計，比如趣味游戲、休閑游戲、嬰幼產品、游樂園、零食、玩具等等…
圓乎乎、可愛、有趣、肉嘟嘟
中性
非常適合使用在性別屬性并不強、并不需要很強烈的情感特征、偏中立的一些設計上面。比如產品說明、平臺、科技、手機、電腦等等。
干凈、簡潔、中性美、細致、平靜
被大量的使用在敘述性和陳述性很強，以及歷史意味較濃的設計。比如地產公司的一些故事性包裝以及一些傳統節日性的設計。
文字|圖片突出，文字粉飾
A組“圖片突出”，文字存在的目的只是粉飾這張照片而已。
字體主要是現代等線體，筆畫沒有裝飾。出現題材很廣泛，大多數是一些商業圖冊上，或者用于襯托人物場景時尚氣質的圖片上。
文字|文字突出
B組是“文字突出”，文字在圖片的襯托下被重點突出出來。
字體主要是古典襯線體，筆畫裝飾強烈。多出現在傳統、自然的以及一些抒情性很強的照片上。
A組的字體組合都被緊密地排列在一個無形的矩形里，在視覺上形成一個面。
B組各個字之間松散地擺放組合在一起，在視覺形成一個個點。
其實可以這樣去理解這兩組字體在視覺心理的效果，見下圖：
主體物與視覺焦點
排版|圖片突出
“圖片突出”的優秀設計作品里，文字部分與這兩個基本要素的位置關系，同樣做成效果圖。分C、D兩組展示。
c組：如果把主體物看作是一個面，就不難理解在一個需要文字粉飾圖片的作品里，字體之間會被聚集在一個面里，因為面元素的重復出現在一個畫面里，整體畫面就不會出現違和感，還能讓文字和圖片之間保持和諧統一。
如果你能觀察了足夠多C組類型的“效果圖”后，就發現了在所有的這類優秀設計作品里，文字部分與主體物之間的位置大小關系有三大原則：
文字部分的面積絕對不能大于或接近主體物的面積。
文字“面”與主體“面”的邊線保持聯系（直線或平行）。
文字“面”或者與畫面邊緣的距離幾乎相等于主體“面”與畫面邊緣的距離。
D組：
文字部分
與
視覺焦點
的關系基本和上面的鐵律相似，但唯一的特別之處在于：
當視覺焦點位于畫面中線，文字部分使用居中式。
不過同樣也是觀察了足夠多的“效果圖”后，發現視覺焦點的位置不僅僅是與構圖有關，這其中還有很多的特殊情況必須要注意到：
當照片的主體物是分散且毫無意義的，視覺焦點默認在畫面中心。
當照片被某一個場景或物品切割了整張畫面時，視覺焦點只會出現會在切割線上。默認位于中心點或者色彩密集的地方。
眼睛單獨作為視覺焦點。
第一點提到的照片的主體物是分散且毫無意義的。舉一些例子，它們的題材一般是拍攝天空、無邊際的森林樹木又或者下雨的場景等等… …這類照片的視覺焦點默認在畫面的中心點，并且文字部分也只能固定在畫面中心，因為文字部分在這時需要擬補原本照片缺乏視覺焦點的缺陷。（D組第一列第三張）
而第二點提到某些被一個場景或物品切割了整張畫面的照片，通常是因為地平線或者海岸線之類引起的。還有一種類似的情況是，當照片里的主體物太大，以至于切割了背景出現切割線時，主體物就不能作為一個面來看待了。如D組里二列第二和第三… ….就是這種情況，視覺的焦點通常位于切割線的其中一處，通常是色彩密集出現的地方。
第三點非常重要！在畫面的內容里眼睛的存在會形成一個視覺焦點，不管是人還是其他生物的眼睛，只要是看到眼睛，那么文字部分的排版就要依據“眼睛”（視覺焦點）而不是人本身（面）
文字部分是怎么選擇位置的，詳細見下圖：
排版|圖片突出文字（文字突出）
字體與圖形的配合
以“圖片突出文字”為目的的排版，其特點是不需要分析照片里面的元素。在大部分設計教程以及很多優秀的設計作品里，圖片被認為只是作為一個大色塊存在，它的存在只是為了最后你想要表達的文字（情感），鋪設基調。而我前面就提到的，B組的字體組合方式往往用分散的點狀擺放，因此放在照片這樣一個大的“面”上，形成元素的對比效果，可以更有效的突出文字部分。
但是這樣有一個很大的缺點：過于分散的字體之間不僅容易缺乏聯系，而且還會造成閱讀困難。此外，一張太花哨的照片也會導致你的文字部分難以突出。
大部分優秀排版里采用的解決方案是運用字體與圖形的配合，而其中類型有三種：
第一種：形狀圖形
形狀圖形主要指方形、圓形以及一些不規則的形狀圖形。
方形
從左到右依個解釋一下：
突出：當文字部分融入到圖片里變得難以看清的時候。在這里最好的辦法就是像這樣放置一個方形在背景，然后再調節字體的顏色與方塊對比，使文字部分突出。
集中：這種方法是為了不弱化圖片的情況下，讓文字部分集中在一個方形里，增加易讀性。是包裝設計常在出現的排版。
修飾：這個方形其實只是代表，代表所有不規則圖形的運用。當文字組合之間太過散亂，又或者字體之間大小的差異太大的時候，放置一個（不）規則圖形，盡可能連接到每一個字上，形成聯系。
這是方形“集中”的例子，方塊的存在突出了文字本身，又保證了閱讀順暢。同時這個方塊可以在這張照片上的任何一個位置都沒有影響，所以很適合包裝設計的需要。
形狀圖形這部分我補充一點：形狀圖形的用法通常有兩種，一種是中間加上一個深色的形狀，字體的位置放在形狀的中間。另一種是在圖片的上下兩邊各加一個淺色形狀，字體的位置放在形狀與圖片交界的地方。這兩種方法簡稱為“一黑二白”，見下圖。
圓形
普通：這是一個作為對比的普通排版
突出：這個比起方形有著好的突出效果，這個圓形可以替換成一些素材，比如墨滴之類的圓形素材，甚至可以利用圖片本身存在一個巨大的圓形物體的，來突出文字部分。
適用：這個同樣可以突出“面”文字，這就也為什么這個方法經常出現各類商業圖冊、海報以及各類宣傳單… …
第二種：直線
直線分兩種，一種就是純粹的一條直線，而另一種則是由細小的字組成的一段文字（通常是英文）。
聯系：很常見的運用方法，不需要解釋了吧…
集中：作用和方形“集中”相同，只是這個是用兩條線組成一個隱形的方塊，更有形式感。不同這種只能出現在色彩單一或大量留白的照片。
連接符：增加形似感的小東西… …可以用于連接兩段文字的內容，時尚類設計作品最常用到，在下面打一個問號，是因為連接符的種類很多，上圖只是舉例… …
聯系：與上一種相同，但只適用于標題文字較少的時候。剩下兩個不用解釋了… …大家應該都清楚。
第三種：字符
一般是指的數字以及英文字母，配合文字能有更好的突出效果。如上圖，，而阿拉伯數字的效果最佳。
以上就是字體與圖形的配合部分，不過還有一個例子要特別說明一下：
上圖展示的是一個出現頻率最高的配合類型的，圓形形狀加上字符，然后用連接符接上你要表達的文字。這是最經典的配合類型了。至少突出文字部分的效果非常不錯！
色彩的組合模型
PS：以下色彩部分，因為沒有大量的實際操作過，所以我不確定結論的正確性。因此色彩部分僅供參考，只希望大家能從中得到一些啟發就好了。
我\們多多少少都學習過色彩的基礎知識，我們都知道上圖的紅色代表著熱情、綠色代表著自然以及紫色代表著高雅等等… …但是我們卻不能以此為參照來決定字體的色彩，因為實際的情況要比這復雜的多。無論一張照片還是海報，都會運用到大量的色彩，把這些色彩集合成一個組合時，將其稱之為“色組”，如下圖。
這時，要如何區分上圖這些色組的視覺心理呢？在教科書上采用的方法是分成四種類型：分別是“互補色”、“對比色”、“同類色”和“鄰近色”。然后再解釋這些類型的視覺心理，比如“互補色”有著突出、華麗的效果或者更吸引眼球等等… …但是這個方法只能解釋那些只采用少量色彩的照片或海報，所以這個方法在面對一張色彩豐富的照片或海報時，這個方法又顯得太過籠統和片面。
而在網上大部分的配色教程里，則用“色卡”來解釋色組的視覺心理的，“色卡”是從一張照片里提煉出三到六個主要色彩組合起來的配色方案，并認為“色卡”和原照片的視覺心理效果（情緒）是相同的，因此大部分設計作品會以此為參照做配色方案。
但我閱讀了很多研究配色的書籍或文章，其中大部分都認為一個“色卡”是遠遠不足于解釋一張照片給人的視覺心理效果的。認為一張照片給人的視覺感受，不是這張照片里所有的顏色共同作用下的結果。并表示一張照片的色彩數量、各個色彩之間的面積以及冷暖的對比等等… …都是會影響一張照片的視覺心理效果的。
于是我總結這些文章的觀點，我重新設計了一個色彩的組合模型，用來描述多個色彩組合的視覺心理效果，見下圖：
上圖是一個色彩組合的模型，我設計成一個倒三角的形狀。我稍微簡單解釋一下：倒三角形最上面的一塊是主色，主色是這張照片里最突出的色彩，通常是照片里的面積最大。往下一個是副色，副色比主色的突出效果要較弱一些。再往下則是一些輔助色以及一些面積非常小的點綴色等等… …
這個模型可以解釋很多色彩組合的視覺心理效果，見下圖：
X：親和 – 強烈
主色和副色的對比關系是會影響照片的視覺心理，當主色和副色的對越弱，畫面的表現越柔和，相反主色和副色的對比越大（通常是由兩者的冷暖、面積、色相的不同），畫面的表現就越強烈。
Y：平均 – 突出
這里指的是主副色和其他的顏色的面積比例關系。當主副色的面積和其他顏色的面積相差無幾的時候，畫面表現出唯美的感覺。相反主副色的面積遠遠超過了其他顏色面積的總和時，畫面的情緒完全由主副色主導。
Z：單調 – 豐富
這里比較的是一張照片里色彩的數量，數量小就會顯得單調，相反則越豐富。
上面三種類型都用XYZ來標記，因為我要總結字體以及色彩的選擇與色彩組合模型之間的關系時，我就要用到下圖這個大模型了：
上圖展示的大模型里，色彩模型的三種類型做成了一個三維的坐標軸系，這表明了任何一張照片的色彩組合，都是這個XYZ軸系里的一個點，也就是說任意一個色彩組合模型會同時滿足三種類型的其中一種，最終會形成八種色彩組合模型（八種情緒），下面列舉一些：
大家能看到在大模型里還有冷暖區分的四個色塊，它們代表了四個區域，從上往下分別是“粗古”、“細古”、“細現”和“粗現”。這些色塊是表達：當一個色彩組合越傾向坐標系的正軸時，則使用越粗的古典字體。相反地，越傾向負軸時，則使用越粗的現代字體。
簡單地來說，就是當一張照片的色彩的越強烈、越突出、越豐富時，就用古典的襯線字體，而且要越粗越好，而當一張照片的色彩的越親和、越平均、越單調時，就用現代的無襯線字體，而且要越粗越好。這是大模型的作用之一：不同色彩組合對字體選擇的影響。
大模型的另外一個作用在于，我們還可以通過對增減或改變某個色彩，來改變這個照片的色彩組合傾向，來表達某一個情感、主體又或者適應某一個字體等等… …而改變的方法，就是利用字體或形狀圖形的顏色。這就意味著在圖片上加字這個行為，就已經是在影響一張照片的色彩心理了。
綜上，我們拿剛才的圖片來舉一些例子，見下圖：
第一個例子，由于照片的色組屬性是“強烈”、“突出”和“單調”，所以選用了細筆畫的古典字體，這是一個“文字粉飾圖片”的例子。
第二個例子，是一個“圖片突出文字”的例子。雖然這張照片的色彩屬性有“強烈”和“突出”，但色彩卻是“單調”的，我的做法是先加上兩個粗筆畫的毛筆字（粗古），突出一個主色。然后再放一段酡紅色的英文，是色組變得豐富，同時配合“粗古”，讓色彩的情緒表達地更加明顯。
最后的例子，是關于形狀的顏色和透明度設置的一個示范。由于這張照片的色組屬性太過平均，所以我用一個形狀壓住一個副色調，然后用“粗古”字體壓住主色調，將這個色組的“平均”屬性轉為“突出”。這個例子是想表達：形狀圖形的色調選擇，關鍵在于你想怎么改變色組的屬性，而半透明的設置，可以改變色組的“豐富”屬性。
過程見下圖：
5.單個字體的形態
篇幅已經很長了，直接上結論吧（累）。總結了所有的教程和優秀設計作品，我認為區別單個字體之間最重要的三個特征：見下圖
體飾指的是在字體筆畫末端的裝飾，字體的體飾之間不是有或無，而是多和少，這是一個比較模糊的概念。通常按照筆畫體飾的多少劃分“古”文字和“今”文字。“古”文字適合作為標題，出現表現自然、傳統或者表現歷史厚重感的題材里，“今”文字大多是在時尚、科技或者普通生活題材里，“古”文字最重要的特點是抒情，“今”文字則注重簡潔。
筆畫的差異在于粗細，粗筆畫用于強調，細筆畫則用于修飾細節，例如突出某商品的精細做工。這里還有特別說明的一種情況是粗細結合，筆畫的粗細差異算其實是屬于體飾的變化。
轉折的差異在于曲直，轉折越尖銳的字體適合表達力量感，反之曲面轉折的字體適合表現女性的柔美。見下面兩個例子
界面中文字使用的規則
在不同平臺的界面設計中規范的字體會有不同，像移動界面的設計就會有固定的字體樣式。網頁中會有常用的幾個字體，在這我和大家分別介紹一下。
以下是在72像素/英寸下的規范
移動端常規字體
IOS:常選擇華文黑體或者冬青黑體，尤其是冬青黑體效果最好。
Android
英文字體：Roboto
中文字體：Noto
移動端常用的的字號有哪些呢？
導航主標題字號：40-42px
我一般設計就用40px，偏小的40px字號，顯得精致些。
在內文展示中字號大小又是多大呢？
大的正文字號32px，副文是26px，小字20px。在內文的使用中，根據不同類型的App會有所區別。
像新聞類的APP或文字閱讀類的APP更注重文本的閱讀便捷性，正文字號36px，會選擇性的加粗。
而列表形式、工具化的APP普遍是正文32px，不加粗。副文案26px,小字20px
26px的字號還會用于劃分類別的提示文案，因為這樣的文字希望用戶閱讀，但不要搶過主列表信息的引導。
36px的字號還經常運用在頁面的大按鈕中。為了拉開按鈕的層次，同時加強按鈕引導性，選用了稍大號的字體。
（見下圖中的退出按鈕)
大家注意了，在選用字體大小的時候一定要選擇偶數的字號，因為在開發界面的時候，字號大小換算是要除以二的。這個詳細緣由大家可以網上查詢，我就不在這一一的介紹了。
常用字號的大小基本就這幾個，根據版式設計需要也會采用異樣大小的字號來特殊處理。這種更高的要求設計師的全局把控能力了。
網頁端
常用的字號有哪些呢？
網頁中文字字號一般都是宋體12px或14px(無狀態)，大號字體用微軟雅黑或黑體。大號字體是18px、20px、26px、30px，一般使用雙數字號，單數的字體在顯示的時候會有毛邊。
開發系統常用的字體：
1. 平平穩穩：微軟雅黑/方正中黑
微軟雅黑系列：在網頁設計中這款字體使用的非常平凡，這款只無論是放大還是縮小，形體都非常的規整舒服。在設計過程中建議多使用雅黑，大標題用加粗字體，正文用常規字體。
方正正中黑系列
中黑系列的字體筆畫比較銳利而渾厚，一般運用在標題文字中。但這種字體不適用于正文中，因為邊緣相對比較的復雜，文字一多會影響用戶的閱讀。
2. 與時俱進：方正蘭亭系列
方正蘭亭系列：個人最推薦的就是這個系類的字體，整個蘭亭系列的字體有大黑、準黑、纖黑、超細黑等。因筆畫清晰簡潔，這個系類的字體就足以滿足排版設計的需要。可以通過對這個系列的不同字體進行組合，不僅能保證字體的統一感，還能很好的區分出文本的層次。
3. 剛勁有力，運動型：漢儀菱心簡/造字工房力黑/造字工房勁黑
在這幾個字體中，他們有著共同的特點，字體非常的有力而厚實。基本都是以直線和斜線為主。適合廣告和專題使用。在使用這類字體的時候我們可以使用字體傾斜的樣式，讓文字顯得更為活力。在這三種字體中，菱心和造字工房力黑在筆畫、拐角的地方采用了圓和圓角。而且筆畫也比較的疏松，更多的有些時尚而柔美的氣氛。而勁黑這款字體相對更為厚重和方正。這類字體使用在大圖中偏多，效果比較突出。
內容來自優設網
