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

日期:2011年11月28日

印刷術是理清設計時最困難的事情之一,設計師可以使用的字體的數量,特別是因爲它幾乎是不可能的,它無需花費時間選擇最好的一個的。一個簡單的搜索在谷歌將顯示你有成千上萬的字體,其中大部分甚至是免費;和數量的增加每周。這意味著的決定,使今天比去年更是難上加難。
它不僅提供有關的字樣,但大多是關于一個設計師的技能。有排版整個年的大學教授,因爲它是一個深的領域。使您的文字說一些具體的事情,了解對齊規則,字距,層次結構和其他喜歡這些條款是至關重要的。
相當一部分是良好的排版就足以建立一個強大的視覺識別或設計。能夠打與排版正確的標記是至關重要的,因此我將與大家分享一些技巧,如何提高你的排版技能。
良好的排版事宜,網頁设计,因为它起着至关重要的作用。它生成一个层次(大部分时间视觉),使文本更容易阅读和。印刷术不仅是寻找好,而且还提供了一个功能优势文本 - 更容易跟踪和阅读。
重要的是要設計的想法,結果意味著什麽。更重要的是想你想要的信息給觀衆和你想如何做到這一點。每個字體說,自己的東西,所以想想你想要的方式發送消息,也。下面的圖片來看,應該??讓你明白我的意思,即使你沒有多少知識,排版。
已寫入同一個詞有四種不同的字體和他們創建了一個完全不同的影響。雖然沖擊編寫一個創建(名字是不是在所有的巧合)最強大的視覺吸引力,與黑體“新一看起來更現代,更精細,抛光和圓滑。寫一個與種族優越感,似乎所有這些最先進的,但可能很難使用標題或標題以外的東西。之所以這是將要討論的時候了。
点击浏览下一页
                                         “互动”黑体“新,影响,意大利风格和民族中心主义。
 在世界上有更多的字体类,但其中只有两个是如此重要,每个人都应该知道他们: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:版式 網頁 層次結構
上一篇文章:營造出不可抗拒的登錄頁的八種技巧
下一篇文章:沒有了