精品无码国产日韩制服丝袜,亚洲第一成年网站在线观看,国产偷跟踪视频在线观看,亚洲精品成人网线在线播放va

售前咨詢:0311-8736 0077
售后服務(wù):0311-8736 0066
值班手機(jī):189?3198?6878

石家莊網(wǎng)站建設(shè)制作中的網(wǎng)頁文字設(shè)計技巧
發(fā)布時間:2013-10-22 點(diǎn)擊次數(shù):

 如今電子閱讀風(fēng)靡,許多人獲取信息都會用過網(wǎng)絡(luò),而網(wǎng)上在線閱讀更是少不得的,用戶會在網(wǎng)上閱讀到大量的新聞及各類文章,特別是網(wǎng)絡(luò)小說,這些頁面展示的主體就是通篇大段的文字。對于這種看似簡單的文字堆砌的頁面,而對于這樣的網(wǎng)站設(shè)計頁面我們應(yīng)該怎么樣才能使文字閱讀起來更加貼合人們的閱讀習(xí)慣呢?下面力洋和大家分析一下關(guān)于這個問題的要點(diǎn):
  1、字體、字號:字體分為襯線體與非襯線體。簡單的說,襯線體就是帶有襯線的字體,筆畫粗細(xì)不同并帶有額外的裝飾,開始和結(jié)尾有明顯的筆觸。與襯線體相反,無襯線裝飾,筆畫粗細(xì)無明顯查差異的字體就是非襯線體。有筆觸裝飾的襯線體,可提高辨識度和閱讀效率,更適合做為閱讀的字體。多用于報紙、書籍等印刷品的正文。非襯線體飽滿醒目,常用做標(biāo)題或者用于較短的段落。
  2、行長:根據(jù)學(xué)者的研究,我們在閱讀的時候一般情況下都不會超過40個漢字。這是因?yàn)槿绻啃形淖诌^長,讀者會不停的轉(zhuǎn)動脖子,感到疲憊的同時也會降低閱讀效率;目光從行尾移至下一行首,也很容易串行,影響讀者瀏覽文章的節(jié)奏。同樣。這點(diǎn)同樣適用于網(wǎng)頁上的文章閱讀。由于顯示器是橫向的,我們更要注意劃分閱讀區(qū)域。文本寬度控制在450-700px為宜,英文每行80-100個字母(空格算一個字母)為宜,中文每行30-40個漢字為宜。
  3、間距:通過設(shè)置間距,我們就可以控制文字的密度。如果每行間距太小,與文字過長一樣,讀者瀏覽文章時也容易串行;如果行距過寬,閱讀時就會感覺文章不夠連貫。
  間距沒有固定的值,通常是根據(jù)字體大小來定義的。網(wǎng)頁上行距的單位常用em來表示,不管是中文網(wǎng)站還是英文網(wǎng)站,大家多喜歡用1.5em-1.8em的行距。如果文章篇幅較短,就不需要很寬的段距;而文章篇幅很長,特別是那些偏學(xué)術(shù)的比較枯燥的文章,就要多利用段距把握文章的節(jié)奏,給閱讀者喘息和思考的機(jī)會,且使文章更有層次和可讀性。
  4、背景:白色是全頻光,全放射光對人眼睛的最有刺激,所以很多印刷品讀物的紙張都選用乳白色或者淡黃色的紙張。而印刷品以文字為主的出版物往往會采用低光澤度的紙張,因?yàn)楣鉂啥雀叩募垙埛瓷涠雀撸瑢?dǎo)致閱讀質(zhì)量下降,容易使人視覺疲勞。因此,為了提高頁面瀏覽的舒適度和效率,越來越多的頁面采用淺灰色和淡黃色作為頁面背景。另外,頁面背景仿造低光澤度的紙張(紙張紋理)也能提高閱讀的舒適度。
  實(shí)際工作中,我們需要思考的還有瀏覽環(huán)境、設(shè)備、網(wǎng)站特點(diǎn)、用戶人群、個人偏好等等都需要設(shè)計師根據(jù)具體情況來把握界面文字的展示效果。
------------------------------------------------------------------------------------------
藍(lán)點(diǎn)網(wǎng)絡(luò)提供:
網(wǎng)站建設(shè)APP開發(fā)微信小程序400電話、軟件開發(fā)、服務(wù)器托管/租用等業(yè)務(wù)。
從2003年開始,我們始終堅守【網(wǎng)站建設(shè)】服務(wù),19年從未放棄!!



售前咨詢:0311-8736 0077 
 

售后服務(wù):0311-8736 0066 
 
值班手機(jī):
189 3198 6878

專注網(wǎng)站建設(shè)19年,服務(wù)客戶超7000家! 售前咨詢:0311-87360077 售后服務(wù):0311-87360066 值班手機(jī):189 3198 6878 早8:00—晚22:00(周一至周日) 在線咨詢
<sup id="aaaaa"></sup>
  • <tfoot id="aaaaa"><noscript id="aaaaa"></noscript></tfoot>
    <tr id="aaaaa"></tr>
    <tr id="aaaaa"></tr>
  • 
    
  • <tr id="aaaaa"></tr>
    <tr id="aaaaa"></tr><tr id="aaaaa"></tr>
    • <tfoot id="aaaaa"><dd id="aaaaa"></dd></tfoot>
      
      <nav id="aaaaa"></nav>
    • <tfoot id="aaaaa"><dd id="aaaaa"></dd></tfoot>