網(wǎng)站設(shè)計(jì)中的中文字和英文的排版技巧!

2019-02-27    分類(lèi): 網(wǎng)站設(shè)計(jì)

“細(xì)節(jié)決定成敗”,設(shè)計(jì)也是如此。

一個(gè)好的設(shè)計(jì)工作由許多元素組成。一些設(shè)計(jì)師經(jīng)常重新設(shè)計(jì)和忽略文字排版。但是,寫(xiě)作是最強(qiáng)大的表達(dá),也是最強(qiáng)大的信息內(nèi)容。

一個(gè)人看作品的視覺(jué)順序應(yīng)該是:從主題到圖片,到作品的內(nèi)容,到各種細(xì)節(jié)的表現(xiàn)。大部分主題都以文字的形式顯示。它們更直觀(guān),工作內(nèi)容由一段文字說(shuō)明。

閱讀者的視線(xiàn)在屏幕上停留的時(shí)間比較長(zhǎng),所以不要忽略文本的排版。


調(diào)整中文字體和西文字體的排版和標(biāo)點(diǎn)

在網(wǎng)站中,主題字體的選擇往往在很大程度上決定了整體的風(fēng)格,因此字體的選擇和設(shè)計(jì)需要付出很大的努力。

通常大約30%的時(shí)間留給字體設(shè)計(jì)的主題,如果您使用的時(shí)間截然不同,那么一定要仔細(xì)看看您的設(shè)計(jì)。


這里討論中文字體和西方字體(大部分是英文)的原因是因?yàn)椋含F(xiàn)在,絕大多數(shù)設(shè)計(jì)師在為文本布局選擇字體時(shí)都使用中文和西文字體。但是,中文和西文字體屬性在設(shè)計(jì)之初有很大的不同。如:文字,手勢(shì),重量,間距,基線(xiàn),字體大小等的情況下,所以你不能使用相同的字體。


在每個(gè)字體設(shè)計(jì)師設(shè)計(jì)一種字體之前,他們經(jīng)?;ㄙM(fèi)大量精力進(jìn)行這些調(diào)整,以便在大多數(shù)排版情況下字體可以保持良好的閱讀和美感。中文字體通常不包括西方字體的設(shè)計(jì),西方字體庫(kù)甚至不太可能包括中文字體的設(shè)計(jì)。


即使有,其中大部分都不令人滿(mǎn)意,所以我們需要分別對(duì)待中西文,特別是考慮到西方文字和中文的襯線(xiàn)和無(wú)襯線(xiàn)體的搭配。


以下內(nèi)容使用相同的中文字體:漢一易堂簡(jiǎn)體中文。


內(nèi)容使用相同的中文字體

下面的第二段使用不同的中西文字:韓依依唐簡(jiǎn)簡(jiǎn)體,愛(ài)萬(wàn)舊風(fēng)格,并調(diào)整字體大小,間距和基線(xiàn)。


使用不同的中西文字

無(wú)法逐一過(guò)濾和調(diào)整大段文字;小段落可以使用插畫(huà);單詞,如圖片,使用專(zhuān)業(yè)排版軟件indesign。

這確實(shí)是一項(xiàng)非常費(fèi)力且引人注目的工作,而且通??梢哉{(diào)整一次indessign中的復(fù)合字體并將其應(yīng)用于要應(yīng)用的所有文本。這是一個(gè)非常有用的工具。


阿拉伯?dāng)?shù)字也屬于西方字母表。調(diào)整時(shí),最好在文本中使用西文字體。標(biāo)點(diǎn)符號(hào)是最容易被忽視的部分,但標(biāo)點(diǎn)符號(hào)的使用有時(shí)會(huì)影響整體布局的美觀(guān)性。

以下內(nèi)容是傳統(tǒng)排版,注意文字之間標(biāo)點(diǎn)符號(hào)的布局特點(diǎn)。

傳統(tǒng)排版

我個(gè)人比較喜歡傳統(tǒng)標(biāo)點(diǎn)符號(hào)的排版,垂直和水平居中在段落文本中,分區(qū)恰到好處。


我們的簡(jiǎn)體文字排版是標(biāo)點(diǎn)符號(hào),后面是前面的文字,后面有很大的差距,這會(huì)導(dǎo)致視覺(jué)上不舒服的整體外觀(guān)。


因此,可以利用傳統(tǒng)標(biāo)點(diǎn)排版的平衡來(lái)調(diào)整解決方案。縮小標(biāo)點(diǎn)字符間距,必要時(shí)調(diào)整標(biāo)點(diǎn)字體大小,以保持良好的視覺(jué)效果,而且在單元表面在產(chǎn)品上積累更多文字內(nèi)容。


以下修改的第三段是我個(gè)人的建議。


文本段落中的標(biāo)點(diǎn)符號(hào)設(shè)置


在插圖畫(huà)家中,您可以調(diào)整文本段落中的標(biāo)點(diǎn)符號(hào)設(shè)置,并將其設(shè)置為“日文標(biāo)點(diǎn)符號(hào)轉(zhuǎn)換規(guī)則 - 半角”。

標(biāo)點(diǎn)符號(hào)還需要注意的問(wèn)題是避免出現(xiàn)在每行的第一個(gè)字符位置。


整體布局


調(diào)整字體后,查看整體布局,或者可以說(shuō)段落調(diào)整。

在這里,我們推薦Robin Williams編寫(xiě)的“為所有人設(shè)計(jì)”。 本書(shū)討論了四個(gè)設(shè)計(jì)原則:親密關(guān)系,對(duì)齊,重復(fù)和對(duì)比。

排版的原因看起來(lái)很舒服,因?yàn)?a href="http://www.muchs.cn/" target="_blank">網(wǎng)站設(shè)計(jì)師已經(jīng)重新計(jì)劃了大量單詞,以便觀(guān)眾可以閱讀以便在大量信息中實(shí)現(xiàn)視覺(jué)順序。


創(chuàng)新互聯(lián),行業(yè)網(wǎng)站建設(shè)公司,14年專(zhuān)注企業(yè)網(wǎng)站一站式服務(wù),已為眾多企業(yè)公司提供網(wǎng)站建設(shè),網(wǎng)站設(shè)計(jì),網(wǎng)站制作,手機(jī)網(wǎng)站開(kāi)發(fā),模板建站等服務(wù)。高端定制網(wǎng)站建設(shè)領(lǐng)軍品牌--創(chuàng)新互聯(lián)值得信賴(lài)!

新聞名稱(chēng):網(wǎng)站設(shè)計(jì)中的中文字和英文的排版技巧!
文章源于:http://www.muchs.cn/news24/79274.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專(zhuān)注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)