在現(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ì)作品,并且加以分門(mén)別類(lèi)可供設(shè)計(jì)師檢索參考。此網(wǎng)站是日文沒(méi)有中文,不過(guò)透過(guò)Google翻譯,大部分的人都可以輕易找到對(duì)應(yīng)的中文含意。
這個(gè)日系網(wǎng)站分類(lèi)的方式分為四種:產(chǎn)業(yè)、設(shè)計(jì)、類(lèi)型、色彩,只有四大類(lèi)。
網(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é)稱(chēng)為排版。如果字體指的是給定文本的視覺(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ì)擾亂你寫(xiě)作的自然流動(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è)空間被稱(chēng)為前導(dǎo),而在網(wǎng)頁(yè)設(shè)計(jì)中,相同的主題被稱(chēng)為行間距。另一方面,字距調(diào)整指的是單個(gè)字母之間的空格。跟蹤類(lèi)似于字距調(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)槲谋緦?zhuān)門(mén)用黑色和白色背景呈現(xiàn)。但是在網(wǎng)頁(yè)設(shè)計(jì)中,確保您的文字與背景相比更加突出非常重要。但請(qǐng)記住,對(duì)比度對(duì)人類(lèi)感知事物的方式有微妙的影響。低對(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)容,以確保你的寫(xiě)作中的辛勤工作能夠以它應(yīng)該的方式被欣賞。
所以有時(shí)候,可能日系網(wǎng)頁(yè)設(shè)計(jì)看上去美觀,排版是他們的一個(gè)特色,需要我們這些網(wǎng)站設(shè)計(jì)的從業(yè)者多研究。