2022-05-24 分類: 網(wǎng)站建設(shè)
在剛剛過去的幾年里,涌現(xiàn)的許多廣州網(wǎng)頁設(shè)計趨勢正在逐漸成為主流,引領(lǐng)我們走向未來。其中,極簡主義網(wǎng)頁設(shè)計正式其中之一。極簡設(shè)計風(fēng)格不會隨著時間褪色,隨著現(xiàn)代主義運動至今,它一直活躍于各個與設(shè)計相關(guān)的領(lǐng)域,而如今,它為何不能成為網(wǎng)頁設(shè)計的趨勢呢?
除了看起來看起來比較漂亮之外,極簡風(fēng)格的設(shè)計還能提高用戶體驗。這些年來,用戶一直在吐槽現(xiàn)在的網(wǎng)站導(dǎo)航繁復(fù)、網(wǎng)站布局冗雜。太多的內(nèi)容擠壓在同一個頁面中,讓整個用戶體驗直線下降。設(shè)計領(lǐng)域中,常常用“少即是多”來闡述極簡風(fēng),截至目前,這句話還是對的,尤其是針對步入21世紀(jì)的網(wǎng)頁設(shè)計而言。
1、擁抱扁平化設(shè)計
眾所周知,扁平化的設(shè)計風(fēng)格正在逐漸取代以蘋果式擬物化設(shè)計(skeuomorphism)為代表的寫實風(fēng)格,而蘋果本身也正在構(gòu)建蘋果自身的扁平化設(shè)計風(fēng)格,使用大膽鮮亮的色彩來吸引用戶的眼球。
新技能Get!設(shè)計好極簡風(fēng)網(wǎng)站的六個步驟
另一個主動擁抱扁平化設(shè)計風(fēng)尚的先行者就是微軟了。微軟的windows phone 和windows 8系列操作系統(tǒng)就是使用扁平化設(shè)計風(fēng)格的典型,現(xiàn)在微軟的官網(wǎng)也將扁平化的設(shè)計貫徹到底了。這也就意味著微軟已經(jīng)在全平臺上高度一致地貫徹了扁平化設(shè)計。
因此,在微軟的網(wǎng)站上并不會感受到陰影和漸變,一切都在2D平面上。標(biāo)題和正文的字體都沒有紋理點綴,頁面布局干凈清爽,毫不雜亂。圖標(biāo)和按鈕都使用的充滿貨的扁平化設(shè)計,連windows 8 開始界面中背景上的元素也都是扁平化的設(shè)計。
2、留白
不管你習(xí)慣稱之為負(fù)空間還是留白,它都非常聰明地引導(dǎo)你關(guān)注網(wǎng)頁的重要內(nèi)容,同時它也是極簡風(fēng)格的典型特征。越來越多的網(wǎng)站開始使用這種設(shè)計,設(shè)計師們逐漸意識到這種設(shè)計是多么有用。
最簡單的案例就是大家常用的搜索引擎:谷歌和百度。它們是留白的典范,所有無關(guān)緊要的元素都被移除,搜索框吸引了用戶全部的注意力——它就是要你輸入,然后回車、搜索。留白或者負(fù)空間的存在是極簡主義最明顯的特征,它們的存在并不意味著那些地方無內(nèi)容,它們和它們所襯托的主體元素是相互依托的關(guān)系。
3、有限的選擇
對于任何電商或者B2B的網(wǎng)站而言,網(wǎng)站設(shè)計的主要目的之一就是提高網(wǎng)站轉(zhuǎn)化率,降低網(wǎng)站用戶選擇的難度。當(dāng)你將不必要的選擇從網(wǎng)站中移除之后,用戶受到無效信息的干擾將降低,更容易達(dá)成目標(biāo),轉(zhuǎn)化率自然會有所提高。因此,有限的選擇也是極簡風(fēng)格網(wǎng)站的一大特征。
新技能Get!設(shè)計好極簡風(fēng)網(wǎng)站的六個步驟
極簡風(fēng)格網(wǎng)站的登錄頁是展現(xiàn)“有限選擇”魅力最合適的地方。Gengo就是這樣一個案例,作為一家專業(yè)的字幕翻譯公司,Gengo的登錄頁只有一個輸入框和一個翻譯按鈕i,用戶完全無需做選擇——他們只能輸入內(nèi)容,然后翻譯轉(zhuǎn)換(當(dāng)然,是收費的)。當(dāng)然,對于那些狂熱的極簡主義分子而言,Gengo可能還不夠純粹,因為頂上的導(dǎo)航欄依然具備干擾用戶視覺的可能性。
4、專注于排版
如果你真的想深入了解極簡設(shè)計的精髓,那么不妨看看Brian Danaher的網(wǎng)站。Brian是一名設(shè)計師、插畫家以及藝術(shù)總監(jiān)。正如你所看到的,它的網(wǎng)站主要倚賴于兩大設(shè)計方法:加粗字體,和你永遠(yuǎn)無法錯過的單欄式布局。就這么簡單!雖然看起來有點簡單粗暴,但是Brian的這種設(shè)計實現(xiàn)了兩個至關(guān)重要的目標(biāo):
新技能Get!設(shè)計好極簡風(fēng)網(wǎng)站的六個步驟
1、導(dǎo)航欄設(shè)計成單欄的形式,主要的信息清晰直觀地展現(xiàn)在用戶面前,Brian是誰,他是做什么的,他的作品有哪些,怎么聯(lián)系他,都清晰地呈現(xiàn)在屏幕上。
2、Brian成功地使用對比度(字體和背景的色彩對比,字體和字號尺寸的對比)給用戶呈現(xiàn)出有趣的內(nèi)容。
5、簡化導(dǎo)航欄
當(dāng)我們探討極簡風(fēng)格網(wǎng)站的時候,常常會忽略導(dǎo)航欄菜單的設(shè)計。它可以做的非常大,來強化網(wǎng)站視覺,也可以融入網(wǎng)站背景,以一種靜默而無干擾的姿態(tài)呈現(xiàn)出來。
新技能Get!設(shè)計好極簡風(fēng)網(wǎng)站的六個步驟
看看身為攝影師和設(shè)計師的Cristian Ordonez是怎樣設(shè)計網(wǎng)站的吧。在他的網(wǎng)站上,導(dǎo)航欄并沒有像其他網(wǎng)站一樣一長條橫跨網(wǎng)站頂部,導(dǎo)航欄的項目只是安靜地置于右上角。由于不存在更多的下拉菜單,所以也沒有更多的層。菜單的顏色也巧妙地融入到背景中。
6、使用色彩補丁
在網(wǎng)站設(shè)計中合理使用小色塊可以讓用戶更容易注意到頁面重要的部分。960 Grid System 網(wǎng)站就是實例。960柵格系統(tǒng)就是希望能簡化網(wǎng)站的開發(fā)流程,所以965 Grid System網(wǎng)站本身就靈活地使用柵格系統(tǒng)系統(tǒng),將不同的內(nèi)容分塊展示出來。黃色的“view demo”在深色底和白色文字為主的網(wǎng)站上非常明顯又不會喧賓奪主,左上角的Twitter圖標(biāo)則直接鏈接到網(wǎng)站主設(shè)計師Nathan Smith的Twitter上。
新聞標(biāo)題:廣州網(wǎng)頁設(shè)計完美極簡風(fēng)網(wǎng)站的六個步驟
網(wǎng)頁地址:http://m.newbst.com/news/158332.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站制作、ChatGPT、搜索引擎優(yōu)化、電子商務(wù)、App開發(fā)、網(wǎng)站維護(hù)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容