發(fā)布日期: 3/4/2019 10:02:39 AM 點擊量: 1134
網頁設計本質上是印刷設計發(fā)展過程中原理的進化和理論的創(chuàng)造。 傳統的設計行業(yè)為網頁設計帶來了很多技術與理念，但這些在虛擬環(huán)境中需要花費更多的時間才能掌握。 更不幸的是，我們沒有一個單一的平臺來展示我們的內容；我們必須與多個瀏覽器、操作系統和屏幕尺寸作斗爭。
慈溪網站建設
隨著網頁設計的發(fā)展，我們也觀察到了一些設計原則。 基于網格的設計近年來有所增加，這些設計師可以根據列網格來布局他們的網站。余姚網站建設。網格系統成為一個非常流行的布局方式，通過使用比例和平衡來組織和對齊元素，并向頁面添加秩序。
基于我們使用比例和平衡的知識，可以利用另一種印刷設計理念：基線網格。
什么是一個基線網格？
基線網格是一種用于改善基于網頁排版的技術。 本質上，它將所有文本對齊到垂直方向上的網格（簡稱垂直網格，可以理解為一行），每個字母的底部都位于網格上，就像在劃線紙上書寫。 寧波網站建設。最終的結果是：通過潛意識的平衡以及一致性，使頁面上的文本達到完美的組織。
正如我之前所說，印刷是一種靜態(tài)媒介。 為打印格式而設計時，允許你在你的觀察窗口（例如PS、AI等設計軟件上的畫布）上設定最終的呈現效果。 然而，由于你的設計可以通過網頁在各種可選的平臺上進行解析，對于使用不同設備或者平臺的用戶，CSS渲染你的行高值和其他印刷值也將會有所不同。 對于許多設計師來說，這只能通過猜測和預測最后呈現在用戶面前的樣式。
在印刷中的基線網格-慈溪網絡公司
許多印刷設計師通過結合他們的設計工具來使用基線網格，比如說InDesign、PS和AI等等。 印刷中的網格可以追溯到早期的1200年代。 事實上，從網格到黃金比例（即大多數基于數學的理論）的一切都可以在生活中隨處可見，最突出的是建筑。
網格使得可以將所有的設計元素（文字、攝影、繪畫和顏色）彼此之間構成形式上的關系；也就是說，網格系統在設計中是一個引入秩序的手段。 有意地對元素進行組合比起對元素隨機地布局更具有清晰、整潔和成功的效果。 -- Josef Müller Brockmann。
創(chuàng)建一個基線網格-余姚網絡公司
現在，讓我們來看一下在實際操作中，如何創(chuàng)建一個基線網格。
首先，我們必須基于與字體大小的比率來定義基線網格的行高（line-height）。舉個例子，1:1.5是一個不錯的數值，為我們提供了一個50%的呼吸空間。 如果文字尺寸為12px，那么行高（使用1:1.5這個比例來計算）將會是18px。 150%是一個不錯的數值，為我們的設計提供了易讀性，當然，這個數值不是固定的，你可以取任何合適的數值。寧波網絡公司。 但是，當考慮行高時，你應該盡可能選取130%-160%范圍的比率（對于西文來說是這樣的，對于中文，行高可大于這個數值）。
在我們再進一步之前，你應該了解 CSS line-height 實際上是如何工作的。 line-height是文本行的整體高度，而不是文本本身。 它的工作原理是通過在文本上方和下方添加填充，以使其空間化（可以理解為上下留白）。慈溪微信營銷。 如果我們實際上拿一些文本并為其設置一個背景，我們將會看到文本位于行中間，而不是完全覆蓋在行上方。
