網頁字體設計中經常應遵循的規則
字體是語言的視覺呈現,它幫助我們將字符轉化為文字,進而轉化為信息。如今有很多的設計師將字體設計成公司的loge、美妙的圖畫、一件藝術品等等,給設計增添不少的光彩。然而字體設計必須要有一定的原則,不能隨心所欲、率性而行,在運用字體設計的時候要符合大眾的審美要求,達到宣傳與品牌的效應。
一、字形: 文字的一大功能就是信息傳播,因此必須考慮文字的整體訴求效果,給人以清晰的視覺印象。畢竟無論字形多么地富于美感,如果失去了文字的可識性,這一設計無疑是失敗的。文字的筆劃以及單詞的組都是法定的,只要有一點半劃不符,就成別字,輕則字義不同,重則不成其字,無人認得,這就完全失去了文字本身的作用。因此字形要做到確切無誤,既不能任意增加筆劃,也不能任意減少或改變;既不能隨意的加字母,也不能隨意的簡字母。
如果你細心的話,會發現這些字體選集看上去是非常的讓人難以容忍。出現這種情況最為根本的原因是因為有視覺個性的字體選集和手寫單詞被分開了,脫節了,也就失去其原本的意義。
二、間距:在設計時一定要考慮字體與標志等品牌元素在組合時能夠協調一致,對字距和造型要作周密的規劃,注意字體的系統性和延展性,以適應于各種媒體和不同材料的制作,適應于各種物品大小尺寸的應用,達到一種視覺的節奏感和平衡感。
在上面的例子中,注意到大寫字母“D”從其余的字母中明顯的突顯出來了。默認情況下,很多字體,尤其是那些有明顯的襯線,它們具有不一致的字符間距。通常情況下,在一個段落或句子中,混合著一些不一致的字距做副文本,通常情況下這不是什么大問題。然而,當你在處理只有寥寥數語的時候,如在標題或logo中,忽視字距問題可以摧毀整個審美。
三、辨識度:首先看看Consolas,這款字體,從這款字體中我們不難發現i和w的寬度基本上是一樣的,這種等寬字體都具有非常高的辨識度,非常適合文字編寫,代碼顯示等工作。
在Arial字體中,i,l 的辨識度很低,而且當有連續的il等較窄文字出現時,文字難以選中。此外Georgia中,字母o,與數字0 只在大小上略有區別,基本上分不清,很難做到一目了然。由此可見,等寬字體受字母本身的干擾較小,字母大小固定,密度固定,此類字體,簡單容易辨認,大大提升了閱讀效率。
四、排版:字體排版主要體現在網頁設計中,但是對于一般的網站來說,字體樣式、顏色大小、排列等都沒有嚴格的要求,正是因為這樣,大部分企業在網站建設時并不在意這一點的設計,事實上細節更不能忽視,正如漂亮的字體排版能給網站起到畫龍點睛的作用一樣。
該排版及實現了禁則處理、齊頭尾、英文換行(hyphenation)等排版基本功,還對標點外掛(行末出現的句號、逗號、分號等標點會被「懸掛」到文字右邊框的外沿。)和段首縮進進行了實驗性嘗試,都給讀者帶來了良好的閱讀體驗。
五、比例:比例變化會使家族里出現“瘦”和“胖”的變異,這是對字形橫向或縱向比例的收縮變化,在西文的傳統系統命名中通常會用Condensed(橫向壓縮)和Extended(橫向拉伸)來區分長和寬兩個類別,這兩種變化可以比較好的處理當空間收到局限時字體的應用,而不會讓字體出現因為進行直接的縮放所而導致的風格變形。
設計是不應該被任何東西所束縛的,但有些東西還是應該遵循常規,如:網頁中x表示的是關閉網頁按鈕,你總不能把它設置為打開網頁按鈕。雖然這種上述的規則有時會讓人感到束縛,但是它能起到一個很好的提醒的作用,知道字體排版設計規則,但又不局限于規則中的設計師才是一個真正專注優秀的設計師,正因為天津網站建設-文率科技設計團隊知道這個道理,所以文率科技http://m.carespunk.com/的每項設計都能贏得客戶的鐘愛,在網頁設計中,我們要做到任何的細節我們都掌握好,每一個設計都需要體現高大上的原則,讓客戶真正通過互聯網而贏取利益和企業形象。