還記得 KISS 原則麼?KISS 是 Keep it Simple and Stupid 的縮寫,指的是要將產品做的連白痴都會用,因此也常常被稱為懶人原則。這一設計原則初在 1960 年被提出並應用於美國海軍的相關設計。在此後的 50 多年當中,設計在技術和思路上經歷了翻天覆地的變化,但是 KISS 原則依然非常重要,並且影響巨大。

  絕大多數的平面設計師在剛剛開始接觸設計的時候,或多或少都接觸過 KISS 原則,但是在具體實施的時候,卻常常不知要如何實施。想要創造一個足夠簡單的設計,可能比您想象的要複雜一些。那麼今天接下來要說的 7 個規則,能夠幫您在雜亂的思路里面,理出一條通路。

  1 、一個頁面,一個目標

  想要設計一個簡單直觀的網站,那麼您應該為每個頁面設定一個目標。每個頁面終是要引領多使用者進行某一個操作,從導航到頁尾都要圍繞這一個目標來設計。

  可以是點選一個連結,也可以是在表單中輸入資訊,還可以是檢視視訊或者進入一個遊戲。但是不論是哪種,都應該關注單個多使用者在這個頁面中的轉化率。

  分散多使用者注意力的東西太多了,他們可能因為這些干擾而打斷了原本正準備進行的操作。所以,您要做一個目的性明確的設計,集中精力來引導多使用者。每個按鈕上下的設計元素,包括滾動的效果本身,都儘量將多使用者導向按鈕、連結等。這種目標上的一致效能夠很好的幫助多使用者瞭解他們需要在網站上做什麼,簡單的選擇往往能夠讓多使用者更輕鬆參與進來。

  2 、堅持使用一兩個字型族

  有許多設計規範會推薦多使用者在一個設計專案中使用三個甚至更多的字型。不過,將使用的字型縮減到 2 個字型族當中,會讓整個設計的凝聚力更強。

  許多字型族當中,不同的字重能夠創造足夠的視覺對比度。許多字型族當中甚至包含了多種不同樣式的字型,其中有些可選的字型形式感十足,甚至非常適合用來做尺寸超大的標題。

  所以,您的主要工作是挑選適合正文用的字型以及用作展示的字型,選擇兩套能夠相互搭配的字型族,那麼您整套設計可用的字型搭配應該都可以搞定了。

  接下來您會發現,這樣的字型搭配能夠讓您的整個排版和視覺層次更易於管理控制。

  3 、使用一致的對齊方式

  左對齊,居中,還是靠右對齊,無論您是喜歡哪種,儘量在整個設計當中貫徹這種方式。這種對齊方式的選取不僅僅是文字本身的對齊,還包含了各種其他元素的對齊方式。

  Adaptable 的網站在這個事情上就做的很好。儘管輪播圖中的圖片和文字的內容各不相同,但是幾乎都採用了統一的左對齊,文字和行為召喚按鈕也是做對齊,元素與元素之間的間距也很統一,這種一致的美感讓人非常舒適。

  左對齊和居中對齊是常見的兩種對齊的方式,因為這兩種是可讀性雄厚的排版方式。而在針對較長的文字進行排版的時候,左對齊是選選項。

  4 、建立層次

  多使用者不應該在檢視您的網頁的過程中費腦子思考。所以,即使是簡單的視覺排版,都應該具備足夠清晰的層次。

  您的設計應該從主視覺開始。它可以是一個影象,也可以是一個視訊,同樣可以是一段文字,但不論是哪種,它都應該是給予多使用者印象的元素。

  接下來,通常需要有一些文字內容,告知多使用者這個設計或者這個網站是幹啥的,通常,它會以標題的形式和主視覺搭配起來,一同傳遞資訊給多使用者。

  隨後可以增加一些說明性的副標題。此外,還應該提供導航等元素,因為基於多使用者的瀏覽習慣,他們會期望看到這些內容,並且已經具備了與之相關的瀏覽習慣。所以,透過這樣層次化的設計,可以讓多使用者更便捷地獲取資訊。