1、文字排版行距字間距影響網(wǎng)站閱讀性。網(wǎng)頁設(shè)計(jì)中文字不同的間距,不僅影響美觀,也同時(shí)影響閱讀性。
2、排版的注意事項(xiàng):重要的英語標(biāo)題不宜使用全大寫。(降低認(rèn)知度)標(biāo)題不宜重疊與圖片之上。(干擾視線)標(biāo)題中無標(biāo)點(diǎn)。(通常情形下)內(nèi)文每行不宜過長。
3、文字行對齊 行對齊也是文字排版中很重要的一個(gè)規(guī)范,而無論是活潑的、精美的、新潮的、有趣的、嚴(yán)肅的、正式的還是文藝的視覺效果,都有一種很明確的對齊方式來達(dá)到網(wǎng)頁規(guī)范的目的。
4、選擇靠譜的設(shè)計(jì)工具 在進(jìn)行網(wǎng)頁設(shè)計(jì)排版的時(shí)候,一定要選擇一個(gè)靠譜的設(shè)計(jì)工具,這對于網(wǎng)頁設(shè)計(jì)來說是非常重要的,如果設(shè)計(jì)工具不夠靠譜的話,設(shè)計(jì)出來的網(wǎng)頁也不會(huì)達(dá)到想要的效果。
5、在文字過多的情況下,通常規(guī)劃者會(huì)進(jìn)行分欄,這樣就可以防止閱覽過程中眼睛不停地來回環(huán)視產(chǎn)生的錯(cuò)行現(xiàn)象,從而提高閱覽速度和改善閱覽感受。
1、文字行對齊 行對齊也是文字排版中很重要的一個(gè)規(guī)范,而無論是活潑的、精美的、新潮的、有趣的、嚴(yán)肅的、正式的還是文藝的視覺效果,都有一種很明確的對齊方式來達(dá)到網(wǎng)頁規(guī)范的目的。
2、一般情況下,兩行文字之間的距離不會(huì)跳過兩個(gè)字的高度,適中的行距離在閱覽中會(huì)有一種輕松、舒適的感覺。
3、段落間距 在段落之間,要保持足夠的間距才能讓讀者更容易識別,頁面也更整潔。
4、正確匹配和配對字體 對于網(wǎng)頁設(shè)計(jì)師來說,系統(tǒng)字體是一種安全的選擇,因?yàn)樗鼈円子谑褂们也粫?huì)給出復(fù)雜的布局。但是,要正確使用文本工具中可用的眾多書法字體,您需要成對選擇和匹配它們,從而提供出色的混合效果。
5、文字格式應(yīng)前后一致、風(fēng)格統(tǒng)一 企業(yè)網(wǎng)站中運(yùn)用文字時(shí)不會(huì)只集中在一個(gè)區(qū)域,所以在進(jìn)行文字排版時(shí)應(yīng)做到前后一致、風(fēng)格統(tǒng)一,這樣才能保證網(wǎng)站頁面的整齊統(tǒng)一。
1、微軟雅黑/方正中黑:在網(wǎng)頁設(shè)計(jì)中這款字體使用的非常頻繁,這款字無論是放大還是縮小,形體都非常的規(guī)整舒服。在設(shè)計(jì)過程中建議多使用雅黑,大標(biāo)題用加粗字體,正文用常規(guī)字體。
2、堅(jiān)持以用戶體驗(yàn)為中心設(shè)計(jì)原則,界面直觀、簡潔,操作方便快捷,用戶接觸軟件后對界面上對應(yīng)的功能一目了然、不需要太多培訓(xùn)就可以方便使用本應(yīng)用系統(tǒng)。
3、網(wǎng)頁設(shè)計(jì)中,文字間距一般根據(jù)字體大小選1—5倍作為行間距,5—2倍作為段間距比如12號字體,行間距是12px—18px,段落間距則是18px—24px。另外,行高/段落之間的空白=0.754。
4、可讀性 可讀性是UI中字體所需考慮的首要因素。字母字形必須清晰可辨,作為UI元素,其中不同的字母必須可以被用戶輕松辨別出差異。
5、UI標(biāo)注的規(guī)范 尺寸。例如圖標(biāo)、圖片這些內(nèi)容關(guān)于尺寸維度的標(biāo)注。需要注意,比如圖片的尺寸比例,不是固定的它的大小數(shù)字,這樣開發(fā)才能更好的適配,常用的圖片比例有4:16:9等。
6、網(wǎng)頁設(shè)計(jì)規(guī)范的要求學(xué)習(xí)網(wǎng)頁設(shè)計(jì)規(guī)范要注意四點(diǎn):(1)布局。(2)顏色匹配。對于初學(xué)者,建議在主色調(diào)上設(shè)置一些亮度梯度或相似的顏色。(3)圖像。
合理的頁面版式 設(shè)計(jì)網(wǎng)頁時(shí),一定要注意頁面版式的合理性。一個(gè)合理的版式和讓人一目了然的網(wǎng)頁能夠給人帶來舒適的感覺,并且會(huì)讓人愿意花時(shí)間去了解。注重版式的設(shè)計(jì),不要板塊冗雜;頁面版式的搭配,注重協(xié)調(diào)簡潔。
關(guān)鍵詞的設(shè)置要突出 關(guān)鍵詞對網(wǎng)站的作用是不可忽視的,它可以提高搜索引擎對網(wǎng)站的搜索排名,更加網(wǎng)站的曝光率,以及帶來大量的訪問量。
三型布局。這種布局多用于國外站點(diǎn),國內(nèi)用的不多。特點(diǎn)是頁面上橫向兩條色塊,將頁面整體分割為四部分,色塊中大多放廣告條。對稱對比布局。
當(dāng)頁面上有太多的網(wǎng)站功能和組件時(shí),將會(huì)分散網(wǎng)站用戶的注意力而失去原本瀏覽網(wǎng)站的目的。