精品国产免费观看_亚洲日韩欧洲无码av麻豆_欧美精品在线91_欧美 成 人嘿咻在线视频_影音先锋另类精品中文字幕_歪歪漫画无删减免费_精品无码在线视频_久久三级无码少妇_欧美午夜福利精品视频_了解最新x8x8国产在线最新地址

創(chuàng)藝享品牌策劃設(shè)計(jì)&制作供應(yīng)商  >>文字排版基本定律

在平面設(shè)計(jì)中，因?yàn)樽罱K目的是印刷，對(duì)我們的圖片尺寸沒有非常嚴(yán)格的要求。但是如果我們是為了互聯(lián)網(wǎng)產(chǎn)品的設(shè)計(jì)的話，可能會(huì)涉及一些需要網(wǎng)站編輯直接上傳的圖片，如果你的尺寸不是一個(gè)固定尺寸，那么可能原本網(wǎng)站編輯不需要裁剪圖片而可以直接上傳的工序，要因?yàn)槲覀兊囊粋�(gè)尺寸變得很復(fù)雜。所以請(qǐng)牢記以下三個(gè)尺寸：4:3，16:9，1:1。4:3的原因是相機(jī)的畫幅一般是4比3，所以我們看到的新聞客戶端的圖片大多是4:3。16:9的原因是視頻寬熒幕畫幅就是16:9，所以我們看到視頻網(wǎng)站的截圖一般都是直接由機(jī)器抓取的圖片。1:1一般用于封面等圖片素材的尺寸是正方形的。在一個(gè)設(shè)計(jì)中，圖片與文字的量應(yīng)該有一定的對(duì)比。人天生喜歡看圖片而不是閱讀，實(shí)際上人類有閱讀能力的歷史只有幾千年，而欣賞圖片的能力是天然的。如果你的需求上文字需求非常多，嘗試與需求方商討減少文字量。文字量越少，圖形化設(shè)計(jì)越多，那么視覺上這個(gè)作品看起來(lái)就更輕松。 第一，保證文字是可讀的。 第二，不要在一個(gè)版面中使用三種以上的字體。 第三，如果英文標(biāo)題或單獨(dú)進(jìn)行排版時(shí)，盡量全部使用大寫而非首字母大寫。中文標(biāo)題或單獨(dú)進(jìn)行排版時(shí)結(jié)尾不需要句號(hào)。 第四，文字之間的間距在UI設(shè)計(jì)中一般設(shè)置為0，行距一般為字號(hào)本身的1.5倍到2倍。但是考慮到用戶使用場(chǎng)景，比如用戶在地鐵內(nèi)閱讀新聞時(shí)可能地鐵會(huì)出現(xiàn)晃的情況而導(dǎo)致串行，就需要我們考慮增加行距�？傊珠g距和行距以及文字大小都要依據(jù)實(shí)際場(chǎng)景來(lái)決定。在UI設(shè)計(jì)中文字大小單位須設(shè)置成PX（像素），大小必須是偶數(shù)。如：24px、26px、28px等。 第五，文字閱讀需要清晰地背景區(qū)分，比如黑紙白字和白紙黑字原則。 第六，除非不得已盡量避免在一個(gè)版式中使用中英文混排。 第七，文本左邊對(duì)齊同時(shí)右邊也需要對(duì)齊。可以通過PS中的段落面板設(shè)置間距組合和避頭尾法則，但是有時(shí)半角符號(hào)可能會(huì)讓我們很棘手，那就要通過調(diào)整間距和空格等方式讓文本盡量對(duì)齊。 第八，中文前面需要空兩個(gè)全角字符空格，英文前面無(wú)需空格，但需要大寫。 我們?cè)谝粋�(gè)設(shè)計(jì)中一定會(huì)依靠一些配圖或者照片素材來(lái)進(jìn)行排版。有時(shí)我們會(huì)選擇尋找素材或者是自己去拍，無(wú)論如何，作品中使用的圖片一定要與整體設(shè)計(jì)色調(diào)相符，冷色暖色中性色都要符合整體的色調(diào)，一定是鄰近色或?qū)Ρ壬壬赎P(guān)系，不要因?yàn)樽约旱闹饔^放置沒有色彩關(guān)系的配圖或者會(huì)抵消畫面色彩傾向的配圖。另外注意色彩會(huì)產(chǎn)生「水彩效果」，即兩種顏色放在一起，如果其中一種是灰色或者比較臟的顏色，那么另一個(gè)顏色在我們大腦中也會(huì)感覺變臟了。類似于這種效果可以在作圖中慢慢體會(huì)。 在我們排版時(shí)首先要產(chǎn)生對(duì)比效果的就是背景和文字了。文字是第一閱讀元素，背景和文字如果顏色很接近，那么就不容易區(qū)分出來(lái)引發(fā)注意了。一般來(lái)說(shuō)在很多媒介的設(shè)計(jì)中我們習(xí)慣了白紙黑字，即白色背景和黑色文字。我指的不僅是純黑和純白，也包括其他類似明度顏色的對(duì)比。黑紙白字是另一個(gè)選擇，深色背景和淺色文字的搭配其實(shí)不適合大量閱讀，如果你的作品信息不多是沒有問題的，但是如果用戶閱讀很久黑紙白字的界面，就會(huì)產(chǎn)生視疲勞（比如再次盯著白色的墻的時(shí)候文字還會(huì)出現(xiàn)等）不舒服的感受。當(dāng)然一切取決于用戶使用場(chǎng)景，如果我們的設(shè)計(jì)被應(yīng)用在夜晚等較暗的環(huán)境，黑紙白字更利于閱讀�？傊还苣愕脑O(shè)計(jì)采用橙藍(lán)、黑白、藍(lán)紫配色，一定要記住文字和背景的對(duì)比關(guān)系。任何一個(gè)設(shè)計(jì)中都需要把各個(gè)元素分級(jí)分清主次，這樣才能更好的抓住重點(diǎn)。你可以想象自己在管理著一部瑪麗蘇電視劇，這部劇中誰(shuí)是主角？誰(shuí)是女二號(hào)？誰(shuí)是群演？主角需要獨(dú)立的化妝間和助理；女二號(hào)可能只有一個(gè)助理；群演可能就是整個(gè)劇里的一個(gè)過客。我們的設(shè)計(jì)也是如此，哪個(gè)信息是主角？哪個(gè)信息是女二號(hào)？哪些元素又僅僅是群演呢？女主元素首先要站C位（網(wǎng)絡(luò)流行詞，來(lái)源center）霸占畫面的中心，然后這個(gè)元素要盡量突出，可以使用更鮮艷的顏色、更夸張的字重、加邊框等方式突出；女二號(hào)信息一定不要搶了女主信息的風(fēng)頭，所以要和女主元素有一定的對(duì)比，字號(hào)上也要小很多，盡量讓用戶第一眼看到主要元素。而群演的元素一定要淡化，僅僅讓人感知有這些元素就可以了，比如文字可以縮小到剛剛能注意到，顏色可以是接近背景色等。那么如何讓這些信息按照他們的身份來(lái)排版呢？我們就要用到CRAP原則了，CRAP是這四個(gè)原則的首字母縮寫，分別是對(duì)比、重復(fù)、對(duì)齊、親密性四個(gè)原則。 大小對(duì)比是指文字、圖片、圖標(biāo)等元素為了區(qū)分重要性采用的區(qū)分方法。比如兩行文字：郗鑒和相聲演員，同屬文字但權(quán)重不同：第二行的文字用于解釋第一行的內(nèi)容，所以第二行內(nèi)容應(yīng)該通過大小和顏色變成次級(jí)，讓用戶閱讀時(shí)分清主次。與此類似，比如音樂播放界面中的三個(gè)按鈕一般并排放在一起：上一首歌、播放、下一首歌，哪個(gè)應(yīng)該更大呢？當(dāng)然是常用的、重要的功能-播放按鈕。當(dāng)然如果圖標(biāo)同屬一個(gè)級(jí)別也應(yīng)該放在一個(gè)尺寸的級(jí)別上。除了文字之外，圖標(biāo)和其他裝飾信息的色彩對(duì)比也是非常重要的。輔助信息或者輔助功能的圖標(biāo)盡量淡化以突出主要功能和圖標(biāo)；重要功能如訂單等按鈕則需要突出和醒目。色彩對(duì)比是設(shè)計(jì)中一個(gè)非常常見的手法。 在同一個(gè)視覺區(qū)域內(nèi)的邏輯不同的元素應(yīng)該有所區(qū)別，避免視覺上相似。這樣就可以有效地區(qū)分誰(shuí)是主角誰(shuí)是配角了。為了讓主要元素更突出，讓次要元素更后退，我們可以盡量使它們的顏色、字體、大小、留白不同。如果兩個(gè)元素不盡相同，請(qǐng)讓它們截然不同。比如如果你想使用12px的正文與14px的標(biāo)題區(qū)分明顯，不如用12px與40px進(jìn)行區(qū)分反差更大，更容易區(qū)分哪個(gè)內(nèi)容是需要優(yōu)先瀏覽的、哪個(gè)內(nèi)容是次要的。如果相同的內(nèi)容（如標(biāo)題等）屬于同一個(gè)邏輯，可使它們的顏色、字體、大小、留白保持相同。這樣可以增加條理性和加強(qiáng)設(shè)計(jì)的統(tǒng)一性。這個(gè)原則看似簡(jiǎn)單，但是新手很容易犯這個(gè)問題，所以再次提醒，一個(gè)級(jí)別的信息盡量使用一種設(shè)計(jì)來(lái)保持用戶的認(rèn)知，避免用戶認(rèn)為是另一種信息分類。這就是重復(fù)原則。在一個(gè)屬性或邏輯單元里的內(nèi)容應(yīng)該盡可能地使用重復(fù)的顏色、大小、間距。我們來(lái)看，一個(gè)注冊(cè)頁(yè)面可含有：注冊(cè)、登錄、忘記密碼、跳過等內(nèi)容。如果我們把登錄頁(yè)面分為四個(gè)屬性，那么可能我們需要四種字體或四個(gè)不同的區(qū)域。但如果我們把它們分為兩類呢？注冊(cè)和其他。那么同一個(gè)分類就可以重復(fù)使用一種字體了�？瓷先ゾ筒粫�(huì)很亂了。在重復(fù)原則下，用戶會(huì)因?yàn)橐曈X慣性變成尋找線索的「僵尸」，會(huì)根據(jù)線索而順暢地瀏覽下去。 任何內(nèi)容在版面上都盡量應(yīng)該上下左右對(duì)齊。隨意擺放絕對(duì)是錯(cuò)誤的。這一點(diǎn)一定要和大家多次強(qiáng)調(diào)，比如一個(gè)元素上下左右的間距都要是一樣的。大家看到網(wǎng)頁(yè)和app設(shè)計(jì)之中經(jīng)常會(huì)有間距和留白，留白和對(duì)齊都是我們?cè)谠O(shè)計(jì)時(shí)需要考量的，留白不是隨意的。在邏輯上有關(guān)系的兩個(gè)元素應(yīng)該盡量放在一起。兩個(gè)視覺元素在一起就會(huì)變成一個(gè)視覺單元。比如注冊(cè)頁(yè)面中的登錄視覺單元是由輸入表單和登錄按鈕組成的。相同的內(nèi)容，如小標(biāo)題等，屬于同一個(gè)邏輯�？墒顾鼈兊念伾⒆煮w、大小、留白保持相同，這樣可以增加條理性和加強(qiáng)設(shè)計(jì)的統(tǒng)一性。