在現(xiàn)代日系網(wǎng)頁(yè)設(shè)計(jì)中，排版問(wèn)題通常僅限于決定使用哪種字體。
日本是個(gè)網(wǎng)頁(yè)設(shè)計(jì)風(fēng)氣很盛行的國(guó)家，除了各行各業(yè)、網(wǎng)路活動(dòng)、個(gè)人網(wǎng)站等是很普遍的事情，同時(shí)日本也是視覺(jué)設(shè)計(jì)素養(yǎng)相當(dāng)高的國(guó)家，因此日本的網(wǎng)頁(yè)設(shè)計(jì)的具有參考價(jià)值

今天與大家分享的網(wǎng)站名為muuuuu.org，分享日本各地的網(wǎng)頁(yè)設(shè)計(jì)作品，并且加以分門別類可供設(shè)計(jì)師檢索參考。此網(wǎng)站是日文沒(méi)有中文，不過(guò)透過(guò)Google翻譯，大部分的人都可以輕易找到對(duì)應(yīng)的中文含意。

這個(gè)日系網(wǎng)站分類的方式分為四種：產(chǎn)業(yè)、設(shè)計(jì)、類型、色彩，只有四大類。

網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格也很多元，有簡(jiǎn)約風(fēng)、可愛(ài)風(fēng)、華麗風(fēng)等等，應(yīng)有盡有。

如果你正在設(shè)計(jì)一個(gè)房間，它就像是在使用什么顏色的顏色，而不關(guān)心其他一切。也就是說(shuō)，關(guān)于使用哪種字體的決定很重要，但是當(dāng)涉及排版時(shí)，還有其他更精細(xì)的細(xì)節(jié)，通過(guò)比較可能看起來(lái)無(wú)關(guān)緊要，但加在一起實(shí)際上可以成就或破壞您的網(wǎng)站。

在排版領(lǐng)域，我們將這些更精細(xì)的細(xì)節(jié)稱為排版。如果字體指的是給定文本的視覺(jué)美學(xué)，則排版指的是該文本如何顯示的技術(shù)背景。如果我們正在建造房屋，排版將是建筑師，設(shè)計(jì)房屋的方式，同時(shí)仍然包含可用性因素，而排版是土木工程師，確保房屋的基礎(chǔ)和結(jié)構(gòu)。

排版和排版

你是否知道非洲仍然遭受極端貧困，即使這些年來(lái)世界已經(jīng)涌入非洲的外國(guó)援助？這是因?yàn)榧词惯M(jìn)入21世紀(jì)，非洲仍然缺乏適當(dāng)?shù)幕A(chǔ)設(shè)施來(lái)支持這些援助的分配。對(duì)基礎(chǔ)設(shè)施的外國(guó)投資并不像食品和藥品捐贈(zèng)那樣成為頭條新聞。

排版往往被忽視的原因。在印刷出版物的鼎盛時(shí)期，排版和出版過(guò)去是完全分開(kāi)的。報(bào)紙和雜志雇用的人員只負(fù)責(zé)排版，打印機(jī)合成器的排版。盡管大部分都是未經(jīng)認(rèn)證的，但合成者的工作至關(guān)重要，確保讀者在閱讀報(bào)紙常見(jiàn)的大塊小文本時(shí)沒(méi)有任何問(wèn)題。

然而，隨著從印刷品向數(shù)字化的轉(zhuǎn)變，排版可能被認(rèn)為是一種褪色的藝術(shù)。由于網(wǎng)頁(yè)設(shè)計(jì)現(xiàn)在主要是由平面設(shè)計(jì)師（一群往往不太考慮，如果有的話）進(jìn)行文本合成的人處理，排版過(guò)程主要留給文字處理軟件。雖然排版的細(xì)節(jié)可能非常技術(shù)性，但您可以使用4個(gè)基本提示來(lái)優(yōu)化讀者的體驗(yàn)。

選擇合適的線長(zhǎng)

關(guān)鍵在于在一行文本中平衡完美的字符數(shù)量。太短，讀者會(huì)來(lái)回切換，這會(huì)擾亂你寫作的自然流動(dòng)。太長(zhǎng)會(huì)使文本過(guò)于分散，這可能導(dǎo)致聚焦問(wèn)題。對(duì)于桌面頁(yè)面，最佳長(zhǎng)度大約在60-75分左右，而對(duì)于移動(dòng)設(shè)備，它通常是一半，大約30-40個(gè)字符。

領(lǐng)導(dǎo)，字距調(diào)整和跟蹤

在印刷排版領(lǐng)域，文本主體中的線之間的這個(gè)空間被稱為前導(dǎo)，而在網(wǎng)頁(yè)設(shè)計(jì)中，相同的主題被稱為行間距。另一方面，字距調(diào)整指的是單個(gè)字母之間的空格。跟蹤類似于字距調(diào)整，但它決定了單個(gè)單詞中每個(gè)字母之間的空格。一旦為每個(gè)字母設(shè)置了正確的字距調(diào)整，就可以使用跟蹤來(lái)基本上拉伸整個(gè)單詞，同時(shí)仍然保持每個(gè)字母的單獨(dú)字距。

這三個(gè)概念指的是我們?nèi)绾喂芾砦谋局g和內(nèi)部的詳細(xì)空間。線間距對(duì)于曾經(jīng)使用過(guò)文字處理器的每個(gè)人都很熟悉，并且可以在這里應(yīng)用相同的考慮因素。最佳地，行間距應(yīng)設(shè)置在130％左右，150％或1.5行是絕對(duì)最大值。

水平和垂直刻度

在典型的文檔設(shè)置中，每當(dāng)我們想要放大文本的一部分時(shí)，我們只需將字體大小增加一兩點(diǎn)。雖然這種方法對(duì)于基本用途來(lái)說(shuō)已經(jīng)足夠好了，但有時(shí)候我們想改變或強(qiáng)調(diào)某個(gè)世界，而沒(méi)有那個(gè)詞比其他世界相形見(jiàn)絀。對(duì)于那些場(chǎng)合，我們修改文本的水平和垂直比例。

在外行人看來(lái)，水平和垂直縮放是指在不保持相同比例的情況下拉伸文本的做法。通過(guò)操縱水平和垂直刻度，文本可能會(huì)稍微變窄或變寬。過(guò)度使用，這種縮放練習(xí)可能導(dǎo)致嚴(yán)重失真的文本，但智能地使用，你可以修改某個(gè)文本的細(xì)節(jié)，但你認(rèn)為合適。

有足夠的色彩對(duì)比度

這對(duì)于報(bào)紙來(lái)說(shuō)從來(lái)都不是問(wèn)題，因?yàn)槲谋緦ｉT用黑色和白色背景呈現(xiàn)。但是在網(wǎng)頁(yè)設(shè)計(jì)中，確保您的文字與背景相比更加突出非常重要。但請(qǐng)記住，對(duì)比度對(duì)人類感知事物的方式有微妙的影響。低對(duì)比度傾向于發(fā)出比高對(duì)比度更冷的氣氛。

對(duì)于對(duì)比率，萬(wàn)維網(wǎng)聯(lián)盟（W3C）為Web管理員設(shè)定了指南。小文本或正文文本的對(duì)比度應(yīng)至少為4.5：1，而大文本或標(biāo)題文本的對(duì)比度應(yīng)至少為3：1。

排版是一種吃力不討好的工作，人們往往不會(huì)贊美好的排版，但是糟糕的排版永遠(yuǎn)不會(huì)讓他們失去注意力。采用這種方式，排版就是所謂的功能設(shè)計(jì)。良好的功能設(shè)計(jì)的標(biāo)志是它永遠(yuǎn)不會(huì)引起對(duì)自身的關(guān)注。排版只是為了提供你的內(nèi)容，以確保你的寫作中的辛勤工作能夠以它應(yīng)該的方式被欣賞。

所以有時(shí)候，可能日系網(wǎng)頁(yè)設(shè)計(jì)看上去美觀，排版是他們的一個(gè)特色，需要我們這些網(wǎng)站設(shè)計(jì)的從業(yè)者多研究。