如今極簡設(shè)計已普遍被應(yīng)用于網(wǎng)頁設(shè)計中恰响,當(dāng)然這擁有充分理由。輕量級的布局和低維修成本使其靈活適合于響應(yīng)式設(shè)計。自然優(yōu)雅極具美感借跪,使得很多品牌和機構(gòu)青睞并采用。然而贊賞這一設(shè)計風(fēng)格和創(chuàng)造它是兩碼事酌壕。
看起來掏愁,由于極簡主義元素不多歇由,復(fù)制某種風(fēng)格似乎變的及其容易。然而事實卻正好相反果港,由于設(shè)計師可利用的元素極少沦泌,創(chuàng)造一個極簡主義的設(shè)計設(shè)計師往往要付出更多思考和努力。
這篇文章將解釋如何充分利用極簡主義設(shè)計的優(yōu)點辛掠,我們可以通過以下標(biāo)準(zhǔn)快速判斷極簡設(shè)計是否適用于你的網(wǎng)站設(shè)計谢谦,然后深入去做最佳實踐,因為你需要后續(xù)和技術(shù)討論合作公浪。
極簡主義是否適合你的網(wǎng)站他宛?
根據(jù)免費電子書《Web Design Book of Trends 2015-2016》的推薦。極簡主義設(shè)計并不是每個網(wǎng)站最好的選擇欠气。雖然這項技術(shù)非常適合簡單的企業(yè)機構(gòu)像是事務(wù)所網(wǎng)站和創(chuàng)意個人簡歷,但對于更復(fù)雜的網(wǎng)站情況會變得非常棘手厅各。
讓我們來看看一些常見的網(wǎng)站應(yīng)用極簡主義時遇到的問題:
1.內(nèi)容太多:比如ebay或是Amazon的網(wǎng)站需要一個支持多內(nèi)容分類的詳盡界面,所以一個極簡主義的界面并不是最佳選擇预柒。然而队塘,這些網(wǎng)站仍應(yīng)用了極簡設(shè)計的一些準(zhǔn)則,比如在你不需要的時候宜鸯,將內(nèi)容隱藏憔古。
2.廣告太多:總的來說,外部的廣告和極簡主義無法很好并存淋袖。極簡主義準(zhǔn)確而細(xì)致鸿市,如果你無法確認(rèn)外部的廣告服務(wù)器會在網(wǎng)站插入怎樣的廣告,你的整個設(shè)計可能會被一些瑣碎的元素打亂即碗,比如廣告圖片的顏色焰情。即便廣告是被預(yù)設(shè)好的,仍然可能會成為你設(shè)計中多余的元素剥懒。
3.兒童和年輕人的網(wǎng)站:年輕觀眾可能會因為極簡主義的設(shè)計感到無聊内舟,他們常常會喜歡更多視覺刺激的網(wǎng)站,甚至也可以包含一些音頻初橘。
相比于其他的風(fēng)格验游,極簡主義有一套特定的風(fēng)格標(biāo)準(zhǔn),當(dāng)你決定使用這種風(fēng)格前保檐,需仔細(xì)思考耕蝉。
極簡主義的最佳實踐
看看這些有價值的極簡主義的指導(dǎo)方針:
1.只有著陸頁:對一些內(nèi)容豐富的網(wǎng)站來說,極少的元素并不有利夜只。這種情況下赔硫,更好的選擇是創(chuàng)造一個極簡主義的著陸頁,以這個頁面作為一個更復(fù)雜網(wǎng)站的入口盐肃。
2.干脆利落的設(shè)計稿:一般來說爪膊,“省略不必要的詞”是極棒的寫作建議,甚至更適用于極簡設(shè)計砸王。在做設(shè)計稿的時候推盛,想象你是海明威在寫作吧~
3.重視頂部空間:根據(jù)用戶瀏覽的習(xí)慣,將高質(zhì)量的內(nèi)容以充足的負(fù)空間排版放置于頁面頂端谦铃,隨著向下滾動頁面逐漸增加內(nèi)容的密度耘成。
4.保持趣味性:對極簡主義來說,無聊始終是一種威脅驹闰,所以改變你的布局以進一步吸引用戶瘪菌,交替沿z字形布局模式可以幫助閱讀。
5.一頁一個概念:簡潔設(shè)計的主旨嘹朗,每個頁面/屏幕圍繞一個視覺师妙,專注在一個概念上。
6.少于等于五部分:內(nèi)容最好不多于五個部分屹培,否則便縮減它們默穴。
7.從簡入繁:最好在設(shè)計的時候先從黑白的框架入手,然后再慢慢往里面添加元素比如說顏色等等褪秀,這樣做的目的是幫助你搞明白什么是必要的蓄诽,什么可以省去。
如果你是學(xué)習(xí)極簡設(shè)計的新手媒吗,如何取舍是極痛苦的選擇仑氛。下面我們做了一個列表給新手們。
1.必要元素——logo闸英,導(dǎo)航選項锯岖,正文內(nèi)容,聯(lián)系信息
2.可以舍去的——社交媒體鏈接/圖標(biāo)自阱,頁腳嚎莉,小部件(尤其是列表,比如最熱門點擊)沛豌。
從好的一面看趋箩,隨著你更深入地進行極簡設(shè)計,你直覺就會越清楚哪些可以被省略加派。將必要的和多余的內(nèi)容元素區(qū)分開來是所有設(shè)計風(fēng)格都需要的技能(更不需要提你的生活或工作以外的事情)叫确。
極簡主義與其他設(shè)計風(fēng)格
《極簡主義設(shè)計之美》這篇文章的一部分是講極簡主義是如何與其他設(shè)計風(fēng)格很好配合的∩纸酰可以把極簡主義當(dāng)作一種屬性竹勉,而它可以添加或結(jié)合其他的風(fēng)格和技術(shù)以揚長避短。
特別是娄琉,現(xiàn)今流行的移動設(shè)備和重加載動畫次乓,極簡主義設(shè)計提供了一個方法來保證質(zhì)量的同時降低維護成本吓歇。因此,極簡主義設(shè)計常常和其他風(fēng)格的設(shè)計并用票腰。
1.扁平化設(shè)計
極簡設(shè)計和扁平化設(shè)計兩者搭配相得益彰城看,因為兩者重點都是強調(diào)簡潔之特性。同樣都是舍棄了很多設(shè)計上的技巧而將重點放在內(nèi)容上杏慰,扁平化設(shè)計的基本風(fēng)格就其本身來說测柠,其實便是極簡化設(shè)計。
2.英雄標(biāo)題和圖片
先不談及光鮮的扁平設(shè)計缘滥,真實照片和大尺寸篇幅的照片正在越來越廣泛地被應(yīng)用轰胁。隨著這大量又極具吸引力的影相自然而然成為屏幕上最吸引人的焦點,將他們同極簡主義設(shè)計結(jié)合可以防止分散太多用戶的注意力朝扼。
3.簡單的導(dǎo)航
換句話說赃阀,你大可以簡化你的導(dǎo)航為漢堡按鈕(左上三條橫線),當(dāng)你需要顯示全部導(dǎo)航內(nèi)容的時候吟税,只需要點擊或鼠標(biāo)滑過凹耙。
雖然這個方法是實現(xiàn)純粹極簡主義設(shè)計的最快策略,但并不推薦用于所有網(wǎng)站——這種過于簡單化的導(dǎo)航致使用戶更難發(fā)現(xiàn)導(dǎo)航肠仪,所以對于一些不熟悉的頁面并不適合用這種導(dǎo)航來吸引用戶肖抱。
4.具有藝術(shù)性的排版
因為對于極簡設(shè)計來說,文字總是不可或缺的組成部分异旧,文字的排版因此顯得舉足輕重意述。也成為創(chuàng)造更具有有個性和感染力的極簡主義網(wǎng)站的幾種方式之一。
總結(jié)
極簡主義設(shè)計有諸多的優(yōu)點吮蛹,例如減少加載時間更適合響應(yīng)式設(shè)計荤崇,值得我們?nèi)パ芯俊H绻愕脑O(shè)計符合上面所提到的所有標(biāo)準(zhǔn)潮针,便可以嘗試用更少的元素重新構(gòu)思你的網(wǎng)站术荤,可以當(dāng)作只是一個練習(xí)。你會發(fā)現(xiàn)有很多你曾經(jīng)覺得必要的元素也是可以被省略每篷。
欲知更多關(guān)于極簡主義設(shè)計的技巧瓣戚,比如其他9個目前的web設(shè)計趨勢,查看免費的電子書《Web Design Book of Trends 2015-2016》.上面有166個手動挑選的例子:比如Adidas,intercom,Apple,Google,Versace等等焦读。當(dāng)然也有100個收集好的資源來幫助你提升設(shè)計水平子库。
第一次翻譯有很多生硬和不恰當(dāng)之處,盡請諒解~