網頁設計中字體的排列也是非常有技巧的,它不同于英文字母的排列順序,那就不多廢話我們奔入主題!
文字分欄:
對于內文,如果篇幅過長,應該考慮為其分欄。分欄的方式有兩種:一種就是把整個篇幅平均分成幾個相同容量的段塊,另一種就是根據文本內容的結構,以自然 段為基礎進行分欄,也就是每一段分為一欄,這種分欄方式能產生比較靈活自由、錯落有致的視覺風格,但不是所有的篇幅都可以這樣來分,它只適合于自然段比較明顯均衡,段落數量不多,各個段之間的文本容積相差不大的條件下才可以實現。分欄的另一個要注意的地方就是欄寬的確定,一般來說,15-25個字的欄寬視覺效果比較適舒,超長或超短都會引起閱讀的不方便。
字體的設置:
好的字體要用好的表現方式,對于每一種字體的挑選,一定要根據版面傳達的內容和氣質進行對照選擇,不要帶有個人喜好,許多平常不用的基礎字體要嘗試著去用,這樣能加深對字體的理解,還有就是參考好的設計作品,看他們是如何使用文字的。總是就是不要亂用,要有切實可行道理,關鍵就是一定要有視覺美感。
先要明白的一點就是:不同的字體有著不同的性格和氣質,也就是說字體是有生命的。許多設計師對使用字體很迷茫,不知道什么情況下該使用什么樣的字體,其實這就是沒有去真正關注字體性格的結果。
現在電腦上的字庫五花八門,基本上我們所需要的字體在里面都能找到,但似乎選擇的余地越大情況卻越糟糕,各種字體出現在不應該出現的場合已是司空見慣!所以我們要學會區分各種字體的適合范圍,一個基本原則就是字體的氣質與版面的氣質是否吻合?但有些字體在設計中卻盡量少用或避免使用,比如文鼎的新字庫里面的稀奇古怪的字體,非常粗俗,層次很低,然后就是綜藝體、中行書、隸書之類的電腦字體,粗糙難看,氣質很差。
真正經得起推敲的幾種字體是:宋體(標宋、書宋、大宋、中宋、仿宋、細仿宋)、黑體(中黑、平黑、細黑、大黑)、楷體(中楷、大楷、特楷)、等線體(中等線、細等線)、圓黑體(中圓、細圓、特圓),這些字體是一些標準的基礎字體,雖然普通卻很耐看,一般內文都使用這些字體。
字號的大小:
字號的大小確定需要有三個依據:一是各個層級元素之間的對比關系,a應該比b大多少,c應該比b小多少,應該要把各個層級之間的輕重關系體現出來。二是版面整體比例關系,也就是讓文字突出但不唐突,弱化但要可見。三是成品的視覺效果,這是重要的,比如一段內文,在報紙廣告上可能8號至10號就足夠了,但在海報招貼上,因為閱讀距離的不同,可能需要24號字以上才能看清楚,而在形象畫冊上,6號至8號字都能看得很清楚,10號字都已經感覺偏大了一點。
所以根據不同的成品媒介考慮不同的字號大小是非常重要的,千萬不能依賴電腦屏幕的顯示效果做為終依據,要經常培養對字號大小的敏感程度,在一個經驗豐富的設計師眼里,8號字和9號字的區別是非常大的,它們代表著完全不同的表現力。總之一點,字號的大小是一種固定物理尺度,在設計中不能以單純的感性觀察作為確定依據,而要同時加入理性經驗和成品概念來作為參考的依據。
字距和行距的再設計:
一般來說,字距的確定是由字體結構來決定的,因為每種字體對字符的占用空間是不一樣的,比如楷體,結構比較自由靈活,對字符四邊的占用率比較小,所以它所要求的"字距"也相對較小,字距太寬的話視覺效果就會散,閱讀起來很吃力。而黑體和宋體則對四邊的空間利用率很高,字符很滿,因此它所需要的字距空間就比楷體要稍微大一點,才能讓閱讀者感覺舒適在正常情況下,電腦的默認字距都偏寬,應該適當把字距調小一點。
行距的設計,則能體現一個文字篇章的氣質,漢字的行距設定一定要比字距大(除非你純粹在追求一種特殊效果),行距小應該在字高的50%以上才會看起來 舒適,才能讓"行"的感覺出來。單個漢字在設計中是一個個"點",漢字的編排就是把這些點連成我們需要的線、面、形體,讓它為設計服務,至于是讓它成為點還是線或者是面,就完全由字距和行距所決定,有時我們在做一些比較大氣的版面時,為了尋求一種視覺張力,會把文字行距處理超常地寬或窄,以加強每行字在設計版面中的作用力,充當"節奏線"的概念。有時也可以夸張字距,讓字距超常地寬,讓文字在設計中起到"點"的作用。
氣口的設置:
漢字的編排不象英文,英文有上標下標,有單詞之間的空隔,所以排列起來感覺很有節奏感和韻律感,漢字每個字之間都太規則,所以排列起來沉悶無趣,要打破這種局面,就要學會設置氣口。所謂氣口,就是能讓大篇幅文本透氣的空間,讓閱讀者有喘氣的機會。一般來說,漢字編排中氣口的設置在段前段后進行,氣口的基本特征就是比正常的行距要大、與文字篇幅外圍的大面積留白相連接、具有與空氣對流相同原理的空白視覺通道。
氣口的設置根據設計的具體需要進行設置,篇幅小的時候一個氣口就足夠了,篇幅大而復雜時,則需要設置多個氣口,尤其是抽象、枯燥的技術型文本塊,由于層級關系復雜,更需要針對不同層級設計不同的氣口,這樣能緩和閱讀的緊張感,讓文本塊看起來有節奏感和趣味性。要注意的是,氣口的設置一定要在自然段或自然章節的前后進行,不要勉強拆分一個完整段來設置氣口,這樣會破壞文本本身的完整性。
文本塊的頂部與其它相鄰元素的空間也就應該保持至少3個字符的安全距離,而且越多越好。文本塊的右邊和下邊對空間的需求相對較小,一般保持1個字符以上的安全距離就可以了。當然這并不是絕對的數值,許多情況下這些規則是可以被打破的,我們在設計的過程中應該多進行這種視覺實驗,多揣摩好的設計作品的文本外圍留空是怎樣的,提高自已對這方面的認識,以后就會慢慢掌握留空的方法。
網頁設計
企業網站建設一條龍
找零度飛易網絡公司-fslingdu所做php
網站建設方案、
網站設計、
網站制作由
北京上海深圳龍崗衢州蘭州常州東營南通濟寧桂林淮安煙臺長春無錫天津昆山蘇州合肥貴洛陽昆明天津唐山泉州惠州萬州新鄉商丘臺州哈爾濱太原攝影海口隨州學校商丘廣東湖南廣西江西海南廣州企業中小企業武漢南山羅湖福田虎門肇慶汕尾汕頭廣州佛山成都杭州濟南重慶福州西安廈門昆山沈陽青島徐州鄭州南京寧南寧長沙大連淄博石家莊南昌溫州珠海番禺順德南三水高明中山東莞合肥江門嘉興西寧大良容桂倫教勒流陳村均安杏壇龍江樂從北滘祖廟石灣南莊等地區
企業網站建設(廣告)公司提供專業做網站價格規劃書及
營銷型網站制作,
網站建設基礎知識