亚洲视频在线一区二区三区_色婷婷AV一区二区三区浪潮_亚洲综合无码精品一区二区三区_高清精品一区二区三区一区

UI設(shè)計(jì)常見(jiàn)的20個(gè)排版誤區(qū),你中招了嗎?

作者:譯@陳子木????
2017-05-26
7394

文字排版設(shè)計(jì)時(shí)平面設(shè)計(jì)中最能打動(dòng)人心的設(shè)計(jì)要素之一。一旦掌握其方法,排版輕而易舉!

很多學(xué)習(xí)UI設(shè)計(jì)的同學(xué)們問(wèn),為什么別人的字體就那么隨意放一下就那么好看,其實(shí)排版 可有大學(xué)問(wèn),不是隨意放就好看。排版是設(shè)計(jì)中最重要的組成部分之一,它絕不僅僅是將漂亮的字體放在帥氣的背景上這么簡(jiǎn)單。然而,制作優(yōu)秀的排版并不容易,雷區(qū)遍布,稍不注意就流于平庸。所以,今天我們總結(jié)了UI設(shè)計(jì)排版常見(jiàn)的20個(gè)誤區(qū),相信大家看完一定會(huì)有收獲。

1、擁擠的文字:字間距

這是很容易忽略的一種錯(cuò)誤,字間距過(guò)于擁擠會(huì)降低文字的可讀性。有的字體本身會(huì)比較稀疏,或者過(guò)于緊密,適當(dāng)調(diào)整至易于閱讀的狀態(tài)即可。

UI設(shè)計(jì)排版 (1).jpg

2、密集的段落:行間距

行間距也是影響可讀性的重要因素,過(guò)于緊湊會(huì)難于識(shí)別,但是一味地拉開(kāi)間距在視覺(jué)上的效果并不合理。一般行間距是行高的50%左右。

UI設(shè)計(jì)排版 (2).jpg

3、不合理的拉伸與壓縮

這是另一個(gè)常見(jiàn)的錯(cuò)誤,圖片、文字等元素并沒(méi)有按照原始比例拉伸或者壓縮而造成非正常的扭曲和形變。要避免這個(gè)問(wèn)題并不難,盡量在保持比例的前提下控制長(zhǎng)或者寬等單個(gè)元素變化,在PS或者AI等軟件中,按住Shift鍵拉伸,在網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候,盡量按照原始比例來(lái)設(shè)定元素或者控制單個(gè)變量。

UI設(shè)計(jì)排版 (3).jpg

4、忽略可讀性

在黑色的背景上采用白色的字體一般能保證可讀性,對(duì)比很明顯,但是如果字體太過(guò)于纖細(xì),視覺(jué)上的辨識(shí)度就很低了。字體過(guò)小、色彩對(duì)比度不夠、透明度過(guò)高都會(huì)造成類(lèi)似的問(wèn)題,只要你發(fā)現(xiàn)難于識(shí)別,有針對(duì)性地處理即可。

UI設(shè)計(jì)排版 (4).jpg

5、文本的閱讀舒適度

標(biāo)題、宣傳語(yǔ)使用加粗的、花式的、裝飾性的字體有它的功能性,但是長(zhǎng)文的正文部分是需要用戶(hù)長(zhǎng)時(shí)間閱讀的,要保持閱讀的舒適度。字體的尺寸、字間距、行間距都需要細(xì)心處理。

UI設(shè)計(jì)排版 (5).jpg

6、“孤兒”與“寡婦”

“Orphans”和“Widows”是印刷排版中的術(shù)語(yǔ),通常指的是行貨列、頁(yè)頭和頁(yè)腳段落最后僅有一兩個(gè)詞構(gòu)成的短行之類(lèi)的東西。在文字排版占主體的設(shè)計(jì)項(xiàng)目中,這些行或者列非常的扎眼,你如果不想讓大片的留白打斷排版的連續(xù)性,最好的解決方案是微調(diào)段落寬度、間距。

UI設(shè)計(jì)排版 (6).jpg

7、不要在句末雙擊空格

這種輸入習(xí)慣在中文中并不多見(jiàn),但是在英語(yǔ)言國(guó)家有不少人會(huì)有類(lèi)似的習(xí)慣,在結(jié)束一個(gè)句子之后雙擊空格表示結(jié)束,但是在今天的排版設(shè)計(jì)習(xí)慣中,通常認(rèn)為這樣的輸入方式是過(guò)時(shí)且不必要的。這種間距在視覺(jué)上會(huì)影響閱讀的流暢性,并且對(duì)排版會(huì)有影響。保持克制。

8、使用太多字體

這是新手最常見(jiàn)的錯(cuò)誤。使用多種字體原本是出于裝飾性的目的,但是可控性很差且容易造成視覺(jué)干擾,通常將字體類(lèi)型數(shù)量控制在2~3種是比較合理的。不同風(fēng)格的字體太多會(huì)讓你的整體風(fēng)格極其難以統(tǒng)一,專(zhuān)業(yè)性就更難以提及了。

UI設(shè)計(jì)排版 (7).jpg

9、不匹配的字體

不同風(fēng)格的字體用在一起自然會(huì)給人“畫(huà)風(fēng)詭異”的感覺(jué),分散用戶(hù)注意力,降低了信息傳遞的有效性。字體的搭配手法是介于科學(xué)和藝術(shù)之間一種存在,它需要你學(xué)習(xí)排版和字體知識(shí),還需要一部分“設(shè)計(jì)師的直覺(jué)”來(lái)支撐。在強(qiáng)調(diào)一致性的地方,襯線(xiàn)體和非襯線(xiàn)體不要混用;在海報(bào)、封面等地方有的時(shí)候需要兩種甚至多種類(lèi)型字體混用,襯線(xiàn)體和非襯線(xiàn)體的搭配就很重要了。多看雜志、網(wǎng)站和雜志排版的案例吧。

UI設(shè)計(jì)排版 (8).jpg

10、罔顧內(nèi)容

選好字體和字體樣式很重要,但是麻煩先審視一下你的項(xiàng)目中內(nèi)容。字體是有情緒的,好玩的、嚴(yán)謹(jǐn)?shù)摹⒗寺摹㈦S性的、現(xiàn)代的、復(fù)古的等等等等。如果字體和設(shè)計(jì)的情緒與內(nèi)容不匹配,你會(huì)造成脫節(jié)和疏離的感覺(jué),這會(huì)讓觀(guān)眾迷惑。公司報(bào)告是嚴(yán)謹(jǐn)?shù)模灰贸錆M(mǎn)童真的字體或者裝飾性字體,充滿(mǎn)張力的海報(bào)上用日常的普通字體自然也是設(shè)計(jì)上的失誤。

UI設(shè)計(jì)排版 (9).jpg

11、形式重過(guò)功能

這也是老生常談。你可以追隨近年的設(shè)計(jì)趨勢(shì),找個(gè)獨(dú)特的字體設(shè)計(jì)一組炫酷而獨(dú)特的海報(bào)或者Banner,做的非常的藝術(shù)。但是這樣的設(shè)計(jì)可能會(huì)存在閱讀障礙,讀者需要耗費(fèi)很長(zhǎng)時(shí)間來(lái)分辨它的內(nèi)容,那么這就是明顯的形式重于功能了。如果你決定這么設(shè)計(jì)的話(huà),最好平衡一下藝術(shù)性和可讀性——也就是它的功能性。

UI設(shè)計(jì)排版 (10).jpg

12、過(guò)度強(qiáng)調(diào)

有時(shí)候你需要強(qiáng)化某個(gè)部分,會(huì)在視覺(jué)上進(jìn)行強(qiáng)調(diào),讓它從整個(gè)設(shè)計(jì)中脫穎而出。文字部分常見(jiàn)的手法很多,斜體、粗體、下劃線(xiàn)、大寫(xiě)、增大字體大小,等等。但是千萬(wàn)不要將所有的強(qiáng)調(diào)方式都用在同一篇文字同一個(gè)段落中,這樣會(huì)讓它看起來(lái)凌亂不堪。

UI設(shè)計(jì)排版 (11).jpg

13、全用大寫(xiě)

同樣,這是一個(gè)在英文情況下常見(jiàn)的設(shè)計(jì)誤區(qū)。在標(biāo)題中全用大寫(xiě),這個(gè)沒(méi)問(wèn)題,段落中如果偶有需要強(qiáng)調(diào)的地方用大寫(xiě)也說(shuō)的過(guò)去。但是在此之前,要保持約定俗成的最基本的使用習(xí)慣:標(biāo)題大寫(xiě),正文小寫(xiě)。

UI設(shè)計(jì)排版 (12).jpg

14、忽視層次結(jié)構(gòu)

在排版中,層次這個(gè)詞是區(qū)分文本和不同元素的重要性區(qū)別的學(xué)術(shù)性說(shuō)法。以我們所熟知的報(bào)紙為例,標(biāo)題闡述核心,尺寸最大,文字大寫(xiě),粗體強(qiáng)調(diào),其次是副標(biāo)題,字體小點(diǎn),文字不再大寫(xiě),再其次是正文,字體最小。如果打破了這種層次結(jié)構(gòu),用戶(hù)會(huì)迷惑。哪個(gè)重要哪個(gè)其次,傻傻分不清楚。

UI設(shè)計(jì)排版 (13).jpg

15、不對(duì)齊

設(shè)計(jì)原則中,對(duì)齊是最重要的幾項(xiàng)之一。對(duì)齊會(huì)讓文字排列有序而合理,視覺(jué)上統(tǒng)一而一致。不同的對(duì)齊方式混合在一起會(huì)產(chǎn)生隨機(jī)的間距,難看且閱讀困難。

UI設(shè)計(jì)排版 (13).jpg

16、使用對(duì)齊工具

想要讓排版對(duì)齊最好的方式就是打開(kāi)軟件的對(duì)齊工具,現(xiàn)在的排版和作圖工具都有相關(guān)的對(duì)齊輔助工具,在它們的輔助下讓你的排版更加整齊吧。

17、粗糙的邊緣

這種問(wèn)題在英文排版中更常見(jiàn)一些,中文排版中這種問(wèn)題實(shí)際上并不嚴(yán)重,諸如Office一類(lèi)的工具會(huì)自動(dòng)幫你微調(diào),而更專(zhuān)業(yè)的排版軟件中也有相應(yīng)的算法幫你解決。英文排版中這種問(wèn)題更多,需要你細(xì)心處理調(diào)整,實(shí)際上這并不是什么特別復(fù)雜的事情,重要的是細(xì)心。

UI設(shè)計(jì)排版 (14).jpg

18、添加特殊效果

一般添加特效是個(gè)不錯(cuò)的思路,但是必須使用得應(yīng)景。許多自帶的字體特效,諸如3D字體、大陰影、扭曲特效,都很容易讓設(shè)計(jì)看起來(lái)廉價(jià)而過(guò)于花哨。多看時(shí)下流行的設(shè)計(jì)范例,克制隨意添加特效的沖動(dòng)。

UI設(shè)計(jì)排版 (16).jpg

19、在重要項(xiàng)目中嘗試新效果

在重要的項(xiàng)目中測(cè)試新的設(shè)計(jì)手法、特效和有趣的字體并不是一個(gè)靠譜的方案,也不是合適的時(shí)機(jī),甚至不是一個(gè)專(zhuān)業(yè)設(shè)計(jì)師應(yīng)該做的事情。這種手段過(guò)于冒險(xiǎn),因?yàn)樾碌氖址O有可能并不實(shí)用可靠,如果你相信自己的直覺(jué)也應(yīng)該在其他的非重要項(xiàng)目中進(jìn)行試錯(cuò)。這與我們平時(shí)學(xué)習(xí)不同,作為練習(xí),我們可以不斷嘗試新的想法,但是在重要的項(xiàng)目中,我們比較重視一個(gè)作品的穩(wěn)定性。

20、忘記審核

設(shè)計(jì)需要嚴(yán)格把關(guān),做完設(shè)計(jì)之后不審核是不負(fù)責(zé)的行為。設(shè)計(jì)完之后,最好通讀全文,做拼寫(xiě)檢查,確保沒(méi)有語(yǔ)法錯(cuò)誤、印刷錯(cuò)誤,這也是設(shè)計(jì)的一部分。

UI設(shè)計(jì)排版 (17).jpg

-end-


0
0
分享到:

0

喜歡他,就推薦他上首頁(yè)吧^_^

推薦閱讀

×

賽事服務(wù)聯(lián)系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯(lián)系我們

  • QQ:33143335 QQ:1904200230
  • 電話(huà):18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國(guó)家大學(xué)科技園東區(qū)9號(hào)樓2層

版權(quán)信息

  移動(dòng) Android 版 豫 ICP 備16038122號(hào)-2 豫公網(wǎng)安備 41019702002261號(hào)

亚洲视频在线一区二区三区_色婷婷AV一区二区三区浪潮_亚洲综合无码精品一区二区三区_高清精品一区二区三区一区

      欧美成年人视频| 99香蕉国产精品偷在线观看| 欧美日韩国产综合一区二区| 国产精品99久久久久久久vr| 永久555www成人免费| 欧美日韩喷水| 奶水喷射视频一区| 欧美在线视频全部完| 亚洲一区二区三区三| 亚洲国产高清在线观看视频| 国产视频一区三区| 精品二区久久| 国产免费观看久久| 西西裸体人体做爰大胆久久久| 美女在线一区二区| 午夜精品理论片| 亚洲制服欧美中文字幕中文字幕| 91久久国产综合久久91精品网站| 国产亚洲一本大道中文在线| 欧美视频一区二区在线观看| 欧美久久电影| 欧美—级a级欧美特级ar全黄| 久久久久久一区二区| 欧美有码在线观看视频| 国产私拍一区| 国产精品一区久久| 国产精品爽黄69| 欧美无砖砖区免费| 欧美日韩在线看| 欧美日韩精品一区二区天天拍小说 | 国产精品爽黄69| 国产精品久久久久婷婷| 欧美一区久久| 久久精品免费观看| 久久免费精品视频| 亚洲国产精品久久人人爱蜜臀| 韩国av一区二区三区在线观看| 国产免费亚洲高清| 国产在线精品二区| 亚洲国产小视频在线观看| 在线国产精品播放| 亚洲精品视频一区二区三区| 99国产精品视频免费观看| 中文精品视频一区二区在线观看| 亚洲手机在线| 久久国产精品99国产精| 免费久久99精品国产自| 欧美日韩国产精品| 欧美一区影院| 美女黄色成人网| 欧美日韩午夜剧场| 国产日韩在线看片| 亚洲国产精品黑人久久久| 99这里有精品| 久久99在线观看| 欧美黄色网络| 国产欧美69| 亚洲三级影院| 欧美一区二区三区另类 | 韩日在线一区| 亚洲麻豆av| 欧美中文日韩| 欧美色大人视频| 在线高清一区| 亚洲男人影院| 欧美精品在线免费播放| 国产日韩在线视频| 一区二区三区高清不卡| 久久久999成人| 国产精品国产| 亚洲国产精品ⅴa在线观看| 亚洲欧美三级在线| 欧美日本一区二区三区| 欧美成人视屏| 韩国三级电影久久久久久| 亚洲夜晚福利在线观看| 免费在线亚洲欧美| 国产一区二区三区四区五区美女| 日韩一二三在线视频播| 麻豆国产精品一区二区三区| 久久一二三四| 国产三级精品在线不卡| 国产精品99久久不卡二区| 欧美国产免费| 狠狠色噜噜狠狠色综合久| 亚洲午夜日本在线观看| 欧美日韩另类综合| 亚洲韩日在线| 欧美多人爱爱视频网站| 亚洲电影免费观看高清| 久久久久久网址| 极品日韩av| 久久天天躁狠狠躁夜夜av| 国产亚洲第一区| 欧美一区二区三区在线视频 | 国产精品福利在线| 国产精品一区免费视频| 一区二区三区三区在线| 欧美日本亚洲| 在线午夜精品自拍| 欧美午夜电影一区| 亚洲一区二区视频在线观看| 欧美精品999| 国产一区二区按摩在线观看| 午夜视频久久久久久| 国产欧美日韩视频在线观看 | 久久久久久久久久久久久9999| 国产日韩亚洲欧美| 久久久久久9999| 欧美日韩另类字幕中文| 一二三区精品福利视频| 欧美韩日一区| 国产视频精品网| 久久久精品一区| 国产精品观看| 欧美一区二区在线免费播放| 韩国视频理论视频久久| 另类av一区二区| 一区二区动漫| 国产一区视频网站| 欧美成人午夜77777| 一区二区三区高清| 激情成人综合网| 欧美日韩123| 欧美在线视频免费观看| 亚洲国产婷婷香蕉久久久久久99| 欧美理论在线播放| 欧美一区二区三区四区在线观看地址| 国产亚洲精品久| 欧美另类变人与禽xxxxx| 亚洲欧美日韩一区在线| 国产综合亚洲精品一区二| 欧美精品乱人伦久久久久久| 一区二区在线视频观看| 欧美日韩一区在线观看| 久久久久久自在自线| 一本色道久久综合亚洲精品婷婷 | 国产一区二区在线观看免费| 欧美国产一区二区三区激情无套| 亚洲伊人伊色伊影伊综合网| 在线视频国内自拍亚洲视频| 国产精品亚洲激情| 欧美日韩亚洲一区二区三区在线观看| 亚洲欧美成人网| 亚洲日本成人网| 韩国精品在线观看| 国产精品美女久久久久aⅴ国产馆| 久久野战av| 久久国产一区二区| 亚洲伊人伊色伊影伊综合网| 亚洲免费观看高清完整版在线观看熊 | 欧美日韩久久久久久| 麻豆精品视频| 六月婷婷一区| 久久人人爽爽爽人久久久| 亚洲欧美激情诱惑| 在线亚洲欧美视频| 一个色综合导航| 日韩视频中文| 亚洲精品中文在线| 亚洲日本va午夜在线电影| 极品av少妇一区二区| 国产又爽又黄的激情精品视频| 国产精品av一区二区| 欧美日韩国产限制| 欧美伦理91i| 欧美日韩国产成人精品| 欧美日韩大陆在线| 欧美日韩免费网站| 欧美日韩精品福利| 欧美午夜不卡| 国产精品高潮呻吟久久av黑人| 欧美日韩不卡合集视频| 欧美激情一区| 欧美精品色一区二区三区| 欧美日韩国产成人在线观看| 欧美日韩一区三区四区| 国产精品免费电影| 久热综合在线亚洲精品| 老巨人导航500精品| 麻豆国产精品777777在线| 久久视频一区| 欧美日韩不卡在线| 欧美午夜无遮挡| 国产日韩欧美不卡在线| 激情欧美日韩一区| 亚洲精品国产视频| 一区二区三区黄色| 午夜精品国产精品大乳美女| 久久高清免费观看| 老司机精品视频网站| 欧美日韩一区综合| 国产日韩欧美视频在线| 亚洲第一区中文99精品| 亚洲人体偷拍| 欧美一级午夜免费电影| 麻豆成人综合网| 国产精品九九久久久久久久| 国产主播一区二区| 99在线精品免费视频九九视|