2015年11月19日星期四
網頁設計中規則的破與不破
網頁設計中規則的破與不破|在設計中，我們常被允許、鼓勵網頁設計台北打破設計規則，這時你至少需要知道這些規則，才能正確的打破它們。列出了一些基本的規則和技巧，從字體、排版到色彩、樣式，涵蓋了大部分設計中常見的錯誤，幫助你在設計中避免它們。
1。 不要忘了字間距。
設計中糟糕的字間距是常犯的錯誤，初期定好恰當的字間距很重要。字間距是指兩個字母之間的距離，這也許看起來不起眼，但是好的間距會使你的設計更加美觀、有序。
2。 不要為了視覺的美感而忽略文字的可讀性/清晰度。
設計的首要任務是與用戶進行信息交流，所以把文字的可讀性和清晰度放在首位是有道理的。是什麼妨礙了文字的可讀性和清晰度呢?我們列舉了如下情況：
文字色與背景色對比不明顯：需通過提高兩者間的對比度來解決。
濫用大寫字母：大寫字母在帶給用戶“大聲呼喊”般震撼的同時，也會影響眼睛對字母的辨識度。這是因為當文字都大寫時，每個字母都是相同高度，並且都是相似的方形，而小寫字母的高低不齊更易被辨認。
文字過小：有時為了讓設計看起來精致，我們會縮小字號，但請換位思考一下，用戶在閱讀這些小字時是否會覺得困難?有一個方法是找其他人來實際體驗以發現問題，因為我們可以很容易辨認自己設計中的文字，但其他人不會。千萬不要為了追求美觀，而犧牲與用戶的順暢交流，請謹慎對待你的排版！
3。 文本寬度保持在適合的範圍內。
你是否很吃力的閱讀過一篇文章?或在閱讀過程中一次次迷失在文字的換行中?其實這些都是因為文本寬度設置不當。文本寬度的黃金數字是：每行不少於6個單詞，且一行大約30～40個字母(包括空格)。過少會導致頻繁換行，過多則會讓句子變的冗長而難以閱讀。
4。 讓文本顯得有層次。
和許多自然法則一樣，一個完善而清晰的結構層次會很有效。在設計中，視覺元素的組織關系到文字層次，可以凸顯重點信息。因此，重要的部分需要用字號、顏色、字體等方式加以突出，無關緊要的部分就讓他們普通一些。請有原因的強調你的文字。
5。 保持單詞間適當的距離。
作為一名設計師，處理文字是一項必要而艱巨的任務。要考慮很多規則和要點，其中一條格外重要：單詞間距和字母間距。這裡有兩個主要的參考標准：Tracking 和 Leading。Leading: 行間距。Kerning: 兩個特定字母間的距離。Tracking: 指定區域內，統一的字母間距。Leading:指每行文字之間的垂直距離。許多因素會影響到行間距，例如字體，文字數量等。有一個經驗：當每行文字都較長時，通常適合更大的行間距。
Kerning & Tracking:Kerning 值一般是手動調整的，當你遇到大量文本且設計交付時間很緊的情況，沒有時間去手動調整每個字母間距時，Tracking 就派上用場了。Tracking 工具會統一調整整段文字的字母間距，可以很好的規避排版中的過大空隙或不協調行寬。
這裡有一個技巧：較大的 Tracking 值對應較長得句子，較小的 Tracking 值對應較短的句子，這樣可以獲得最佳的可讀性。另一個技巧是：文字較少的段落，最好手動調整字母間距。當然，這些都取決於實際的字體和情況。
6。 使用正確的對齊方式。
不論你是設計行業的老手還是新人，一定都接觸過網路行銷對齊工具。對齊方式有四種：口碑行銷左對齊、右對齊、居中對齊和兩端對齊，讓我們快速瀏覽一下它們的使用規則。
左對齊：最常見的一種對齊方式(你正在閱讀的這篇文章也是左對齊的)，之所以常見是有道理的，因為它使文本更易於閱讀，左側邊界整齊而美觀。在排版難以確定時，用左對齊是最保險的方法。
右對齊：修飾性的文字或某些印刷品中常會用到右對齊，不過它並不適用於大段的文字，因為他違背了人們從左到右的閱讀習慣，參差不齊的左側邊緣會使閱讀更加困難。
居中對齊：很多領域都會運用到居中對齊，如海報、邀請函、logo設計等，它易於保持文字與版面間的均衡，並有助於美觀。它同樣不適用於大段文字，因為邊緣不整齊的文本會造成閱讀困難。
兩端對齊：它有時具有欺騙性，整齊的左右邊界，不正是你想台北網頁設計要的完美排版嗎?在某些情況下，兩端對齊是一個不錯得方法，小說的排版就經常用到它。但是它也存在問題，如果一行僅有幾個單詞，它會把文字從左到右生硬得拉開，留下不協調的單詞和字母間距。
7。 總是使用網格。
掌握幾個基本的網格也許是每個初出茅廬的設計師的必備技能之一。一個好的網格工具就像仙女魔法棒，能使平庸的設計變得井然有序。網格有很多形狀和尺寸，你可以靈活的創建它們，使之與你的設計相配。網格幫助設計師在頁面中對齊相關的元素，創造一個更整潔而富有邏輯的設計。請見上圖，一個包含兩欄、三欄網路行銷台中和四欄的網格樣式，常常會在許多方面幫助你更合理的布局圖像和文字。網格列數越少，設計將越統一。你的元素會有強烈的對齊感，但這樣你也失去了更多列數的網格所帶來的靈活性。然而，在實際設計中，網格的運用方式往往不是單一的。多嘗試不同的網格並找到適合你的。
博主好站推薦：
订阅：
博文评论 (Atom)
没有评论:
发表评论