
1對(duì)1定制服務(wù),PC端+手機(jī)端+小程序多端應(yīng)用
網(wǎng)頁(yè)中的無(wú)圖設(shè)計(jì):讓排版為你服務(wù)
2017年10月25日瀏覽:
并不是每一個(gè)網(wǎng)站設(shè)計(jì)項(xiàng)目都需要使用具有強(qiáng)烈視覺(jué)沖擊的圖片作為亮點(diǎn)。事實(shí)上,你完全可以創(chuàng)造一個(gè)沒(méi)有任何圖像的設(shè)計(jì)。這是一種新興的設(shè)計(jì)趨勢(shì),隨著排版聚焦度的不斷延伸,它甚至可以比過(guò)度使用或擁擠的視覺(jué)圖、視頻和動(dòng)畫能更好的服務(wù)于設(shè)計(jì),這一趨勢(shì)得到了很大的發(fā)展。
你所要做的就是像個(gè)印刷工人一樣思考。沒(méi)有圖像的設(shè)計(jì)需要更多的專注,以及對(duì)視覺(jué)設(shè)計(jì)和排版原則的清晰理解,從而創(chuàng)造出一種完全由文字組成的藝術(shù)作品。
1.不滿足于普通
常規(guī)字體自然不足以單獨(dú)作為一種設(shè)計(jì)元素,但你頁(yè)不需要有專門的字體來(lái)創(chuàng)造出一種令人驚嘆視覺(jué)。
考慮一些戲劇性比較高的元素和選項(xiàng),搭配你選擇的字體集使用同樣可以達(dá)到這種效果。同時(shí),當(dāng)你在做一個(gè)完全沒(méi)有圖像元素的項(xiàng)目時(shí),排版應(yīng)該越普通越好。
· 描邊:對(duì)于主要的類型元素,你可以遠(yuǎn)離常規(guī)的字體。為了獲得更大的效果,你可以選擇加粗或細(xì)號(hào)的字重。或者考慮混合和匹配這些風(fēng)格。
· 字體類別和風(fēng)格:添加一個(gè)本身就具備多種選項(xiàng)的字體,如包含新穎性等。一種帶有自定義感覺(jué)的字體將為設(shè)計(jì)增加即時(shí)的戲劇性。
· 大寫字母、粗體或斜體:使用效果來(lái)增加對(duì)特定單詞或短語(yǔ)的強(qiáng)調(diào)。
· 尺寸和比例:難以置信的大或小同樣可以吸引用戶的眼球。避免使用標(biāo)準(zhǔn)或用戶期望的字號(hào),以吸引用戶的注意。
· 對(duì)齊和定位:文本通常是左對(duì)齊以及頂部對(duì)齊的,但以版式作為藝術(shù)元素,你可以做更多的實(shí)驗(yàn)。使用各種對(duì)齊選項(xiàng),甚至字母的方向。考慮多個(gè)對(duì)齊和定位位置。
2.關(guān)注顏色
當(dāng)涉及到基于排版的設(shè)計(jì)時(shí),應(yīng)該仔細(xì)地規(guī)劃顏色。設(shè)計(jì)中使用的顏色和對(duì)比度可以設(shè)置和帶動(dòng)用戶的情緒,影響可讀性,并為無(wú)圖像的項(xiàng)目整體成功做出貢獻(xiàn)。
做顏色選擇時(shí),問(wèn)自己以下三個(gè)問(wèn)題:
· 顏色會(huì)被用于字體或作為畫布的一部分嗎?
· 顏色的目的是為了上下文的強(qiáng)調(diào)還是視覺(jué)的流動(dòng)?
· 顏色會(huì)影響設(shè)計(jì)的情緒或組織嗎?
在談?wù)擃伾珪r(shí),另一個(gè)考慮因素是,對(duì)顏色的實(shí)際關(guān)注是否意味著缺乏顏色。排版可以和沒(méi)有顏色使用一樣有效?!鞍准埡谧帧被颉昂谧职准垺焙苋菀组喿x,也是極簡(jiǎn)主義設(shè)計(jì)趨勢(shì)的主要視覺(jué)部分。
3.創(chuàng)造戲劇性與空間感
當(dāng)談到它如何影響排版時(shí),空間就像顏色一樣??臻g可以創(chuàng)造組織,強(qiáng)調(diào),提供方向,甚至導(dǎo)致混亂。在排版設(shè)計(jì)的背景下,空間可分為兩類。
· 主文本周圍的空間。
· 主文本中的空間。
圍繞主文本的空間是你給人們的第一印象。它可以幫助指導(dǎo)設(shè)計(jì)的流程,創(chuàng)造了一種即時(shí)的組織感和情緒??臻g還可以創(chuàng)造視覺(jué)興趣,尤其是在極端情況下。圍繞著一個(gè)文本塊的空間可以與該空間中的文本塊形成鏡像效果或其他的視覺(jué)類型。
主文本中的空間可以是緊湊的,也可以是松散的。但它應(yīng)該始終是有組織的,并有一些框架。當(dāng)涉及到排版的空間時(shí),單個(gè)或類似的文本分組應(yīng)該具有一致性。這些空間——無(wú)論大小——被使用的方式可以創(chuàng)造或完全破壞視覺(jué)的和諧和可讀性。
4.形狀和線條
僅僅因?yàn)槟銢](méi)有適合一個(gè)網(wǎng)站設(shè)計(jì)項(xiàng)目的圖片,并不意味著你不能利用其他的設(shè)計(jì)元素。在設(shè)計(jì)中添加形狀或線條同樣可以輔助于排版。
這可以有多種方式:
· 使用形狀和線條來(lái)創(chuàng)建紋理或背景。
· 在形狀或線條內(nèi)放置文字以強(qiáng)調(diào)重點(diǎn)。
· 使用形狀和線條來(lái)創(chuàng)建從一個(gè)內(nèi)容到下一個(gè)內(nèi)容的過(guò)渡。
· 創(chuàng)建組織感通過(guò)使用形狀和線條。
· 通過(guò)形狀或線條的擴(kuò)展來(lái)增加字體的戲劇效果。
5.拖拽或扭曲字母
這種形式在實(shí)際的應(yīng)用中并不是能夠被普遍接受的東西:拖拽、扭曲或以其他方式改變字體基線。但你應(yīng)該考慮一下。
有很多方法可以調(diào)整、變形和改變文本,這樣它就能創(chuàng)建一個(gè)適合你的設(shè)計(jì)概念的形狀。很重要的一點(diǎn)是要記住,正如這里提到的許多概念,是要用意圖來(lái)做的。這不是一種巧妙的嘗試,因?yàn)樗赡芸雌饋?lái)像一個(gè)錯(cuò)誤。
當(dāng)改變排版時(shí),你需要在最后測(cè)試一下效果,確保你的意圖或者你想要?jiǎng)?chuàng)造的或者展示的東西對(duì)其他人也很清楚。
拖拽還涵蓋了動(dòng)畫或在數(shù)字項(xiàng)目中進(jìn)行排版移動(dòng)的概念。一個(gè)帶有移動(dòng)效果的簡(jiǎn)單字體可以有強(qiáng)大的存在感。
6.打破一些規(guī)則
這是一個(gè)可能比較棘手的地方。當(dāng)你處理字體排版的時(shí)候,你可能想要打破一些規(guī)則,好吧,很大程度上也許只是一個(gè)規(guī)則而已。
通過(guò)打破設(shè)計(jì)規(guī)則,你將為文本的特定部分創(chuàng)建更多的興趣。但這種違反規(guī)則的行為需要符合設(shè)計(jì)項(xiàng)目的背景和基調(diào),并不適合所有人。
· 允許字母重疊。
· 混合超過(guò)兩個(gè)或三個(gè)字體。
· 使用“太多”的顏色。
· 改變標(biāo)準(zhǔn)字體。
· 首先考慮視覺(jué)效果和可讀性。
· 文字的范圍超出了畫布的邊界。
· 忘掉大寫字母和標(biāo)點(diǎn)符號(hào)的規(guī)則。
· 創(chuàng)建一個(gè)“被困”的空間。
· 分詞或短語(yǔ)。
· 嘗試一個(gè)禁忌的技巧,比如添加紋理或漸變。
7.注意細(xì)節(jié)
這是所有的設(shè)計(jì)師都可能會(huì)面臨的問(wèn)題。如果你對(duì)細(xì)節(jié)不太了解,上面的任何想法、技巧或建議都不會(huì)成功。
在排版方面,每一個(gè)像素都很重要。它需要精確,甚至保持一致性。
在藝術(shù)和可讀性之間有一個(gè)很好的平衡,你需要掌握。畢竟,如果你不知道這些話是怎么說(shuō)的,那么打字有什么用呢?所以,先從便于閱讀的字體開(kāi)始,然后嘗試這些概念的變化。
總結(jié)
一個(gè)合適的字體設(shè)計(jì)可以適用于幾乎所有的網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目,特別是那些不包括圖像的設(shè)計(jì)項(xiàng)目。現(xiàn)在,有一種趨勢(shì)是,創(chuàng)建只使用類似印刷術(shù)的視覺(jué)效果來(lái)實(shí)現(xiàn)視覺(jué)興趣的項(xiàng)目。
這是一個(gè)設(shè)計(jì)框架和計(jì)劃,既值得鼓勵(lì)同時(shí)又很棘手。但有了計(jì)劃,掌握了良好的設(shè)計(jì)和排版基礎(chǔ),以及在局限之外思考的天賦,你就可以在沒(méi)有任何圖像的情況下創(chuàng)建一個(gè)有效的設(shè)計(jì)項(xiàng)目。