淺析網(wǎng)頁設計中漢子的排列小技巧

網(wǎng)頁設計中字體的排列也是非常有技巧的，它不同于英文字母的排列順序，那就不多廢話我們奔入主題！

文字分欄：
      對于內(nèi)文，如果篇幅過長，應該考慮為其分欄。分欄的方式有兩種：一種就是把整個篇幅平均分成幾個相同容量的段塊，另一種就是根據(jù)文本內(nèi)容的結構，以自然 段為基礎進行分欄，也就是每一段分為一欄，這種分欄方式能產(chǎn)生比較靈活自由、錯落有致的視覺風格，但不是所有的篇幅都可以這樣來分，它只適合于自然段比較明顯均衡，段落數(shù)量不多，各個段之間的文本容積相差不大的條件下才可以實現(xiàn)。分欄的另一個要注意的地方就是欄寬的確定，一般來說，15-25個字的欄寬視覺效果比較適舒，超長或超短都會引起閱讀的不方便。

字體的設置：
       好的字體要用好的表現(xiàn)方式，對于每一種字體的挑選，一定要根據(jù)版面?zhèn)鬟_的內(nèi)容和氣質(zhì)進行對照選擇，不要帶有個人喜好，許多平常不用的基礎字體要嘗試著去用，這樣能加深對字體的理解，還有就是參考好的設計作品，看他們是如何使用文字的?？偸蔷褪遣灰獊y用，要有切實可行道理，關鍵就是一定要有視覺美感。
        先要明白的一點就是：不同的字體有著不同的性格和氣質(zhì)，也就是說字體是有生命的。許多設計師對使用字體很迷茫，不知道什么情況下該使用什么樣的字體，其實這就是沒有去真正關注字體性格的結果。
現(xiàn)在電腦上的字庫五花八門，基本上我們所需要的字體在里面都能找到，但似乎選擇的余地越大情況卻越糟糕，各種字體出現(xiàn)在不應該出現(xiàn)的場合已是司空見慣！所以我們要學會區(qū)分各種字體的適合范圍，一個基本原則就是字體的氣質(zhì)與版面的氣質(zhì)是否吻合？但有些字體在設計中卻盡量少用或避免使用，比如文鼎的新字庫里面的稀奇古怪的字體，非常粗俗，層次很低，然后就是綜藝體、中行書、隸書之類的電腦字體，粗糙難看，氣質(zhì)很差。
        真正經(jīng)得起推敲的幾種字體是：宋體（標宋、書宋、大宋、中宋、仿宋、細仿宋）、黑體（中黑、平黑、細黑、大黑）、楷體（中楷、大楷、特楷）、等線體（中等線、細等線）、圓黑體（中圓、細圓、特圓），這些字體是一些標準的基礎字體，雖然普通卻很耐看，一般內(nèi)文都使用這些字體。

字號的大?。?/strong>

      字號的大小確定需要有三個依據(jù)：一是各個層級元素之間的對比關系，a應該比b大多少，c應該比b小多少，應該要把各個層級之間的輕重關系體現(xiàn)出來。二是版面整體比例關系，也就是讓文字突出但不唐突，弱化但要可見。三是成品的視覺效果，這是重要的，比如一段內(nèi)文，在報紙廣告上可能8號至10號就足夠了，但在海報招貼上，因為閱讀距離的不同，可能需要24號字以上才能看清楚，而在形象畫冊上，6號至8號字都能看得很清楚，10號字都已經(jīng)感覺偏大了一點。
所以根據(jù)不同的成品媒介考慮不同的字號大小是非常重要的，千萬不能依賴電腦屏幕的顯示效果做為終依據(jù)，要經(jīng)常培養(yǎng)對字號大小的敏感程度，在一個經(jīng)驗豐富的設計師眼里，8號字和9號字的區(qū)別是非常大的，它們代表著完全不同的表現(xiàn)力?？傊稽c，字號的大小是一種固定物理尺度，在設計中不能以單純的感性觀察作為確定依據(jù)，而要同時加入理性經(jīng)驗和成品概念來作為參考的依據(jù)。

字距和行距的再設計：
      一般來說，字距的確定是由字體結構來決定的，因為每種字體對字符的占用空間是不一樣的，比如楷體，結構比較自由靈活，對字符四邊的占用率比較小，所以它所要求的"字距"也相對較小，字距太寬的話視覺效果就會散，閱讀起來很吃力。而黑體和宋體則對四邊的空間利用率很高，字符很滿，因此它所需要的字距空間就比楷體要稍微大一點，才能讓閱讀者感覺舒適在正常情況下，電腦的默認字距都偏寬，應該適當把字距調(diào)小一點。

      行距的設計，則能體現(xiàn)一個文字篇章的氣質(zhì)，漢字的行距設定一定要比字距大（除非你純粹在追求一種特殊效果），行距小應該在字高的50%以上才會看起來 舒適，才能讓"行"的感覺出來。單個漢字在設計中是一個個"點"，漢字的編排就是把這些點連成我們需要的線、面、形體，讓它為設計服務，至于是讓它成為點還是線或者是面，就完全由字距和行距所決定，有時我們在做一些比較大氣的版面時，為了尋求一種視覺張力，會把文字行距處理超常地寬或窄，以加強每行字在設計版面中的作用力，充當"節(jié)奏線"的概念。有時也可以夸張字距，讓字距超常地寬，讓文字在設計中起到"點"的作用。

氣口的設置：

      漢字的編排不象英文，英文有上標下標，有單詞之間的空隔，所以排列起來感覺很有節(jié)奏感和韻律感，漢字每個字之間都太規(guī)則，所以排列起來沉悶無趣，要打破這種局面，就要學會設置氣口。所謂氣口，就是能讓大篇幅文本透氣的空間，讓閱讀者有喘氣的機會。一般來說，漢字編排中氣口的設置在段前段后進行，氣口的基本特征就是比正常的行距要大、與文字篇幅外圍的大面積留白相連接、具有與空氣對流相同原理的空白視覺通道。
      氣口的設置根據(jù)設計的具體需要進行設置，篇幅小的時候一個氣口就足夠了，篇幅大而復雜時，則需要設置多個氣口，尤其是抽象、枯燥的技術型文本塊，由于層級關系復雜，更需要針對不同層級設計不同的氣口，這樣能緩和閱讀的緊張感，讓文本塊看起來有節(jié)奏感和趣味性。要注意的是，氣口的設置一定要在自然段或自然章節(jié)的前后進行，不要勉強拆分一個完整段來設置氣口，這樣會破壞文本本身的完整性。

      文本塊的頂部與其它相鄰元素的空間也就應該保持至少3個字符的安全距離，而且越多越好。文本塊的右邊和下邊對空間的需求相對較小，一般保持1個字符以上的安全距離就可以了。當然這并不是絕對的數(shù)值，許多情況下這些規(guī)則是可以被打破的，我們在設計的過程中應該多進行這種視覺實驗，多揣摩好的設計作品的文本外圍留空是怎樣的，提高自已對這方面的認識，以后就會慢慢掌握留空的方法。

網(wǎng)頁設計

• 2020-11-11網(wǎng)頁設計中如何展示內(nèi)容能給用戶帶來更好的效果？
• 2020-11-11佛山網(wǎng)站設計網(wǎng)頁設計中圓形的作用
• 2020-11-092020年網(wǎng)頁設計有什么流行趨勢
• 2020-11-11佛山順德網(wǎng)頁設計中的圖文關系
• 2020-11-11不一樣的極簡風！三色極簡圖標網(wǎng)頁設計案例
• 2020-11-11網(wǎng)頁設計好壞的評價依據(jù)是什么？
• 2020-11-11佛山網(wǎng)絡推廣-谷歌推廣-網(wǎng)頁設計
• 2020-11-11零度網(wǎng)絡網(wǎng)頁設計的色彩藝術
• 2020-11-1120個網(wǎng)頁設計新手常見的排版設計誤區(qū)
• 2020-11-11培養(yǎng)良好的設計思維-給網(wǎng)頁設計師們
• 2020-11-11什么是優(yōu)化的網(wǎng)頁設計
• 2020-11-11這3個適用性極好的網(wǎng)頁設計趨勢，會在2月流行