如何提高你網站的版式的一個方法

日期:2011年11月28日

河南快赢481平台天天计划 www.jtmduu.com.cn 印刷術是理清設計時最困難的事情之一,設計師可以使用的字體的數量,特別是因為它幾乎是不可能的,它無需花費時間選擇最好的一個的。一個簡單的搜索在谷歌將顯示你有成千上萬的字體,其中大部分甚至是免費;和數量的增加每周。這意味著的決定,使今天比去年更是難上加難。
它不僅提供有關的字樣,但大多是關于一個設計師的技能。有排版整個年的大學教授,因為它是一個深的領域。使您的文字說一些具體的事情,了解對齊規則,字距,層次結構和其他喜歡這些條款是至關重要的。
相當一部分是良好的排版就足以建立一個強大的視覺識別或設計。能夠打與排版正確的標記是至關重要的,因此我將與大家分享一些技巧,如何提高你的排版技能。
良好的排版事宜,網頁設計,因為它起著至關重要的作用。它生成一個層次(大部分時間視覺),使文本更容易閱讀和。印刷術不僅是尋找好,而且還提供了一個功能優勢文本 - 更容易跟蹤和閱讀。
重要的是要設計的想法,結果意味著什么。更重要的是想你想要的信息給觀眾和你想如何做到這一點。每個字體說,自己的東西,所以想想你想要的方式發送消息,也。下面的圖片來看,應該??讓你明白我的意思,即使你沒有多少知識,排版。
已寫入同一個詞有四種不同的字體和他們創建了一個完全不同的影響。雖然沖擊編寫一個創建(名字是不是在所有的巧合)最強大的視覺吸引力,與黑體“新一看起來更現代,更精細,拋光和圓滑。寫一個與種族優越感,似乎所有這些最先進的,但可能很難使用標題或標題以外的東西。之所以這是將要討論的時候了。
點擊瀏覽下一頁
                                         “互動”黑體“新,影響,意大利風格和民族中心主義。
 在世界上有更多的字體類,但其中只有兩個是如此重要,每個人都應該知道他們:serif和sans - serif字體。它們之間的區別是“襯線”,這是小的額外的結局招結束- serif字體的具體。“ SANS “來自法國和手段”無“,所以它是很明顯的,哪個是哪個的。
serif字體通常用于印刷材料,如報紙或書籍。然而,雜志采用sans - serif字體,因為他們是“干凈”的,更容易閱讀時的字體大小小。但據研究,serif字體可能在打印更容易閱讀,而屏幕上無襯線更好,尤其是在低的字體大小和分辨率低。
關于在網絡上的新技術的一部分,即使您的計算機沒有您可能會喜歡,下載一個字體是只有幾步之遙。此外,嵌入到您的網站的字體,所以,大家都看到你想要的字體的文字,誰訪問是可能的,以及現在,那么為什么不使用這個,如果你能嗎?我想告訴你兩個例子的網站整合自定義的字體,然后我們會回來的,并討論為什么他們成功。
點擊瀏覽下一頁
                                                         Egopop設計工作室使用一個定制的字體。
點擊瀏覽下一頁
                                                             一個有趣的定制字體
這兩個網頁,并為此事的許多其他的成功,也給他們使用的字體的方式。也許明天你會不記得什么網站,但它很可能你會記得網站本身,因為它創建了一個強大的視覺沖擊力 - 這是進入一個網站的身份值得的記憶的第一步。這是一個很好的,很好用的字體可以把您的網站。
另外一個很好的提示是不要過分信賴于它。這不是一個好主意,使用很多種字體,所以盡量保持盡可能低的字體。我通常有兩個,最多三個。我認為是完美的,因為你有一個字體(襯線也許),可使用的標題和標題,巨大的規模,,而另一種是段落和小文本,并常常是一個無襯線。在下面的圖片中,你可以看到兩個結合字體的一個很好的例子。
點擊瀏覽下一頁
英鎊谷物使用一個標題和文字serif字體sans - serif字體。
如果您在相同的設計相結合的字體太多,這可能會導致文本的可讀性受到影響,并且不會產生上面的例子相同的經歷。字體必須用在刀刃上,質量比數量更重要。雖然沒有那么多的做排版,嵌入字體太多,會使您的網站加載慢。
試驗是找到一個偉大的組合方式。嘗試盡可能多的字體,和他們一起玩,將它們結合起來,增加或減少的字體,依此類推,直到你達到預期的效果。總經理找到了完美的結合,很少發生在第一次當您嘗試,所以準備把錢花在這幾個小時。
行距是關鍵也很重要,因為它有很多工作要做,可讀性和影響。除了相互移動的線條會使人眼閱讀更容易,同時也使他們更接近,顯然會產生相反的效果。平均行距應比較大的字體大小約0.3em 0.5em,但是這僅僅是一個準則,你不應該遵循這一切的時候。其實,我從來沒有思考這個,我總是尋找文本和比較選項增加或減少的行距。為了實現大線間距是非常重要的原因,看看下面的圖片和嘗試,認為這是最容易閱讀的。請注意,在這兩段相同字體。
點擊瀏覽下一頁
一個只有10px的間距差異(Photoshop的大小,而不是HTML / CSS)的巨大差異。
另一個重要概念是層次結構,這不僅可以增加字體大小,而且還通過使用不同的字體,因為我平時喜歡做的事。標題和標題是較大或有更強大的,厚的字體,因為他們需要站出來。“如果有差別,更好地使其大 “,如果有關規則說著話,這是一個你應該牢記- 差異明顯。
強調層次可以通過色彩,對比度,尺寸或位置,但最直觀的是通過排版強調。
點擊瀏覽下一頁
標題是一個sans - serif字體更大的大小,而其余的文字是用serif字體書面。
測量文本的寬度也很重要,但它更比的標題段落的關鍵。理想的線路長度似乎是每行10至15字,但這是另一個規則,并不適用于所有的時間。它是非常重要的,您使用的字體,因為有些是比別人更寬。行之間的行距,以及在這個影響,所以不要以為規則。問問你身邊的任何人讀你的文字,然后詢問是否困難,容易或正常。不要自己讀它,因為你設計的布局和尋找它的開支小時后,小細節成為察覺。它不僅取決于您使用的字體,行距,但也對您的設計一般寬。
對齊是很重要的,但可悲的事實是,這是不可能使其在世界的每個人都只有一個設計工作。這是因為在西方文化中,我們讀到從左至右,從上到下,而東部地區在世界一些國家從右向左讀,底部到頂部。因此,你應該覺得你的聽眾,并為它設計的。如果我們把西方文化作為一個例子,然后嘗試為少不同的出發點左側。這是因為眼睛是用來從相同點開始,當讀取一個新行之前,每一行的不同出發點,將使其難以閱讀。也許我們并不想太多,但大腦可能。這是更容易閱讀比靠右對齊文本左對齊文本,和下面的例子中應該表達這一點。
點擊瀏覽下一頁
在左邊的文字是最容易閱讀的。
雖然我是一個大風扇的中心對齊,我只用幾行的頭條新聞。在左側的版本肯定是最好的,我想大家會考慮有點不可思議的權利相一致的網站,尤其是在歐洲和美洲的人。文本的理由是不是一個非常好的選擇,因為它會創建一個空的空間之間的話,這將變得撲朔迷離。通常流行的理由是在打印,在狹窄的列,但在容器通常廣泛的網頁設計。
字體的重量也很重要。重量實際上是字體是有多厚。突出的詞或鏈接通常是用較厚的字體或另一種顏色。有幾個字體粗細類型意味著你可以減少其他一些嵌入字體,因為在不同的權重相同的字體,給人一種層次性和重要性的感覺。
點擊瀏覽下一頁
黑體“新與40多個不同的字體樣式和重量的字體。
正如你可以看到,排版的幾個重要概念是建立和保持他們的眼睛是很重要。印刷術是任何設計中的一個重要組成部分,如果你成功地擊中它的標志,一個基本的,簡單和干凈的布局,將足以創造一個強有力的的身份。你將不得不花費大量的時間,提高您的排版技巧,因此我將與大家分享一個有用的鏈接,你可以找到更多的排版藝術列表。

Tags:版式 網頁 層次結構
上一篇文章:營造出不可抗拒的登錄頁的八種技巧
下一篇文章:沒有了