排版是設計師同用戶溝通的一種方式。在數(shù)字產(chǎn)品設計當中,界面的視覺和可讀性對于用戶體驗的影響是極為巨大的。曾經(jīng)有一位著名的平面設計師曾經(jīng)說過:“排版設" />
您的位置:首頁 > 新聞資訊 > 行業(yè)百科 > 行業(yè)動態(tài)
排版是設計師同用戶溝通的一種方式。在數(shù)字產(chǎn)品設計當中,界面的視覺和可讀性對于用戶體驗的影響是極為巨大的。曾經(jīng)有一位著名的平面設計師曾經(jīng)說過:“排版設計不僅僅是可見的,而且是可被聽見的。你創(chuàng)建出一個宏大的場景,那么演員就可以在此登場表演了。”排版能夠呈現(xiàn)情緒、營造氛圍、傳遞精神,所以優(yōu)秀的排版能夠為設計發(fā)聲。今天的文章為你提供一些排版設計上的小建議,雖不復雜,但是也需要你仔細揣摩,才能用好。
想要創(chuàng)建出能被用戶感知到的、令人愉悅的設計,設計作品應該擁有良好的組織結構和清晰的導航模式。而設計師可以通過建立視覺層次結構來明確整體的結構,視覺元素在這個框架下被組織起來,用戶則可以更為清楚地感知其中的內(nèi)容。
視覺層次可以被分為不同的部分,其中只與文本元素相關的部分被稱為排版層次。排版層次是通過將文本內(nèi)容劃分為標題、副標題、正文等不同的類型,從而讓文本各司其職,具備良好的層次。不同的文本類型使用不同的大小、字體、色彩來顯示,從而區(qū)分出彼此。
清晰的層次結構讓文本具備良好的可讀性。此外,文本中的關鍵部分還能高亮顯示,從而吸引用戶的注意力,甚至關聯(lián)到特定的交互和操作上去。
當你在為特定部分的文本選取字體的時候,需要考慮它所處的環(huán)境,所在部分的特征。每種字體都有其特定的功能、適合的場景和情緒,有的友好,有的有趣,有的嚴肅,有的看起來很商業(yè),所以字體和情緒要保持一致。
在你選取字體之前,要清楚產(chǎn)品這個部分的特征,了解客戶的目標,以及目標受眾的需求和偏好。字體的視覺效果會直接影響用戶從你的產(chǎn)品中所獲得的第一印象。如果這種字體不符合產(chǎn)品當前內(nèi)容的情緒,會在用戶那邊產(chǎn)生誤會的。如果是一個相對嚴肅的商業(yè)網(wǎng)站,在其中采用有趣或者拙稚的字體,用戶會對這個企業(yè)和服務產(chǎn)生質(zhì)疑。如果是針對青少年或者年輕人,太過于正式、沉悶的字體,則會讓頁面看起來很無聊。
設計師常常會試圖使用實驗性的布局,來讓設計看起來更加原創(chuàng)。但是這樣非常規(guī)的排版布局遷移到移動端設備上,就不一定具備良好的可用性了。移動端屏幕太小,難以適配過于獨特的設計,這種限制會使得設計師難以兼顧到功能和視覺。設計師需要特別注意移動端排版布局的細節(jié),從字體尺寸到間距和縮進,這些細節(jié)對于整體效果的影響是非常明顯的。
與桌面端的設計相比,移動端的排版更難以達到良好的識別率。在小屏幕上,字體首先要控制到一個相對較大的尺寸,這樣不會因為難以識別而造成混亂。但是太大的字體又會讓設計看起來不夠優(yōu)雅。同時,設計師還要特別注意內(nèi)容的對比度,因為移動端設備周遭的環(huán)境常常會特別的復雜,如果對比度不夠好,用戶閱讀困難,對視力的損害就不可避免了。
此外,設計師還需要考慮排版布局的功能性。如果文本中存在可點擊的內(nèi)容,設計師需要確保它們能夠且易于被點擊到,還不能誤觸其他的地方。
通盤考慮移動端排版的全部細節(jié),設計師才能為用戶帶來有價值的產(chǎn)品。
在不久前,許多設計師還會在一套設計當中使用大量的不同的字體與樣式,這樣的設計之下,排版布局中充斥著大量令人分心的細節(jié),難以營造一致的、合理的情緒和氛圍。
經(jīng)驗豐富的設計師,通常會在整個排版布局中,沿用2到3種字體,確保了文本元素之間的對比度,還節(jié)省了設計成本,確保了整體的平衡,以及信息傳遞的準確性。在字體樣式上,設計師也會對粗體、斜體這樣的效果保持克制,對真正重要的部分進行強調(diào),避免混亂。
除此之外,文案內(nèi)容也需要足夠的簡明,不要讓無效信息干擾用戶。
字母之間的間距,行間距和字間距,是可讀性的主要影響因素。調(diào)整間距和留白,是排版設計中的重要環(huán)節(jié),也是控制整個布局呼吸感的關鍵。
缺乏留白,或者間距控制不好,最終會影響內(nèi)容的可讀性:字母難以辨析,單詞看不清楚,視覺上不夠舒適,每行和每個段落看起來不夠舒服,都會影響整體的統(tǒng)一性和內(nèi)容的閱讀體驗。有密有疏,疏密有致,才有呼吸感。
排版是一個涉及到許多規(guī)則和條例的復雜學科,只有充分掌握了這些規(guī)則,才能作出足夠干凈、整飭的排版。但是這還不夠。客戶總是需要一定的原創(chuàng)性,希望你能通過排版布局傳遞去情感,而這些是排版規(guī)則無法幫你實現(xiàn)的。
作為設計師,你的靈魂中是應該有藝術的特質(zhì)。想象力和對沒的感知,能夠為你的設計賦予原創(chuàng)性和獨特性。在嚴格的規(guī)則和獨特的構思之間,找到平衡點,你會發(fā)現(xiàn)自己的能力已經(jīng)超出了你的客戶和你自己的意料。
有人認為,成熟的排版設計中沒有色彩的位置,但是也有人認為色彩是視覺設計的必需品,哪怕是傳統(tǒng)的排版設計,也必須具備。不過,在實際排版設計當中,色彩的出場比例并不低,所以這種情況不應忽略。
色彩在排版設計當中,不僅可以強化視覺,而且能夠為UI增加情感因素,吸引用戶的注意力,強化趣味感。不過,用色本沒問題,但是色彩一定要控制好。色彩多而混亂的失敗案例多不勝數(shù),在排版中用色一定要深思熟慮。下面是排版設計中用色的一些技巧:
也許這么說有點直白,但是確實有很多設計師壓根不了解排版設計的基本知識。他們大多依靠各種工具中自帶的排版工具來做排版布局,他們只需要在選取自己的時候調(diào)動自己的審美知識就可以,而排版?zhèn)€諸多規(guī)則他們并不確知,只是基于經(jīng)驗,似是而非地“有所了解”而已。
不了解排版知識,設計師是無法發(fā)揮出排版的真正潛力的,這也是為什么同樣的素材在別的設計師的排布之下,就是要比自己做的來得漂亮。基礎知識很重要,這并非是一句空話。
那些看起來很枯燥的字體設計書籍,當中蘊藏著干貨。學好排版的基礎知識絕對是磨刀不誤砍柴功。
最新動態(tài)
常見問題百寶箱
A2014,有位學妹不顧家人反對,在上海這個國際化大都市謀了一個公眾號助理的職位。斗志昂揚地奮斗了 3 年,我眼看著她的內(nèi)容駕馭能力突飛猛進,內(nèi)容質(zhì)量從三流到一流,職位
A文章主要分析了不同的視覺設計元素是如何影響網(wǎng)站用戶體驗,希望通過文章的解讀能夠?qū)δ愕漠a(chǎn)品設計帶來些啟發(fā)。 也許是因為我在視覺設計上沒有太多經(jīng)驗,我發(fā)現(xiàn)
A雙贏系統(tǒng)建站系統(tǒng),三網(wǎng)同步,建站推廣一步到位雙贏系統(tǒng)建站系統(tǒng),三網(wǎng)同步,建站推廣一步到位雙贏系統(tǒng)建站系統(tǒng),三網(wǎng)同步,建站推廣一步到位雙贏系統(tǒng)建站系統(tǒng),三網(wǎng)同步,建站推
027-89992189
掃一掃關注微信
Copyright 2013-2020 All Rights Reserved 武漢互贏網(wǎng)絡科技股份有限公司 鄂ICP備19027860號