任何設(shè)計(jì)都需要三層印刷層次

2022-05-30    分類: 網(wǎng)站建設(shè)

對(duì)于你設(shè)計(jì)任何東西的人來(lái)說(shuō),最重要的元素之一就是類型。它需要清晰易讀,并且應(yīng)該引導(dǎo)用戶完成設(shè)計(jì),從最重要的元素到最少的元素。
簡(jiǎn)而言之,解釋排版層次結(jié)構(gòu)。但要真正掌握類型的藝術(shù),您需要了解如何在整個(gè)設(shè)計(jì)中將圖層分層以實(shí)現(xiàn)大的影響力。繼續(xù)閱讀以了解如何掌握印刷術(shù)層次結(jié)構(gòu)并在每個(gè)項(xiàng)目中創(chuàng)建有效類型。

創(chuàng)新互聯(lián)在成都網(wǎng)站建設(shè),網(wǎng)站設(shè)計(jì)制作方面屬高端品牌,網(wǎng)站制作公司的領(lǐng)軍,提供的網(wǎng)站設(shè)計(jì)制作,公司網(wǎng)站制作,成都建設(shè)網(wǎng)站,官網(wǎng)建設(shè),網(wǎng)頁(yè)制作公司,建網(wǎng)站公司,企業(yè)建站,成都網(wǎng)絡(luò)公司與品牌網(wǎng)站策劃運(yùn)營(yíng)服務(wù)。


什么是印刷層次?


印刷層次結(jié)構(gòu)是另一種形式的視覺(jué)層次結(jié)構(gòu),是整個(gè)設(shè)計(jì)項(xiàng)目中的一個(gè)子層次結(jié)構(gòu)。印刷層次結(jié)構(gòu)呈現(xiàn)字母,使最重要的單詞顯示效果大,因此用戶可以掃描文本中的關(guān)鍵信息。
沒(méi)有印刷層次結(jié)構(gòu),設(shè)計(jì)中的每個(gè)字母,每個(gè)單詞和每個(gè)句子看起來(lái)都是一樣的。你能想象讀一切都是相同的字體,大小和顏色的東西嗎?你從哪里開(kāi)始?你怎么知道什么最重要?
印刷層次結(jié)構(gòu)創(chuàng)建元素之間的對(duì)比。設(shè)計(jì)師通過(guò)使用字體,大小,重量,大寫(xiě)和小寫(xiě)字母,粗體或斜體,方向和顏色來(lái)實(shí)現(xiàn)這一點(diǎn)。這些設(shè)計(jì)工具的組合被用于創(chuàng)建屬于不同層的類型。
小學(xué)一級(jí)
印刷術(shù)的主要水平是所有重要的類型。這是頭條和甲板 - 也被稱為“家具” - 吸引讀者參與設(shè)計(jì)。這是設(shè)計(jì)中大的類型(除非你使用印刷藝術(shù))。
中等水平
排版的第二級(jí)是可掃描信息的塊,幫助讀者保持設(shè)計(jì)。這包括諸如子標(biāo)題,標(biāo)題,拉引號(hào),信息圖表和其他小塊文本的信息,這些文本將信息添加到主要文本級(jí)別。這些文本塊的設(shè)計(jì)很大,但通常比小學(xué)排版中的文字小得多。
第三級(jí)
排版的三級(jí)是您設(shè)計(jì)的主要文字。它通常是設(shè)計(jì)中最小的類型,但它需要足夠大才能被所有潛在用戶完全讀取。字體應(yīng)該簡(jiǎn)單并且在設(shè)計(jì),間距和總體使用方面一致。
其他級(jí)別
其他層次的排版包括適用于小部門(mén)影響的高等教育類型。諸如粗體,斜體,下劃線和顏色等效果可以引起對(duì)正文中特定區(qū)域的注意。這些效果適用于第三級(jí)使用的相同尺寸和字體的文字時(shí)效果。效果可以謹(jǐn)慎使用,并且只能按順序使用幾個(gè)字。其他級(jí)別的示例包括帶下劃線的鏈接,用于影響的粗體字或用于強(qiáng)調(diào)的斜體或顏色。
打印項(xiàng)目中的層次結(jié)構(gòu)
印刷項(xiàng)目中的視覺(jué)層次結(jié)構(gòu)嚴(yán)格視覺(jué)化。使用大小,顏色和其他效果來(lái)使某些類型的位顯得更大更重要,并且相應(yīng)地縮放是您為了獲得良好開(kāi)始而必須做的所有事情。
看一下上面的分步示例,您可以清楚地看到不同級(jí)別的印刷層次結(jié)構(gòu),以及它如何使設(shè)計(jì)更易于閱讀并更具視覺(jué)吸引力。通過(guò)在關(guān)鍵領(lǐng)域增加重點(diǎn),您可以將這一技術(shù)應(yīng)用于任何設(shè)計(jì)項(xiàng)目。
創(chuàng)造它
有多種方法可以創(chuàng)建層次感。以下是一些最常用的技巧:
字體選擇:更有趣的字體可以看起來(lái)更大,并且畫(huà)眼睛比視覺(jué)陰謀更少。在使用新穎性時(shí),腳本或復(fù)雜的字體應(yīng)注意可讀性問(wèn)題,并確保類型足夠大。
大?。核鼛缀醪挥谜f(shuō),但類型越大,眼睛將被吸引得越快。字體大小應(yīng)該與閱讀文本的重要性順序相關(guān)。
重量:字母的粗細(xì)可以使文字看起來(lái)更大(粗體,粗體)或更小(細(xì)體或壓縮字體)。
大寫(xiě)和小寫(xiě)字母:您聽(tīng)說(shuō)以大寫(xiě)字母發(fā)送電子郵件就像對(duì)某人大喊大叫。所有設(shè)計(jì)上限都是如此。謹(jǐn)慎使用。大寫(xiě)字母會(huì)顯得更大并且走到最前面,而小寫(xiě)字母看起來(lái)更小并且經(jīng)常落入背景。
粗體:粗體字是單個(gè)單詞或短語(yǔ)的重點(diǎn)。它在三級(jí)類型中特別適用。
斜體:斜體字可以突出顯示單個(gè)單詞或短語(yǔ),而不是以粗體顯示,而且更加細(xì)微。它在三級(jí)類型中特別適用。
方向:翻轉(zhuǎn)字母,顛倒或任何其他方向,水平線可以立即吸引眼球,因?yàn)樗鼈兊姆胖梅绞脚c預(yù)期不同。這可以適用于文本主要級(jí)別的短語(yǔ)或短語(yǔ)。
顏色:為通常沒(méi)有顏色的字母添加顏色會(huì)創(chuàng)建特定的即時(shí)興趣。這種效果可以在任何級(jí)別的文本中工作,但應(yīng)該慎重,以免造成可讀性問(wèn)題或混淆。
展示位置:文字位于畫(huà)布上的位置也可以建立分層結(jié)構(gòu)。通常你從上到下閱讀(一種自然的排序),但是這可以通過(guò)采用上面的一些技術(shù)來(lái)改變。
數(shù)字項(xiàng)目中的層級(jí)
您在印刷項(xiàng)目中使用的所有工具也適用于數(shù)字項(xiàng)目,并增加了一些內(nèi)容。數(shù)字印刷層次結(jié)構(gòu)還必須在創(chuàng)建Web類型時(shí)考慮HTML。這種額外的思維水平確保您的視覺(jué)水平將轉(zhuǎn)化為屏幕上的其他用戶。
創(chuàng)造它
確保在處理將在線發(fā)布的項(xiàng)目時(shí)使用通用約定,包括標(biāo)題,正文和粗體樣式。這些常用風(fēng)格定義中的每一個(gè)都屬于HTML中的胡蘿卜(<>)。
標(biāo)題(標(biāo)題):為網(wǎng)頁(yè)抓取工具和用戶定義文檔標(biāo)題。
正文(正文):定義文檔中的正文文本。
標(biāo)題(h1到h6):定義標(biāo)題樣式的不同層次。H1通常是大也是最重要的,通過(guò)H6向下移動(dòng)。你只需要使用盡可能多的你喜歡的。
粗體(強(qiáng)):定義較重,更重要的文字。
斜體(em):用于強(qiáng)調(diào)文字的傾斜。

層次和可用性


當(dāng)涉及到移動(dòng)應(yīng)用程序時(shí),您需要考慮視覺(jué)印刷層次結(jié)構(gòu),HTML印刷層次結(jié)構(gòu)和印刷層次結(jié)構(gòu)中的可用性。文本不僅要看起來(lái)很好,而且還要正常工作,但它也必須設(shè)計(jì)成讓用戶知道如何處理它,并按照預(yù)期進(jìn)行交互。
這種基于動(dòng)作的排版包含了設(shè)計(jì)師的一些關(guān)鍵內(nèi)容。類型必須足夠大才能點(diǎn)擊,分開(kāi)以便每個(gè)可輕敲項(xiàng)目都被清晰地定義,并且可用元素具有某種視覺(jué)定義(例如按鈕)。
創(chuàng)造它
在創(chuàng)建可用的印刷層次結(jié)構(gòu)時(shí)要記住的事情是將用戶將要與之交互的類型元素與他們不會(huì)彼此交互的類型元素分開(kāi)。重要的考慮包括:
空間:給每個(gè)應(yīng)該被觸摸或點(diǎn)擊的元素,足夠的空間。考慮空間的大小以及手指觸摸它所需的空間量。如果類型非常接近,單擊錯(cuò)誤的元素,用戶可能會(huì)很快失望。
顏色:創(chuàng)建可用性的調(diào)色板??紤]讓每一個(gè)用于觸摸的詞都與主文本不同。
陰影:陰影是可以按某種方式按下按鈕的常見(jiàn)指示器。
邊界:考慮將邊框添加到您希望用戶與之交互的獨(dú)立元素。確保它們背離背景。(時(shí)髦的“幽靈按鈕”就是一個(gè)很好的例子,就像上面的Spacecraft網(wǎng)站的例子。)
動(dòng)畫(huà):移動(dòng)文字雖然難以使用,但可以快速幫助吸引某些詞語(yǔ)。
方向:記住告訴用戶屏幕上的操作,從點(diǎn)擊到滾動(dòng)到號(hào)召性用語(yǔ)。

結(jié)論

即使沒(méi)有考慮它,你也有可能設(shè)計(jì)出某種排版層次結(jié)構(gòu)。但考慮如何將類型整合為一體,可以改善整體設(shè)計(jì)。

使用印刷層次來(lái)增加重點(diǎn),影響并創(chuàng)建用戶可以快速查看和響應(yīng)的操作調(diào)用。記住在決定應(yīng)用于字體,大小和效果時(shí)應(yīng)該考慮可讀性,可掃描性和整體理解。您的讀者(或用戶)會(huì)感謝您。


本文來(lái)自創(chuàng)新互聯(lián)品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)
標(biāo)簽:公司網(wǎng)站制作,成都建設(shè)網(wǎng)站,官網(wǎng)建設(shè),網(wǎng)頁(yè)制作公司,建網(wǎng)站公司,企業(yè)建站,重慶網(wǎng)站建設(shè)公司成都網(wǎng)頁(yè)設(shè)計(jì)公司,成都網(wǎng)站設(shè)計(jì)公司企業(yè)網(wǎng)站建設(shè)

當(dāng)前文章:任何設(shè)計(jì)都需要三層印刷層次
URL地址:http://www.muchs.cn/news6/161206.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供自適應(yīng)網(wǎng)站、網(wǎng)站營(yíng)銷、品牌網(wǎng)站制作搜索引擎優(yōu)化、ChatGPT、虛擬主機(jī)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)公司