本節簡介:信息展現類為主的頁面中,圖片在排版中的重要意義,以及圖文混排的理論依據
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
新聞類型的網站有大面積的文字堆積,要使用文字加粗,或者是增加圖片、圖形化標題、各種圖標等,以及多種形式的圖文搭配方式來進行對比,產生適當的視覺間隔,以降低視覺閱讀的疲勞。
視覺間隔:1.多行新聞標題 第一行加粗。 2. 在多個新聞標題前 加圖片+幾行文字 起到間隔作用。
新聞類型的網站有大面積的文字堆積,要使用文字加粗,或者是增加圖片、圖形化標題、各種圖標等,以及多種形式的圖文搭配方式來進行對比,產生適當的視覺間隔,以降低視覺閱讀的疲勞。
8條中間加圖片 加淺色小文字 起到視覺間隔 對比更加清晰
視覺間隔:1.多行新聞標題 第一行加粗。 2. 在多個新聞標題前 加圖片+幾行文字 起到間隔作用。
圖片的作用:1. 展示產品信息內容 2. 起到視覺間隔
圖片的作用:1. 展示產品信息內容 2. 起到視覺間隔 圖片+文字排列:豎+橫 橫+橫 橫+列
視覺間隔:1.多行新聞標題 第一行加粗。 2. 在多個新聞標題前 加圖片+幾行文字 起到間隔作用。
在設計信息展現類型的頁面注意:梳理文字信息層級關系、視覺間隔優化處理、人**交互體驗。
網頁新聞排版,文字較多采用7-8排,中間用加粗會圖文混排來拉開視覺間隔,一排文字不超過20字
騰訊8條新聞,4條新聞中間加一張圖片,來拉開視覺間隔。
網易7條新聞,最前面一條加粗,來拉開文字之間的間距。