10個(gè)精致的企業(yè)網(wǎng)站設(shè)計(jì)模板賞析

以下的10個(gè)網(wǎng)頁(yè)設(shè)計(jì)作品是ThemeForest上最受歡迎的優(yōu)秀企業(yè)網(wǎng)站設(shè)計(jì)模板的其中一小部分。它們風(fēng)格低調(diào)沉穩(wěn)，幾乎只使用黑白灰三種色彩，卻不雷同，并且在細(xì)節(jié)上都非常講究。

ThemeForest是非常值得網(wǎng)頁(yè)設(shè)計(jì)師關(guān)注的高品質(zhì)網(wǎng)站，其上的幾乎每一個(gè)設(shè)計(jì)模板都稱(chēng)得上是杰出的設(shè)計(jì)作品，值得我們認(rèn)真揣摩學(xué)習(xí)。這篇文章里我將根據(jù)自己的觀點(diǎn)對(duì)這10個(gè)設(shè)計(jì)模板的設(shè)計(jì)思路和方法做一總結(jié)，列出其中的要點(diǎn)，挖掘值得我們?cè)诰W(wǎng)頁(yè)設(shè)計(jì)中值得借鑒的東西，希望能夠?qū)Υ蠹矣兴鶐椭?/p>

一、設(shè)計(jì)的目的是為了信息更好的傳播

1、整體風(fēng)格感覺(jué)很干凈，原因是整個(gè)頁(yè)面近乎于白色，只用非常亮的不同層次的灰色來(lái)區(qū)分各信息區(qū)域。主視覺(jué)背景應(yīng)用的灰色漸變顏色最暗的值也才是#F4F4F4。而灰色之上用高飽和度和亮度的成色做跳出色，不至于讓頁(yè)面看上去灰灰的一片。下面的截圖顯示這個(gè)設(shè)計(jì)中使用的灰色是非常亮的，而跳出的橙色基本上使用了最大的色值。

2、整個(gè)頁(yè)面沒(méi)有過(guò)多的設(shè)計(jì)元素出現(xiàn)，導(dǎo)航?jīng)]有設(shè)計(jì)導(dǎo)航條，”Read more”也沒(méi)有做成按鈕的樣式。只是將文字、圖片放置于頁(yè)面上，通過(guò)元素之間的間距、文字大小、文字顏色來(lái)組織信息，尤其是各部分信息間較寬的留白，讓頁(yè)面也更有透氣感。從這個(gè)設(shè)計(jì)我們可以了解到設(shè)計(jì)的核心目的在于為功能性加分，作為網(wǎng)頁(yè)設(shè)計(jì)來(lái)說(shuō)，就是更好的傳遞信息，就像百度聯(lián)盟用戶(hù)體驗(yàn)中心的主視覺(jué)上寫(xiě)的”讓復(fù)雜的內(nèi)容通過(guò)設(shè)計(jì)的手段達(dá)到最優(yōu)的傳播性。”而我們常常為了單純的所謂”酷”和”炫”的設(shè)計(jì)，通過(guò)深入的分析這個(gè)設(shè)計(jì)案例可以得到反思。

3、整個(gè)頁(yè)面為通欄設(shè)計(jì)，內(nèi)容居中于930像素范圍之內(nèi)。這樣的設(shè)計(jì)去除了左右的邊框，更有透氣感，是企業(yè)網(wǎng)站設(shè)計(jì)中常用的布局方法。

4、設(shè)計(jì)中出彩的地方在于主視覺(jué)文案部分的大尺寸的字體，讓整篇文字大小看上去差不多的頁(yè)面有了視覺(jué)中心和層次感。

5、亮度較高或者白色背景下圖片邊框的設(shè)計(jì)可以作為參考的設(shè)計(jì)樣式。