唐山網(wǎng)頁設(shè)計(jì)完美極簡風(fēng)網(wǎng)站的六個(gè)步驟
發(fā)布時(shí)間:2017-09-29 發(fā)布者:先創(chuàng) 點(diǎn)擊:
這幾年里,出現(xiàn)的許多唐山網(wǎng)站建設(shè)與網(wǎng)頁規(guī)劃趨勢正在逐步成為干流,帶領(lǐng)我們走向未來。其間,極簡主義網(wǎng)頁規(guī)劃正式其間之一。極簡規(guī)劃風(fēng)格不會(huì)跟著時(shí)刻褪色,跟著現(xiàn)代主義運(yùn)動(dòng)至今,它一向活潑于各個(gè)與規(guī)劃相關(guān)的范疇,而現(xiàn)在,它為何不能成為網(wǎng)頁規(guī)劃的趨勢呢?
除了看起來看起來比較美麗之外,極簡風(fēng)格的規(guī)劃還能進(jìn)步用戶體會(huì)。這些年來,用戶一向在吐槽現(xiàn)在的網(wǎng)站導(dǎo)航繁復(fù)、網(wǎng)站布局冗繁。太多的內(nèi)容擠壓在同一個(gè)頁面中,讓整個(gè)用戶體會(huì)直線下降。規(guī)劃范疇中,常常用“少便是多”來論述極簡風(fēng),到現(xiàn)在,這句話仍是對的,尤其是針對步入21世紀(jì)的網(wǎng)頁規(guī)劃而言。
1、擁抱扁平化規(guī)劃
眾所周知,扁平化的規(guī)劃風(fēng)格正在逐步取代以蘋果式擬物化規(guī)劃(skeuomorphism)為代表的寫實(shí)風(fēng)格,而蘋果自身也正在構(gòu)建蘋果自身的扁平化規(guī)劃風(fēng)格,運(yùn)用斗膽鮮亮的顏色來招引用戶的眼球。
另一個(gè)主動(dòng)擁抱扁平化規(guī)劃風(fēng)氣的先行者就是微軟了。微軟的windows phone 和windows 8系列操作體系就是運(yùn)用扁平化規(guī)劃風(fēng)格的典型,現(xiàn)在微軟的官網(wǎng)也將扁平化的規(guī)劃遵循到底了。這也就意味著微軟已經(jīng)在全渠道上高度一致地遵循了扁平化規(guī)劃。
因而,在微軟的網(wǎng)站上并不會(huì)感遭到暗影和突變,一切都在2D平面上。標(biāo)題和正文的字體都沒有紋路裝點(diǎn),頁面布局潔凈清爽,毫不凌亂。圖標(biāo)和按鈕都運(yùn)用的充溢貨的扁平化規(guī)劃,連windows 8 開端界面中布景上的元素也都是扁平化的規(guī)劃。
2、留白
不管你習(xí)慣稱之為負(fù)空間仍是留白,它都十分聰明地引導(dǎo)你重視網(wǎng)頁的重要內(nèi)容,同時(shí)它也是極簡風(fēng)格的典型特征。越來越多的網(wǎng)站開端運(yùn)用這種規(guī)劃,規(guī)劃師們逐步意識(shí)到這種規(guī)劃是多么有用。
簡略的事例就是我們常用的查找引擎:谷歌和百度。它們是留白的典范,一切無關(guān)緊要的元素都被移除,查找框招引了用戶悉數(shù)的注意力——它就是要你輸入,然后回車、查找。留白或許負(fù)空間的存在是極簡主義顯著的特征,它們的存在并不意味著那些當(dāng)?shù)責(zé)o內(nèi)容,它們和它們所烘托的主體元素是相互依托的聯(lián)絡(luò)。
3、有限的挑選
關(guān)于任何電商或許B2B的網(wǎng)站而言,網(wǎng)站規(guī)劃的首要意圖之一就是進(jìn)步網(wǎng)站轉(zhuǎn)化率,下降網(wǎng)站用戶挑選的難度。當(dāng)你將不必要的挑選從網(wǎng)站中移除之后,用戶遭到無效信息的攪擾將下降,更容易達(dá)到方針,轉(zhuǎn)化率自然會(huì)有所進(jìn)步。因而,有限的挑選也是極簡風(fēng)格網(wǎng)站的一大特征。
極簡風(fēng)格網(wǎng)站的登錄頁是展示“有限挑選”魅力合適的當(dāng)?shù)?。Gengo就是這樣一個(gè)事例,作為一家專業(yè)的字幕翻譯公司,Gengo的登錄頁只要一個(gè)輸入框和一個(gè)翻譯按鈕i,用戶徹底無需做挑選——他們只能輸入內(nèi)容,然后翻譯變換(當(dāng)然,是收費(fèi)的)。當(dāng)然,關(guān)于那些狂熱的極簡主義分子而言,Gengo可能還不夠樸實(shí),因?yàn)轫斏系膶?dǎo)航欄仍然具有攪擾用戶視覺的可能性。
4、專心于排版
如果你真的想深化了解極簡規(guī)劃的精髓,那么無妨看看Brian Danaher的網(wǎng)站。Brian是一名規(guī)劃師、插畫家以及藝術(shù)總監(jiān)。正如你所看到的,它的網(wǎng)站首要倚賴于兩大規(guī)劃辦法:加粗字體,和你無法錯(cuò)失的單欄式布局。就這么簡略!盡管看起來有點(diǎn)簡略粗暴,可是Brian的這種規(guī)劃實(shí)現(xiàn)了兩個(gè)至關(guān)重要的方針:
5、簡化導(dǎo)航欄
當(dāng)我們討論極簡風(fēng)格網(wǎng)站的時(shí)候,常常會(huì)忽略導(dǎo)航欄菜單的規(guī)劃。它能夠做的十分大,來強(qiáng)化網(wǎng)站視覺,也能夠融入網(wǎng)站布景,以一種靜默而無攪擾的姿勢出現(xiàn)出來。
看看身為攝影師和規(guī)劃師的Cristian Ordonez是怎樣規(guī)劃網(wǎng)站的吧。在他的網(wǎng)站上,導(dǎo)航欄并沒有像其他網(wǎng)站一樣一長條橫跨網(wǎng)站頂部,導(dǎo)航欄的項(xiàng)目僅僅安靜地置于右上角。因?yàn)椴淮嬖诟嗟南吕藛?,所以也沒有更多的層。菜單的顏色也巧妙地融入到布景中。
6、運(yùn)用顏色補(bǔ)丁
在網(wǎng)站規(guī)劃中合理運(yùn)用小色塊能夠讓用戶更容易注意到頁面重要的部分。960 Grid System 網(wǎng)站就是實(shí)例。960柵格體系就是希望能簡化網(wǎng)站的開發(fā)流程,所以965 Grid System網(wǎng)站自身就靈敏地運(yùn)用柵格體系體系,將不同的內(nèi)容分塊展示出來。黃色的“view demo”在深色底和白色文字為主的網(wǎng)站上十分顯著又不會(huì)喧賓奪主,左上角的Twitter圖標(biāo)則直接鏈接到網(wǎng)站主規(guī)劃師Nathan Smith的Twitter上。