極簡主義設計:注意事項

已發表: 2017-09-18

這就是極簡設計的特點:當你做得好時,它絕對是美麗的。 當你做錯了,它是可怕的,原因完全相同。 把它做好是一種平衡行為,真的,只有少數設計元素。

像許多藝術和設計一樣,要區分有效無效的東西可能需要非常敏銳的眼光。

而正是那些你想在你的網頁設計中避免的不起作用的東西。 如果你正在朝極簡工作,您希望您的網站引起訪問者,而不是EWW,我有你覆蓋著一大堆的,你應該做的事情(和一大堆的東西你不應該) .

做:使用顏色!

人們傾向於認為極簡設計是單色的,甚至更糟——黑白和/或灰度。

不不不。 不。

幾乎自相矛盾的是,極簡主義設計並不是關於擁有很少; 這是關於最大化很少。 你的意圖應該是最大限度地利用你所擁有的。

這意味著當涉及到顏色時,你應該……使用顏色。 看看 Epoch Design 的這個例子:

極簡設計

這裡的顏色使用最少,但設計師最大限度地使用了它,以確保您看到它。

在這裡,來自 Boorbool:

極簡設計

雙色調背景引人注目且令人難忘,但不會給您耳光。

不要:使用所有顏色!

在那些令人愉悅的設計的另一面,極簡主義者懷有很多黑暗衝動,想要使用所有顏色,只是用光譜上的幾乎所有色調代替了他們設計的清潔度。

好吧,也許它並沒有那麼糟糕,但是在其他極簡主義美學中過度使用顏色可能會令人難以置信地分散注意力和弄巧成拙。

比如Rogue + Co。他們試圖用極簡主義的簡潔線條和不對稱的卡片尺寸來吸引用戶的注意力。 但是他們為所有東西添加了多餘的顏色,然後無緣無故地動畫它。 它使用戶遠離內容,而不是吸引他們。

極簡設計的反面,就是。

極簡設計

然後是博爾登,他完全理解極簡主義。 除了顏色的東西。 太多的顏色和太聰明的做法讓他們不得不添加多餘的動畫。 您必須將鼠標懸停在屏幕的角落上才能看到文本。

這不是最小的,現在是嗎?

極簡設計

做:使用動畫

你看,上面的那些動畫……它們並不重要。 他們不會向網站添加任何內容。 但是像Rogue & Co這樣的電影圖形可以工作; 他們只需要增強網站,而不是弄亂它。

在大多數情況下,微交互會起作用——懸停在按鈕上或突出強調卡片。 即使是不引人注目的加載、滾動或背景動畫也可以增強您所追求的極簡設計。

最大的障礙是確保動畫適合您的設計。 不要只是將它們添加到它們不屬於的地方。 看看在我們的 Divi 頁面上展開的頁腳如何在您滾動時吸引您的注意力,但不會影響您使用頁面的方式。

極簡設計

毫不奇怪,Divi 有一個內置功能來完成這些類型的微交互。

做:使用空格

就像流行色彩一樣,空白(或負空間)可能是您武器庫中最有用的武器之一。 例如,荒謬流行的 Medium 幾乎全是空白,而且它有效。

極簡設計

看看如何使用唯一的顏色將您的注意力吸引到您絕對需要的按鈕和鏈接上?

有效地使用空白是一種平衡。 您希望在可讀性和實用性與審美吸引力之間取得平衡。 如果有效地使用,空白在使您的極簡設計令人難忘方面具有令人難以置信的強大功能。 咳嗽谷歌咳咳

極簡設計

不要:只使用空格

另一方面,過度使用空白會使訪問者幾乎無法使用您的網站。 你看,谷歌對空格的使用突出了他們希望你如何使用網站:在框中輸入一些內容。

但是,如果您對空白的使用既不會將用戶引導至您網站的目的,也不會使他們在您的網站上獲得更好的體驗,則您可能需要更明確的元素來引導他們。

例如,Thru You Too 是一個很棒的項目。 但是我花了很長時間才弄清楚如何使用它(你必須將鼠標懸停在中心的大文本上,我沒有這樣做,因為我被吸引到了右上角)。 雖然導航很簡單,但空白並沒有指引我去那裡。

極簡設計

做:使用適當的很棒的字體

幾乎所有極簡設計都依賴的一件事是有效使用字體。 為您的網站選擇正確的字體是您展示您的個性以及您的產品或公司的方式。

因此,您想要一種字體,從人們看到它的那一刻起,就會散發出您的品牌標識。 線條流暢,字體流暢。 粗糙的邊緣,也許還有一些筆觸。 優雅大方。 無論您要做什麼,請確保選擇匹配的字體。

極簡設計

以 Squarespace 為例。 只需查看註冊表和使用的字體,您就可以確切地知道對他們的公司有什麼期望。 乾淨、簡單、清晰。 它散發出他們宣傳的時尚,主要是通過他們選擇的字體。 (因為這確實是您在這裡可以看到的唯一設計元素。)

極簡設計

Folks 的人想要一種親切的感覺,所以他們肯定找到了一種感覺很好的字體。 他們的受眾很明顯,他們對產品的看法也是如此。 並且沒有明確說明。

不要使用不合適的很棒的字體

在該範圍的另一端,選擇太粗的字體可能會產生錯誤的衝擊力。 每個人都希望他們的網站獨一無二並脫穎而出。 但是您不希望它因錯誤的原因而脫穎而出。

想像一下尋找一條危機熱線來幫助有需要的家庭成員並找到一個看起來像這樣的站點:

極簡設計

一位想要確保您知道她是挽救您生命的最佳人選的醫生呢?

極簡設計

或者,如果您正在尋找一位出色的現代網頁設計師,而您所看到的只是:

極簡設計

好吧,所以我無法抗拒 Comic Sans 的挖掘。 告我。 但你明白我的意思:字體選擇很重要。 特別是當您使用極簡設計時,因為您選擇的字體可能是設計的最大部分。

前進並最小化!

還有縮小,但那是一篇完全不同的文章。 #iamadelight

開個玩笑,記住顏色、字體和負空間是一種設計基礎。 您只需要練習判斷力,以便正確使用它們。 只要你按照我說的去做,而不是我不做的極簡設計,你就不用擔心。

在設計極簡網站時,您的指導方針是什麼?

Boo-Tique/shutterstock.com 的文章縮略圖