排版 Layout

《報導者》為網路原生媒體，有邏輯的網格系統能讓版面佈局更有秩序，提昇讀者閱讀版面的舒適度。

網格系統

在開始設計前，可以先將邊距（margin）定義出來，欄距（gutter）則於必要時使用。邊距數值為版面最長邊的36分之1，若是正方形則以18分之1作計算；欄距則皆為邊距的2分之1，欄位以12欄為主，其餘格式將在必要時下降到9欄、6欄或4欄網格。

適當的留白、靈活的使用網格系統也是重要的原則，若版面開始變得複雜，請果斷放棄。

輔助圖形為品牌造型的延伸，透過輔助圖形的系統性安排，讓標誌與品牌的個性再一次延展至每一個設計應用的面向。《報導者》品牌輔助圖形包含三大類型的視覺元素，供不同場合語意表達使用。

第一類圖騰以《報導者》標誌作為應用元素，圖騰可在標誌等寬（x）至兩倍寬（2x）的範圍內自由變化，藉此呼應品牌自由、開放的精神。

第二類圖騰以《報導者》標誌的局部作為裝飾性應用，用以展現畫面之立體空間與多面向的視角，其使用規則如下圖裁切方式所示。

第三類的圖騰以較寫意的方式作為裝飾性應用，視覺呈現上如同記者的手札一般，表現出手寫的溫度與現場感。適用於「強調」、「聚焦」等目的或者「非正式場合」之情境，強調線可與類型一或類型二的圖騰搭配使用。

Last updated 2 years ago