首頁?>?知識(shí)?資訊?>?日本網(wǎng)頁設(shè)計(jì)的風(fēng)格與排版特色研究。?>?正文

日本網(wǎng)頁設(shè)計(jì)的風(fēng)格與排版特色研究。

2020/12/5 0:00:19 · 稿源:傳誠信

muuuuu.org

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

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

muuuuu.org

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

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


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

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

排版和排版

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

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

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

日系網(wǎng)頁設(shè)計(jì)的風(fēng)格與排版特色

選擇合適的線長

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

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

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

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

水平和垂直刻度

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

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

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

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

對(duì)于對(duì)比率,萬維網(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)頁設(shè)計(jì)看上去美觀,排版是他們的一個(gè)特色,需要我們這些網(wǎng)站設(shè)計(jì)的從業(yè)者多研究。


  • 相關(guān)推薦
  • 大家在看
熱文
  • 熱門
  • 最新
客戶服務(wù)
咨詢熱線

010-62199213

24小時(shí)咨詢熱線

139-1050-5354