四川少BBB搡BBB爽爽爽_四川女人毛多水多A片_四川BBBBBB搡BBBBB_四LLL少妇BBBB槡BBBB_私密直播全婐APP免费魅影_爽到喷水(H)

400-611-9921

當(dāng)前位置:首頁(yè) > 新聞資訊 > 縱天觀點(diǎn)
極簡(jiǎn)主義設(shè)計(jì)的 KISS 原則

2017-11-24

5125

極簡(jiǎn)主義最早出現(xiàn)于后二戰(zhàn)時(shí)期的藝術(shù)運(yùn)動(dòng)。現(xiàn)代網(wǎng)頁(yè)設(shè)計(jì)中,極簡(jiǎn)主義也是主流的設(shè)計(jì)技巧之一。它有時(shí)也被視為「內(nèi)容大過(guò)于形式」的典型代表。

運(yùn)用恰當(dāng)?shù)脑?,極簡(jiǎn)主義可以使設(shè)計(jì)師更加關(guān)注「簡(jiǎn)化用戶任務(wù)」。此外,它還有其他優(yōu)點(diǎn),比如網(wǎng)頁(yè)加載速度更快,大小不一的各種設(shè)備上兼容性更好等等。

極簡(jiǎn)主義提倡的「簡(jiǎn)」,看起來(lái)的確簡(jiǎn)單,但透過(guò)現(xiàn)象看本質(zhì)——簡(jiǎn)而不減。這篇文章,帶你了解極簡(jiǎn)主義應(yīng)該要注意的幾個(gè)設(shè)計(jì)原則和案例。

一. 什么是極簡(jiǎn)主義網(wǎng)頁(yè)設(shè)計(jì)?

極簡(jiǎn)主義最初流行于 21 世紀(jì)初。如今,大多數(shù)流行設(shè)計(jì)趨勢(shì)(比如扁平設(shè)計(jì)、網(wǎng)站首圖、以及隱藏式全局導(dǎo)航等等)都受極簡(jiǎn)主義直接影響。

Google 常被稱為極簡(jiǎn)主義網(wǎng)頁(yè)界面的先驅(qū)者。自上個(gè)世紀(jì) 90 年代的測(cè)試版開(kāi)始,極簡(jiǎn)主義一直都是其界面設(shè)計(jì)始終不變的遵循規(guī)則。

盡管 Google 推出了各種各樣的產(chǎn)品,但過(guò)去 15 年以來(lái)其主頁(yè)設(shè)計(jì)風(fēng)格基本依然如故。

Google 搜索主頁(yè)設(shè)計(jì)的成功,為極簡(jiǎn)主義的流行發(fā)展奠定了基礎(chǔ)。

關(guān)于極簡(jiǎn)主義網(wǎng)頁(yè)設(shè)計(jì)的特征,雖然眾說(shuō)紛紜,但總體來(lái)說(shuō),包含以下幾個(gè)基本受認(rèn)可的方面:


1. 只保留必要元素

極簡(jiǎn)主義的核心聽(tīng)起來(lái)也非常簡(jiǎn)單——簡(jiǎn)而不減(Less is More)。在網(wǎng)頁(yè)設(shè)計(jì)中,要做到簡(jiǎn)而不減,只要在既定設(shè)計(jì)環(huán)境中保留必要元素即可。

極簡(jiǎn)主義網(wǎng)頁(yè)設(shè)計(jì)的戰(zhàn)略在于:省去不支持用戶任務(wù)的多余元素或內(nèi)容,從而簡(jiǎn)化頁(yè)面。因?yàn)槠聊簧系脑卦缴?,其余元素的關(guān)注度就更高。

也就是說(shuō),如果屏幕上只有單一元素,那該元素背后的信息肯定可以成功地傳達(dá)給用戶。

頁(yè)面上元素越少,用戶的認(rèn)知負(fù)荷也相對(duì)較輕。

簡(jiǎn)而不減,就是要省去任何影響用戶注意力的界面元素。但同時(shí),確保用戶所需元素沒(méi)被移除或隱藏,否則用戶其首要任務(wù)將變得更復(fù)雜。

所以,設(shè)計(jì)要以內(nèi)容為核心,省去大量二級(jí)元素(比如主導(dǎo)航),用戶才不會(huì)那么困惑。


2. 負(fù)空間

要問(wèn)極簡(jiǎn)主義設(shè)計(jì)最常用的元素是什么?若回答什么元素都不用,這個(gè)答案也不足為奇。

負(fù)空間(亦稱留白),是極簡(jiǎn)主義設(shè)計(jì)最重要的特征,也是使極簡(jiǎn)主義設(shè)計(jì)最賦亮點(diǎn)的一個(gè)特征。它對(duì)引導(dǎo)用戶視覺(jué)流向也是很有幫助的:

某元素周圍的負(fù)空間越多,該元素受關(guān)注的可能性越大。

 負(fù)空間是用戶最熟悉的極簡(jiǎn)主義設(shè)計(jì)元素。圖片來(lái)源:Bouguessa


3. 視覺(jué)特征

在極簡(jiǎn)主義設(shè)計(jì)中,每個(gè)細(xì)節(jié)都有其存在價(jià)值。所以留下的都是精華:

扁平設(shè)計(jì):極簡(jiǎn)主義界面通常都使用扁平設(shè)計(jì)元素。扁平界面中,看不到任何亮點(diǎn)、陰影、斜度,以及任何使界面更加立體化的元素。

 最少的視覺(jué)層次結(jié)合扁平設(shè)計(jì)——現(xiàn)代網(wǎng)頁(yè)設(shè)計(jì)的「黃金搭檔」。圖片來(lái)源:F-Secure

生動(dòng)圖片:在極簡(jiǎn)主義設(shè)計(jì)中,圖片是最具代表的一種藝術(shù)形式。圖片可以將整個(gè)世界的情感連結(jié)在一起,并制造特定氛圍。但選擇圖片時(shí),一定要注意:所有代表極簡(jiǎn)主義設(shè)計(jì)的視覺(jué)特征都應(yīng)呈現(xiàn)在所選圖片中。誤選圖片,比如有大量分散用戶注意力元素的圖片,可能會(huì)適得其反。

極簡(jiǎn)主義設(shè)計(jì)的最具代表的藝術(shù)形式——網(wǎng)站首圖,整個(gè)網(wǎng)頁(yè)就一張引人注目的圖片。圖片來(lái)源:Ada Blackjack

顏色少變:極簡(jiǎn)主義設(shè)計(jì),只利用顏色元素來(lái)增加視覺(jué)吸引力,不再添加其它設(shè)計(jì)元素。顏色種類越少越好,所以在設(shè)計(jì)視覺(jué)層次時(shí),一定要有創(chuàng)新。

用戶看到的視覺(jué)信息越少,顏色元素就更顯著,該網(wǎng)站更有影響力。圖片來(lái)源:Mixd

引人注目的字體排版:醒目的字體排版,通過(guò)更大篇幅的視覺(jué)吸引,使文字和內(nèi)容更受關(guān)注。讓用戶印象最深刻的極簡(jiǎn)主義字體排版設(shè)計(jì),通常都運(yùn)用了醒目的設(shè)計(jì)風(fēng)格和字型。但是,醒目字體排版要有吸引力,有一個(gè)前提:對(duì)用戶而言,文字信息是有存在價(jià)值的。

使用字體排版來(lái)創(chuàng)造視覺(jué)吸引力,傳達(dá)信息。

對(duì)比鮮明:因?yàn)樵O(shè)計(jì)元素減少,所以在設(shè)計(jì)視覺(jué)層次時(shí)要有創(chuàng)新力。下圖示例中,白色背景和黑色寶石的對(duì)比十分鮮明。

大量極簡(jiǎn)主義設(shè)計(jì)都只使用一種鮮明顏色,通過(guò)單一色調(diào)來(lái)突出頁(yè)面最重要的元素。圖片來(lái)源:WE AIN’T PLASTIC


二. 極簡(jiǎn)主義網(wǎng)頁(yè)設(shè)計(jì)最佳實(shí)踐

極簡(jiǎn)主義聽(tīng)起來(lái)什么都簡(jiǎn)化了,但「站著說(shuō)話不腰疼」——不能因?yàn)樵叵鄬?duì)較少,可用性也跟著降低。

1. 一屏一焦點(diǎn)

遵循「一頁(yè)一概念」原則,在設(shè)計(jì)時(shí),每個(gè)頁(yè)面、屏幕只出現(xiàn)一個(gè)概念,并輔以單一視覺(jué)內(nèi)容為核心。

2. 頁(yè)面上半部分有所預(yù)期

在頁(yè)面上半部分留足負(fù)空間,并加入高質(zhì)量元素,隨著頁(yè)面滾動(dòng),內(nèi)容密度也不斷增加。

Apple 主頁(yè)(頁(yè)面上半部分)


3. 文本簡(jiǎn)潔

在斯特倫克和懷特共同出版的《風(fēng)格的要素(The Elements of Style)》一書中,他們提出了「省去多余文字」這一觀點(diǎn)。這也適用于極簡(jiǎn)主義設(shè)計(jì)——認(rèn)真編輯頁(yè)面文本,只留下必要元素,但留下的必須是精華,可以幫你清晰明了地傳遞訊息。

省去所有多余的文字,以最簡(jiǎn)潔的方式與用戶交互。圖片來(lái)源:BFF


4. 簡(jiǎn)化,但不是隱藏導(dǎo)航

簡(jiǎn)便導(dǎo)航,自始自終都是網(wǎng)頁(yè)設(shè)計(jì)的目標(biāo)之一。但簡(jiǎn)便并不等于直接隱藏。若使用漢堡包菜單,在用它來(lái)簡(jiǎn)化界面內(nèi)容前,要確認(rèn)你有合理理由。同時(shí),漢堡包菜單還會(huì)減少導(dǎo)航的可發(fā)現(xiàn)性。大多數(shù)情況下,隨時(shí)可見(jiàn)的導(dǎo)航選擇更佳。

注:漢堡包菜單是導(dǎo)航方式的一種,通常在導(dǎo)航欄左側(cè)有一個(gè)由三條橫杠(三層漢堡)組成的圖標(biāo),這就是漢堡包菜單。

先看看下圖的導(dǎo)航:

主要導(dǎo)航菜單僅在用戶操作下才可見(jiàn)

再對(duì)比下圖導(dǎo)航:

隨時(shí)可見(jiàn)的導(dǎo)航菜單

5. 加入動(dòng)效

在設(shè)計(jì)中,動(dòng)效的影響越來(lái)越大。沒(méi)有動(dòng)效,即便是極簡(jiǎn)主義設(shè)計(jì),可能也會(huì)「坐冷板凳」。不過(guò),加入動(dòng)效仍需遵循極簡(jiǎn)主義的設(shè)計(jì)原則:簡(jiǎn)潔,并且只保留必要元素。

動(dòng)效使交互過(guò)程更具活力。圖片來(lái)源:Intercom


6. 著陸頁(yè)和作品集頁(yè)面一定要極簡(jiǎn)設(shè)計(jì)

雖然內(nèi)容驅(qū)動(dòng)型極簡(jiǎn)主義設(shè)計(jì)適用于任何網(wǎng)站,但有時(shí)極簡(jiǎn)主義美學(xué)可能會(huì)「文不對(duì)題」。不過(guò),極簡(jiǎn)主義設(shè)計(jì)一定適用于著陸頁(yè)和作品集頁(yè)面。比如下圖示例,設(shè)計(jì)目的簡(jiǎn)潔明確,內(nèi)容相對(duì)較少。

設(shè)計(jì)師 Brain Danaher 的作品集頁(yè)面——許多設(shè)計(jì)師美稱為極簡(jiǎn)主義設(shè)計(jì)網(wǎng)站的典例。

要想把極簡(jiǎn)主義設(shè)計(jì)有效運(yùn)用到更復(fù)雜的網(wǎng)站,可能并不簡(jiǎn)單。因?yàn)閮?nèi)容復(fù)雜的網(wǎng)站,少量元素必然是其短板。針對(duì)這種情況,可以利用極簡(jiǎn)主義設(shè)計(jì)一個(gè)著陸頁(yè),再通過(guò)著陸頁(yè)鏈接至有更多細(xì)節(jié)的頁(yè)面。


本文來(lái)自廣州品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)制作公司-縱天科技

標(biāo)簽:廣州網(wǎng)站建設(shè)公司,廣州網(wǎng)頁(yè)設(shè)計(jì)公司,廣州網(wǎng)站設(shè)計(jì)公司,網(wǎng)站建設(shè) 廣州,廣州 網(wǎng)站建設(shè),廣州企業(yè)網(wǎng)站建設(shè),營(yíng)銷型網(wǎng)站建設(shè),網(wǎng)站建設(shè)設(shè)計(jì),廣州網(wǎng)站開(kāi)發(fā)網(wǎng)站制作設(shè)計(jì)



免費(fèi)咨詢熱線

400-611-9921

020-29860991

聯(lián)系方式

地址1:廣州市天河區(qū)珠江新城邦華環(huán)球廣場(chǎng)16F

業(yè)務(wù) QQ:  3561401262

E-mail:  sales@zomsky.com

微信咨詢
官方微信
微信咨詢
在線咨詢
TOP

立即與縱天項(xiàng)目顧問(wèn)通話

400-611-9921

您也可以咨詢我們的在線客服或預(yù)約資深顧問(wèn)

信息保護(hù)中,請(qǐng)放心填寫
關(guān)閉
免費(fèi)獲取方案
麻江县| 开阳县| 青海省| 巴彦县| 庆城县| 安吉县| 雷山县| 东乌珠穆沁旗| 常德市| 庐江县| 玉环县| 苏尼特左旗| 湖南省| 卢湾区| 太仆寺旗| 惠来县| 惠东县| 手机| 娄底市| 喜德县| 临朐县| 灵璧县| 丘北县| 绥芬河市| 扬中市| 丰原市| 台前县| 定日县| 永嘉县| 鄱阳县| 江口县| 施秉县| 昆明市| 喜德县| 黄冈市| 安丘市| 张北县| 合阳县| 电白县| 石家庄市| 图木舒克市|