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

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

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

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

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

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

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

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

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