圖片加載失敗
首頁 動态

Our News

動态

内蒙古網站設計:設計完美極簡風網站的六個步驟

  在剛剛過(guò)去的幾年裡(lǐ),湧現的許多網頁設計趨勢正在逐漸成(chéng)爲主流,引領先誠科技走向(xiàng)未來。其中,極簡主義網頁設計正式其中之一。極簡設計風格不會随著(zhe)時間褪色,随著(zhe)現代主義運動至今,它一直活躍于各個與設計相關的領域,而如今,它爲何不能(néng)成(chéng)爲網頁設計的趨勢呢?

  除了看起(qǐ)來看起(qǐ)來比較漂亮之外,極簡風格的設計還(hái)能(néng)提高用戶體驗。這(zhè)些年來,用戶一直在吐槽現在的網站導航繁複、網站布局冗雜。太多的内容擠壓在同一個頁面(miàn)中,讓整個用戶體驗直線下降。設計領域中,常常用“少即是多”來闡述極簡風,截至目前,這(zhè)句話還(hái)是對(duì)的,尤其是針對(duì)步入21世紀的網頁設計而言。

1、擁抱扁平化設計

  衆所周知,扁平化的設計風格正在逐漸取代以蘋果式拟物化設計(skeuomorphism)爲代表的寫實風格,而蘋果本身也正在構建蘋果自身的扁平化設計風格,使用大膽鮮亮的色彩來吸引用戶的眼球。

  另一個主動擁抱扁平化設計風尚的先行者就是微軟了。微軟的windows phone 和windows 8系列操作系統就是使用扁平化設計風格的典型,現在微軟的官網也將(jiāng)扁平化的設計貫徹到底了。這(zhè)也就意味著(zhe)微軟已經(jīng)在全平台上高度一緻地貫徹了扁平化設計。

  因此,在微軟的網站上并不會感受到陰影和漸變,一切都(dōu)在2D平面(miàn)上。标題和正文的字體都(dōu)沒(méi)有紋理點綴,頁面(miàn)布局幹淨清爽,毫不雜亂。圖标和按鈕都(dōu)使用的充滿貨的扁平化設計,連windows 8 開(kāi)始界面(miàn)中背景上的元素也都(dōu)是扁平化的設計。

2、留白

  不管你習慣稱之爲負空間還(hái)是留白,它都(dōu)非常聰明地引導你關注網頁的重要内容,同時它也是極簡風格的典型特征。越來越多的網站開(kāi)始使用這(zhè)種(zhǒng)設計,設計師們逐漸意識到這(zhè)種(zhǒng)設計是多麼(me)有用。

  最簡單的案例就是大家常用的搜索引擎:谷歌和百度。它們是留白的典範,所有無關緊要的元素都(dōu)被(bèi)移除,搜索框吸引了用戶全部的注意力——它就是要你輸入,然後(hòu)回車、搜索。留白或者負空間的存在是極簡主義最明顯的特征,它們的存在并不意味著(zhe)那些地方無内容,它們和它們所襯托的主體元素是相互依托的關系。

3、有限的選擇

  對(duì)于任何電商或者B2B的網站而言,網站設計的主要目的之一就是提高網站轉化率,降低網站用戶選擇的難度。當你將(jiāng)不必要的選擇從網站中移除之後(hòu),用戶受到無效信息的幹擾將(jiāng)降低,更容易達成(chéng)目标,轉化率自然會有所提高。因此,有限的選擇也是極簡風格網站的一大特征。

  極簡風格網站的登錄頁是展現“有限選擇”魅力最合适的地方。Gengo就是這(zhè)樣(yàng)一個案例,作爲一家專業的字幕翻譯公司,Gengo的登錄頁隻有一個輸入框和一個翻譯按鈕i,用戶完全無需做選擇——他們隻能(néng)輸入内容,然後(hòu)翻譯轉換(當然,是收費的)。當然,對(duì)于那些狂熱的極簡主義分子而言,Gengo可能(néng)還(hái)不夠純粹,因爲頂上的導航欄依然具備幹擾用戶視覺的可能(néng)性。

4、專注于排版

  如果你真的想深入了解極簡設計的精髓,那麼(me)不妨看看Brian Danaher的網站。Brian是一名設計師、插畫家以及藝術總監。正如你所看到的,它的網站主要倚賴于兩(liǎng)大設計方法:加粗字體,和你永遠無法錯過(guò)的單欄式布局。就這(zhè)麼(me)簡單!雖然看起(qǐ)來有點簡單粗暴,但是Brian的這(zhè)種(zhǒng)設計實現了兩(liǎng)個至關重要的目标:

    1、導航欄設計成(chéng)單欄的形式,主要的信息清晰直觀地展現在用戶面(miàn)前,Brian是誰,他是做什麼(me)的,他的作品有哪些,怎麼(me)聯系他,都(dōu)清晰地呈現在屏幕上。
    2、Brian成(chéng)功地使用對(duì)比度(字體和背景的色彩對(duì)比,字體和字号尺寸的對(duì)比)給用戶呈現出有趣的内容。

5、簡化導航欄

  當先誠科技探讨極簡風格網站的時候,常常會忽略導航欄菜單的設計。它可以做的非常大,來強化網站視覺,也可以融入網站背景,以一種(zhǒng)靜默而無幹擾的姿态呈現出來。

  看看身爲攝影師和設計師的Cristian Ordonez是怎樣(yàng)設計網站的吧。在他的網站上,導航欄并沒(méi)有像其他網站一樣(yàng)一長(cháng)條橫跨網站頂部,導航欄的項目隻是安靜地置于右上角。由于不存在更多的下拉菜單,所以也沒(méi)有更多的層。菜單的顔色也巧妙地融入到背景中。

6、使用色彩補丁

  在網站設計中合理使用小色塊可以讓用戶更容易注意到頁面(miàn)重要的部分。960 Grid System 網站就是實例。960栅格系統就是希望能(néng)簡化網站的開(kāi)發(fā)流程,所以965 Grid System網站本身就靈活地使用栅格系統系統,將(jiāng)不同的内容分塊展示出來。黃色的“view demo”在深色底和白色文字爲主的網站上非常明顯又不會喧賓奪主,左上角的Twitter圖标則直接鏈接到網站主設計師Nathan Smith的Twitter上。

了解極簡風格你就能(néng)用好(hǎo)它

  跟一部分設計師提及極簡風格設計的時候,他們會錯誤的認爲使用這(zhè)種(zhǒng)風格設計的網頁不夠吸引力,然而事(shì)實上,極簡風格下已經(jīng)有了如此多的優秀設計。

  極簡風格的網站不僅會更加簡潔,更加井井有條,還(hái)可以與目前流行的趨勢結合在一起(qǐ),比如扁平化設計,比如Lowpoly,可以讓網站更加出彩,帶來更多的用戶和收益。