極簡主義本身是一種設計理念,垂直到UI和平面設計領域當中的時候,設計中的每一個元素都應該是有用的。它簡單,干凈,漂亮,且非常實用。極簡主義的設計易于用戶理解,參與" />
您的位置:首頁 > 新聞資訊 > 行業(yè)百科 > 行業(yè)動態(tài)
極簡主義本身是一種設計理念,垂直到UI和平面設計領域當中的時候,設計中的每一個元素都應該是有用的。它簡單,干凈,漂亮,且非常實用。極簡主義的設計易于用戶理解,參與度也搞。
今天的文章,我們打算把知識點梳理一下,用下面的10個規(guī)則來設計,能幫你搞定真正的極簡主義設計。
1、大量的留白
在極簡主義設計當中,留白是必不可少的組成部分。留白能夠營造平和感,能夠創(chuàng)造視覺焦點。
將必要的信息和視覺焦點營造出來,然后使用留白包圍它們。通過這種方式,將核心的信息凸顯出來,讓用戶只做必要的事情,關注必須的信息。
2、用柵格來規(guī)整元素
柵格系統(tǒng)可以讓簡約的設計更加富有條理。柵格本身就是用來構建規(guī)則性,賦予信息和元素以條理和有序感的,在此基礎上,能夠讓元素的邏輯更加順暢。
柵格系統(tǒng)讓UI界面和平面設計有了更容易遵循的邏輯模式,即使是在極簡的設計作品當中,有限的元素在整個空間中,也可以建立足夠正確的空間關系,使得整個設計工作協(xié)同更加自然。
Cory Etzkorn 為他的作品集網(wǎng)站加入了整套柵格系統(tǒng),案例圖片和下面的標題、文本都保持著精準的左右對齊,營造出一種整飭的視覺體驗,即使是點擊交互觸發(fā)界面變化,也遵循著潛在的柵格,使得整個設計充滿了協(xié)調感。極簡設計只是看看起來簡約,但是內(nèi)在所遵循的規(guī)則和條理感,讓它顯得一點也不單薄。
3、扁平化的元素
扁平化的設計風格不僅是目前的主流,而且在精神內(nèi)核上和極簡主義保持著一致。當然,如今的扁平化設計和之前有所不同,漸變和陰影的加入使得它向前走出了一大步,也不再是“純粹的”扁平化了。
扁平化的設計元素,無論是圖標的設計還是色彩的控制,都會盡量控制信息的層次和量,這一點和極簡的需求是一致的。無論是設計網(wǎng)站還是APP,都盡量去除不必要的交互,保持動效的直觀和簡約。
Liber Finance Group 的網(wǎng)站就采用了扁平化的設計,整體呈現(xiàn)出簡約的風格。底部的視覺元素采用了單色的線條,動效自然而簡單,用戶不會因此而感到信息過載。留白、視覺元素、文本之間達到了平衡,而動效和色彩的控制,則讓整個設計自然而生動。
4、保持一致性
無論是傳統(tǒng)的平面設計還是更加數(shù)字化的網(wǎng)頁和APP的設計,極簡風格下,所有的元素都應當保持一致性。雜亂無章是會讓用戶和觀者感到困惑的。
雖然有的頁面內(nèi)容可能會需要承載更多的內(nèi)容,但是極簡主義的設計風格約束下,信息只是橫向拓展,內(nèi)容的風格和元素的統(tǒng)一性是不能被打破的,這樣對于用戶而言,也是貼合預期的。
Motus 這個網(wǎng)站首頁主要是用來展示自行車的,白色背景+產(chǎn)品+大標題的設計模式貫穿整個設計,其中提亮的彩色文本在不同的產(chǎn)品中各不相同,但是這種“變化”也是整體一致性的體現(xiàn)。整個設計從風格到一致性的把控上,都貼合極簡主義的精神。
5、在不對稱中保持平衡
即使是韋恩·安德森也無法確保他電影中每一個畫面都是對稱的。在極簡主義的網(wǎng)站當中,完美的對稱總歸是少數(shù)的存在,而設計師也無需刻意去追求完美的對稱。但是視覺上的均衡,則需要設計師力求做到。
有的時候,不對稱的設計會更加具有分量感。但是在對比之外,是需要保持總體的平衡。
在 Visme 的這個彈出式的廣告當中,左側的視覺元素視覺吸引力是極強的,整個頁面呈現(xiàn)左重右輕的勢態(tài)。不過左邊的元素會在視覺上引導用戶注意右邊的文本,足夠的留白讓左右兩邊的元素都擁有足夠的跳出感,這樣的設計確保了對比,有方向性,還足夠平衡。
6、簡化配色
使用格調比較高的圖片可以很好的匹配極簡主義的設計,不過在配色上花點功夫會更好。黑白這樣的色調功能性更強,中性,且顯得優(yōu)雅。不過這并不是唯一的選擇。
在配色這個事情上,極簡主義也同樣非常講究。通常會選取一種到兩種提亮色,貫穿整個設計,專門使用。
就像Titled Chair 這個網(wǎng)站的首頁設計,經(jīng)典的黑白色之外,采用鮮艷的紅色作為提亮色,貫穿整個設計,作為強調用的重點而存在。它賦予了整個設計以簡潔感和層次感。
7、選取可讀性較高的字體
極簡主義設計希望圖形元素要足夠清晰易于分辨,對于文本字體有著同樣的要求。
選擇最易于閱讀的字體,確保用戶能夠快速掃視。無論是襯線體還是非襯線字體,字體的X高度最好是適中的,風格上不要裝飾性太強,經(jīng)典的字體會更好。在字重和行高、間距上,都控制在合理的度上。不要刻意使用小字號來“創(chuàng)造高級感”,適當?shù)姆糯笞煮w,確保用戶能夠一目了然。太大的字體會使得壓迫感太強,這個中間的尺度,需要設計師仔細拿捏。
在 Aimauts 這個網(wǎng)頁當中,即使加入了動效,文本和字母的可讀性也都足夠強。簡約而現(xiàn)代的非襯線字體,在黑色的背景上顯得極為醒目,易于閱讀也非常容易理解。
8、有目的地設計每個元素
每個元素都尤其存在的理由,有其獨特的功能,必須有用。換句話說,每個UI控件、每個交互都有其獨有的設計意圖在其中,缺一不可,沒有一個是多余的。
如果每個元素對于整個設計是沒有貢獻的,那么它憑什么會出現(xiàn)呢?
就像 Sister Agency 這個網(wǎng)站的設計,整體的設計足夠簡單,屏幕上的文本、圖片、菜單和布局都有著明顯的功能性,沒有一個是多余的,用戶無需多想就能夠借助這個設計達成他們的目標,無論是獲取信息還是抵達特定的內(nèi)容頁。
9、打破一條規(guī)則
打破規(guī)則的設計并不影響用戶對于信息的獲取,甚至能夠創(chuàng)造出有趣的設計和交互體驗。
在極簡主義的設計風格之下,絕大多數(shù)的視覺和交互都是清晰而直觀的,即使打破了規(guī)則,用戶也能清楚地感知到,甚至能夠創(chuàng)造一種富有創(chuàng)意的意外感。
但是,這個被打破的規(guī)則一定要謹慎地選取,確保你所打破的規(guī)則是符合整體設計的,用戶可以理解的,并且在數(shù)量上控制在一條即可,不要打破太多規(guī)則,否則整個設計會如同黑箱一樣,讓用戶摸不著頭腦。
Westboume Grammar School 這個網(wǎng)站的設計極簡而富有格調,網(wǎng)站在設計的時候,打破了一個常見的規(guī)則:在屏幕底部的超大文本采用的是動畫,并且用戶必須讀完才能繼續(xù)交互。這個設計的度控制得很好,整個設計中只有這一處違反常見的規(guī)則,并且不會影響其他。
10、保持簡單
簡單的設計其實往往是最有效的。
在極簡主義設計當中,少即是多這個規(guī)則是適中適用的。盡可能的剝離純裝飾性的設計,確保核心信息是一目了然的。就像上面的設計。
Delight 這個網(wǎng)站應該會讓你感到好奇。明亮的色彩和有趣的排版是誘人的,想要了解更多,底部帶有動效的箭頭會引導你往下瀏覽。這種極簡主義的設計足夠簡單,有趣,因為它會讓你的用戶對于后面的信息發(fā)生興趣。在柵格的控制和充足的留白之下,整個設計給人非常舒服的感覺。
極簡主義是每個人的勝利
極簡主義真正能夠得到如此之持久的生命力和如此之多的人的擁護,很大程度上得益于它成就了太多的設計項目,帶來了太多優(yōu)秀的產(chǎn)品。極簡主義的偉大之處在于它凸顯關鍵,為用戶呈現(xiàn)最重要的東西,并且讓用戶關注最重要的事情,它是屬于每一個人的勝利。
最新動態(tài)
常見問題百寶箱
A2014,有位學妹不顧家人反對,在上海這個國際化大都市謀了一個公眾號助理的職位。斗志昂揚地奮斗了 3 年,我眼看著她的內(nèi)容駕馭能力突飛猛進,內(nèi)容質量從三流到一流,職位
A文章主要分析了不同的視覺設計元素是如何影響網(wǎng)站用戶體驗,希望通過文章的解讀能夠對你的產(chǎn)品設計帶來些啟發(fā)。 也許是因為我在視覺設計上沒有太多經(jīng)驗,我發(fā)現(xiàn)
A雙贏系統(tǒng)建站系統(tǒng),三網(wǎng)同步,建站推廣一步到位雙贏系統(tǒng)建站系統(tǒng),三網(wǎng)同步,建站推廣一步到位雙贏系統(tǒng)建站系統(tǒng),三網(wǎng)同步,建站推廣一步到位雙贏系統(tǒng)建站系統(tǒng),三網(wǎng)同步,建站推
027-89992189
掃一掃關注微信
Copyright 2013-2020 All Rights Reserved 武漢互贏網(wǎng)絡科技股份有限公司 鄂ICP備19027860號