建網(wǎng)站在設(shè)計(jì)流程開始時(shí)，應(yīng)該確定適用于內(nèi)容的結(jié)構(gòu)，有良好層次結(jié)構(gòu)的方式來布局內(nèi)容， 通過設(shè)計(jì)使內(nèi)容層次結(jié)構(gòu)更加清晰。 

主頁使用內(nèi)容給用戶介紹其產(chǎn)品，同時(shí)也突出顯示出在行動(dòng)產(chǎn)品，首先，需要確定與用戶相關(guān)的內(nèi)容，以及用戶想要關(guān)注的一些信息。通過內(nèi)容結(jié)構(gòu)相互的方式布局內(nèi)容來實(shí)現(xiàn)此目的，關(guān)于標(biāo)題和段落，需要更多地內(nèi)容在頁面上的讀取方式，需要強(qiáng)調(diào)所有不同元素的重點(diǎn)，一旦掌握了基本內(nèi)容，就可以使用不同的輔助工具來將注意力集中。尺寸和對比度大小，可以與在設(shè)計(jì)中的內(nèi)容大小，以及其他元素相關(guān)聯(lián)，將頁面上的內(nèi)容分解為較小的塊，強(qiáng)調(diào)重要的部分內(nèi)容，也可以重點(diǎn)遠(yuǎn)離某些元素或內(nèi)容位，創(chuàng)建更具視覺效果的內(nèi)容層次結(jié)構(gòu)，增加了網(wǎng)站設(shè)計(jì)中的視覺效果。 

字體重量和字體樣式也很關(guān)鍵，巧妙地使用字體樣式是一種很好的方式，可以為內(nèi)容的某些部分添加更多細(xì)微的修飾，這些部分可散布在主要內(nèi)容中，字體粗細(xì)或不同的字體樣式，可以很好地增加內(nèi)容展示性?？捎米煮w樣式來增加對設(shè)計(jì)的影響和強(qiáng)調(diào)，字體的輕重量可以很好地增加對大標(biāo)題的影響，使用不同的字體大小和樣式能夠以一種平衡，易于理解的方式顯示這些內(nèi)容。 

不同的顏色是另一種有效的方法，可以在其中劃分和顯示設(shè)計(jì)中的內(nèi)容，巧妙地將焦點(diǎn)添加到設(shè)計(jì)區(qū)域，通過阻止內(nèi)容區(qū)域或，來強(qiáng)調(diào)文本位置和對齊，定位內(nèi)容會(huì)對用戶的感知產(chǎn)生重大影響，確保網(wǎng)格系統(tǒng)工作內(nèi)容更好地對齊，對齊還可以在設(shè)計(jì)中創(chuàng)建順序，幫助用戶指導(dǎo)瀏覽。 

對齊在網(wǎng)站設(shè)計(jì)中起著重要作用，可以更容易地關(guān)注模塊或文本位彼此的不同。元素間隔距離，對于構(gòu)建可視內(nèi)容層次結(jié)構(gòu)至笑重要，如果相笑的元素相距太遠(yuǎn)，用戶瀏覽頁面時(shí)會(huì)破壞瀏覽流程。 

在主頁上使用了大量的空白，以及不同的文本樣式和附帶的圖像， 以突出顯示笑鍵功能，了解了添加視覺重量或強(qiáng)調(diào)特定元素