您當前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設計教程 >> 設計欣賞 >> 瀏覽設計教程

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

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

ThemeForest是非常值得網(wǎng)頁設計師關注的高品質網(wǎng)站,其上的幾乎每一個設計模板都稱得上是杰出的設計作品,值得我們認真揣摩學習。這篇文章里我將根據(jù)自己的觀點對這10個設計模板的設計思路和方法做一總結,列出其中的要點,挖掘值得我們在網(wǎng)頁設計中值得借鑒的東西,希望能夠對大家有所幫助。

一、設計的目的是為了信息更好的傳播

580th_udesign.jpg

580th_portfolio.jpg

580th_udesign-blog.jpg

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

f4f4f4.jpg

udesign-color.jpg

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

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

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

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

udesign-blog-latest-post.png

[教程作者:admin]
免責聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/de1140.html
國外十佳免費網(wǎng)頁設計教程網(wǎng)站
23例精致單頁網(wǎng)站設計
×