響應式排版中的基礎知識(1)

當我們建立網站的時候,我們一般從定義正文開始。正文的定義顯示了你的主欄有多寬,台南網頁設計,其它幾欄的大小就隨它自己內容定義了。直到最近,各種屏幕分辨率或多或少是同質化的。如今,我們要處理各種屏幕呎寸和分辨率。這讓處理變得更復雜。

在重整旂鼓的熱情中,我寫了一篇關於響應式排版的博客,這篇文章主要專注於我們最近的實驗:響應式字體。如果不知道IA的歷史,你可能會錯過我們新啟動的網站中的響應式排版和設計的一些關鍵點。我決定從頭做起,一步一步解釋響應式排版,而不是整理所有文章,台中網頁設計。以下是第一步。

498)this.width=498;’ onmousewheel = ‘javascript:return big(this)’ alt="" src="" />

為了防止給每個可能的屏幕呎寸做不同的層級設計,很多網頁設計師會採用響應式網站的概唸。一言以蔽之,網頁設計,這是一種網頁佈局會自動適應屏幕呎寸的概唸。有很多種方法可以定義這種概唸。我喜歡用這種方法:

適應性佈局:按步驟調整佈局適應有限數量的屏幕呎寸。流體性佈局:不斷地調整佈局以適應每一種可能的寬度。兩種方式都有優勢和劣勢,我們相信佈局適應於很少的合理變化位置是我們要採用的方法,因為可讀性比佈局寬度隨時和窗口一樣寬來得重要。這是不是一個復雜的問題它本身就值得商榷,但是最優的可讀性需要在文字呎寸上一定數量的控制(欄寬),就此看來,流體式佈局會產生更多問題。

提示:響應式設計已經包含了很多宏觀排版問題(文字大小、行高、欄寬)。於是響應式設計已然在很多方面包含了響應式排版。在我們自己網站上第一次發表關於響應式字體的文章主要針對我們使用的“階段字體”。我想要在下一篇說說關於階段的東西,現在要快速在屏幕上進入響應式宏觀排版的問題。

選擇一種字體

正確的色調

遲早,你需要決定哪種字體是你想要用的。你選擇一種字體主要是色調上的問題,但是,因為每一款字體都有它自己的品質,都需要(或禁止)一定的處理,台中網頁設計,字體的選擇會產生很多視覺和技術上的結果。網頁字體有非常多種可以選擇,所以選擇一種適合的字體是另外一種考驗。

我們通過為自己的網站設計字體來試驗階段性字體。我們選擇了一種襯線字體因為它適合我們的色調,同時映射出我們內容的提煉,高雄網頁設計。我們為IA WRITER選擇了一款等寬字體。因為我們程序的首要目的是幫你得到第一手的草稿,我們尤其選擇了nitti字體,RWD自適應式網頁設計,一款讓你同時覺得很有力但是很細緻的字體。使用等寬字體的決定也是因為第一個ipad的係統不自動緊排比例字體。我們即刻決定使用等寬字體,而不是使用比例字體以至渲染效果很差。

有襯線字體還是無襯線字體

通常的選擇會在有襯線字體和無襯線字體之間。這本身是一個很復雜的問題,但是這裏有一個簡單的經驗法則可以幫你:有襯線字體是一個牧師,無襯線字體是一個黑客。沒有一個比另外一個好,但是,因為各種各樣的原因,有襯線字體有更獨裁的痕跡,而無襯線字體感覺更民主。記住,這是被包裹在兩條嬾散的線裏面的五千年的排版歷史,,所以,不要太在意。

很多的人仍然認為在屏幕上的排版的問題,rwd網頁設計,"襯線或無襯線"這個問題本身解答了它自己。事實上,沒那麼簡單。有別於一般的理唸,如果你選擇大於12號的字體,有襯線和無襯線字體可以表現得一樣好。小於12號的有襯線字體渲染得不夠銳利,但是(同時,網路開店,這點帶領我們進入第二點)在現代的顯示器上,台中網頁設計,12號字體絕對太小了。

什麼呎寸?

你的正文字體不是取決於你自己的個人喜好,它取決於閱讀距離。因為一般的屏幕離人會比書本遠一點,台式機字體的大小要比印刷的大一些。

下面的圖案顯示了,當你的正文字體離你的身體越遠,需要的字體更大,台北網頁製作公司。兩個黑色的和兩個紅色的A有一樣的度量呎寸。但是因為右邊的一副被拿在更遠的位子,感受到的呎寸會更小。右邊紅色的A和左邊黑色的A在感受上一樣的呎寸:

498)this.width=498;’ onmousewheel = ‘javascript:return big(this)’ alt="" src="" />

字體離得越遠,視覺上會顯得越小。你需要將字體設置得更大一些,當字體閱讀的距離更遠的時候。選擇多大的字體是一個科學性的問題。如果你沒有什麼經驗,有用的一個竅門是,將一本印刷很好的書放在合適的閱讀距離,然後比照屏幕字體大小。

平面設計師沒有網頁設計經驗的時候,把網頁正文字體和印刷字體相比的時候,會驚冱於網頁正文字體有多麼大。提醒下你,只有你在一排一排地作比較的時候會覺得字體很大,然而通過透視觀察就不會這樣覺得了。

498)this.width=498;’ onmousewheel = ‘javascript:return big(this)’ alt="" src="" />

如果在增加了正文字體大小之後,新的字體在一開始刺激了你,不要擔心這很正常。然而,當你習慣了它,你不會想要回到"標準"的小呎寸。

從2006年開始我們已經推薦了"透視化比例"字體呎寸。最初,我們聲明Georgia 16號字體是一個很好的正文呎寸參照,這個引起了很多的憤怒甚至一些嘲笑,但是現在這或多或少是一個普遍的標準。隨著更高級的解決方案出現,這個標準慢慢地變得老式了。

1 2 3 下一頁>>查看全文 內容導航 第 1 頁:選擇一種字體  第 2 頁:行高和對比  第 3 頁:那台式機如何? 原文:響應式排版中的基礎知識(1) 返回開發首頁