網(wǎng)頁規(guī)劃的有用準(zhǔn)則:極簡主義風(fēng)格的奇妙運用 |
發(fā)布時間:2021-02-08 文章來源:本站 瀏覽次數(shù):2532 |
一日千里的時代,互聯(lián)網(wǎng)改變更是如此。少便是多的觀念逐步在網(wǎng)頁規(guī)劃中成為趨向,極簡風(fēng)格也慢慢越多的運用在網(wǎng)站建造上面,咱們能發(fā)現(xiàn)有不乏的國際品牌在企業(yè)網(wǎng)站建造上都運用了極簡風(fēng)格規(guī)劃。極簡風(fēng)格的頁面簡化了用戶操作,頁面載入速度快,要點凸顯等等明顯的優(yōu)點能帶來杰出的用戶體會,可是規(guī)劃者所需求考慮的一點也不比其他風(fēng)格規(guī)劃的少,才干通過簡練的頁面規(guī)劃向用戶有用的傳遞出品牌。 什么是精約風(fēng)格的網(wǎng)站? 扁平規(guī)劃、英豪形象和漢堡包菜單等等許多這些現(xiàn)在流行的規(guī)劃趨勢,都是于 2000 年開始逐步受到極簡風(fēng)格的影響才誕生的。「這里的英豪形象指的是:在網(wǎng)站首頁上運用的大尺度圖片。在日本,作為視覺的要害,也被稱為主視覺。在Bootstrap中也有命名為「Hero unit」的組件而被咱們廣泛運用著!
谷歌一直被評為采用精約風(fēng)格的Web界面的先驅(qū),自 20 世紀(jì) 90 年代所供給的測試版以來,一直都很重視界面的簡練性。關(guān)于精約風(fēng)格的評論還在持續(xù),但也有一些許多規(guī)劃師都認(rèn)同的共同點。那么,就讓咱們一起來具體的看一看精約風(fēng)格究竟有著哪些特征吧。 只要必要的元素 精約風(fēng)格的哲學(xué)十分簡略,即“少便是多(英文:Less is More)”。在網(wǎng)頁規(guī)劃中,只運用真實有必要的要素,就能夠完結(jié)更多的工作。精約風(fēng)格的網(wǎng)頁規(guī)劃戰(zhàn)略,便是刪去用戶操作時不必要的內(nèi)容,以完結(jié)接口界面的單純化。屏幕上的要素越少,所留下的要素就會變得更強。如果在屏幕上的規(guī)劃要素只要一個,信息就能很精確的傳遞給用戶。 極簡風(fēng)格是刪去一切讓用戶無法專心于內(nèi)容的元素。但與此同時,為了防止刪去或許躲藏了對用戶來說真實必要的內(nèi)容,而讓用戶的操作感到困難,你需求細(xì)心地檢查。對內(nèi)容的周圍加以規(guī)劃,運用戶不會感到紊亂,讓咱們留下一些輔佐元素(如導(dǎo)航菜單)吧。 留白空間 精約風(fēng)格的最常見的元素,便是什么規(guī)劃元素都沒有。精約風(fēng)格最重要的一點便是負(fù)空間或留白空間,這些將有助于引導(dǎo)用戶的視野。在規(guī)劃要素的周圍留有許多留白空間,就能夠很好的將用戶的視野會集起來。留白空間對精約風(fēng)格來說是最重要的元素。
視覺特性 在精約風(fēng)格中,每一個規(guī)劃的細(xì)節(jié)都是十分重要的。接下來介紹一些在規(guī)劃中能夠靈敏運用的要點。 平整紋路 精約風(fēng)格的界面中,簡略的紋路和圖標(biāo)是經(jīng)常被運用的圖形元素。在界面中,不管是明晰高亮的作用、含糊昏暗的作用仍是給UI 元素添加上光澤表現(xiàn)3D的作用都是沒有必要的。
色彩鮮艷的圖片 圖片是精約規(guī)劃中最醒意圖要素,能夠渲染出作品的氣氛。但是,咱們也需求謹(jǐn)記,有必要要運用抓住了精約風(fēng)格特色的圖片。挑選了錯誤的圖像(如亂七八糟不能會集的圖像),它會抵消采用了精約風(fēng)格界面的好處。
用最少的色彩 在精約風(fēng)格中,無需添加規(guī)劃元素和圖形,只運用色彩便能引起視覺上的重視,將視野會集到元素之上。因為運用的色彩數(shù)量有必要很少,所以有必要做出具有構(gòu)思的視覺性層次感作用。
△ 用戶所能運用的有用情報很少,配色就會變得顯眼,對網(wǎng)站也會有著顯著的影響。 印刷字體 斗膽的印刷體,側(cè)重于將瞬間描述所記載的詞匯和內(nèi)容作為焦點,以到達更有趣味的視覺作用。當(dāng)你運用引人注意圖具有魅力的印刷體時,運用文字來傳遞情報是十分有用的。想傳遞信息時,請運用具有魅力的印刷字體吧。
對比度 因為運用了比平常較少的規(guī)劃元素,當(dāng)你想創(chuàng)立一個具有視覺性層次感的畫面時是十分有構(gòu)思的想法。
精約規(guī)劃中,大都情況下只運用一種色彩作為要點,那個色彩能夠強調(diào)重要元素。
精約Web風(fēng)格的實踐總結(jié) 對于精約風(fēng)格,請不要認(rèn)為看起來簡略,做起來就會很容易。運用的規(guī)劃元素很少,界面也變得簡略,所以有必要給用戶供給在同一平面內(nèi)舒適的體會。 一個屏幕,一個焦點 遵照“一個頁面一個概念”的準(zhǔn)則,以單一的視覺要素為中心傳達一個概念為吸引點,在各個頁面都用心規(guī)劃吧。
將魅力展現(xiàn)在首屏 充分配合留白空間的重要內(nèi)容,然后跟著翻滾不斷提高內(nèi)容的密度吧。
簡略易懂的宣傳詞 《The ELements of Style》作者Strunk先生與White先生,提倡“省略不必要的單詞(英: Omit needless words)”。將完結(jié)的內(nèi)容再修改,挑選傳遞信息所需的最低限度的單詞吧。
讓導(dǎo)航菜單變得簡略 簡略易懂的導(dǎo)航菜單一直是網(wǎng)頁規(guī)劃中十分重要的要素。但是,這并不意味著將它躲藏起來。在運用漢堡菜單簡化界面之前,讓咱們先確認(rèn)為什么要運用它。漢堡菜單會讓菜單的各個項目變得很難找到,這是你所有必要注意到的。在大都情況下總是顯現(xiàn)的導(dǎo)航菜單是有用的。
測驗運用動畫 因為運用動畫作用的機會越來越多,尚未運用動畫作用的精約風(fēng)格的網(wǎng)站人氣恐怕會下降?墒,這些新的作用也需求遵守精約風(fēng)格的準(zhǔn)則,謹(jǐn)慎小心的運用。
為著陸頁和出資網(wǎng)站保存精約風(fēng)格 「這里的著陸頁指的是:在互聯(lián)網(wǎng)營銷中,引導(dǎo)頁便是當(dāng)潛在用戶點擊廣告或許運用查找引擎查找后顯現(xiàn)給用戶的網(wǎng)頁。一般這個頁面會顯現(xiàn)和所點擊廣告或查找結(jié)果鏈接相關(guān)的擴展內(nèi)容,并且這個頁面應(yīng)該是針對某個要害字(或短語)做過查找引擎優(yōu)化的! 重視內(nèi)容,一切的網(wǎng)站都能夠運用,但不一定都是適宜。精約風(fēng)格的意圖十分簡略。
越是雜亂的網(wǎng)站想運用精約風(fēng)格的作用,就越是困難。內(nèi)容豐富的網(wǎng)站,因為缺少規(guī)劃要素恐怕將會給用戶帶來紊亂。在這種情況下,創(chuàng)立具有精約風(fēng)格的著陸頁,能夠幫助你的用戶閱讀到他需求閱讀的具體內(nèi)容。 與精約風(fēng)格相關(guān)的東西 Minimalist Color Palettes:一些精約風(fēng)格的配色方案,將幫助你脫離標(biāo)準(zhǔn)的黑白規(guī)劃創(chuàng)造更多的組合。Color Contrast Checker:輸入前景色和背景色,核算機主動幫助你核算百分比,輕松的就能創(chuàng)立很棒的色彩組合。
最后 網(wǎng)站建造運用精約風(fēng)格規(guī)劃,通過刪去不必要的規(guī)劃元素和與用戶意圖無關(guān)的內(nèi)容,將網(wǎng)頁的接口變得簡略。為了使這一類型的網(wǎng)站變得具有非凡的吸引力,精煉的規(guī)劃與簡易的操作相組合是十分重要的。能更簡略地誘導(dǎo)用戶的網(wǎng)站,會成為十分強有力的交互東西。 |
|