關于如何構建一個受歡迎的企業(yè)網(wǎng)站話題，我相信做過50個項目以上的設計師、產品經(jīng)理、項目經(jīng)理都可以出來談一談這個話題，畢竟，還有很多新人在企業(yè)網(wǎng)站建設領域剛剛入行、起步。在我服務過的500多家知名企業(yè)當中，絕大部分的客戶都把網(wǎng)站作為公司數(shù)字營銷活動的核心，他們的目的都很單純和專一，都希望許多其他推廣渠道的結果能將用戶吸引到官網(wǎng)上，并且在官網(wǎng)上了解自己的業(yè)務、查找重要信息并采取措施成為客戶。這是一家公司要做一個網(wǎng)站的最基本訴求。但是往往結果又不是那么盡人意，這跟網(wǎng)站建設的質量有莫大的關系。網(wǎng)站不好看，也不好用，內容還沒什么價值或者體現(xiàn)不出來公司經(jīng)營的產品、服務有什么價值，這些都是很糟糕的網(wǎng)站建設方案。

今天，我們透過歐美網(wǎng)站建設公司的3個網(wǎng)站設計方案來簡單簡介一下，如何做好一家企業(yè)網(wǎng)站的UI設計，盡可能的在視覺設計方面贏得客戶的喜愛和信任。

NO.1 wirewerks

電子元件、高精密度制造行業(yè)標桿網(wǎng)站。

幾個方面值得大家學習和參考

海報區(qū)域的文字排版設計，跟我們常見的企業(yè)網(wǎng)站截然不同，在這個網(wǎng)站設計案例中，海報文字做了獨特的版式設計。同時，文字與輔助圖形的結合，也是一大特色，這讓同行想借鑒和抄襲很困難，畢竟這里的輔助圖形，是這家公司的vi延展出來的。標志和品牌色，不是畫面的聚焦點。產品、文案才是核心。這點是很難做到的。很多公司為了張揚品牌符號和個性，都會特意的強調標志和品牌色。這個網(wǎng)站建設方案沒有這么做。留白與版式設計的結合。第二屏幕的排版設計，很大膽，左側的大面積留白，需要一塊重色來壓回來。達到視覺的基本平衡。同時也打破了絕大多數(shù)企業(yè)網(wǎng)站第二屏幕的常規(guī)做法。圖像的拍攝，非常高清，精致，且搭配很淡的灰色，跟深藍色搭配一起，很特別，能體現(xiàn)行業(yè)與品牌文化的結合。

NO.2 Travel

即使你不懂得界面中的文案表達什么意思。首頁海報區(qū)域采用這么一個造型的建筑物，有引起旅行者的無限美好遐想吧。

這個網(wǎng)站建設方案有幾個優(yōu)秀的地方值得借鑒和學習

海報背景圖的選擇，讓建筑物能完整且自然地展示于環(huán)境中，同時跟網(wǎng)站主題緊密相連，不只是為了美而設計。海報翻滾的組件很特別，跟科技行業(yè)的截然不同。海報文字的策劃和排版，很用心。同時結合三個圖標的展示，簡潔、大氣。第二屏主打產品的推介，形式很簡單，左右切換的箭頭很精致，細膩。第三屏，標題與視頻入口，視頻內容塊展示的比例，很合適。

NO.3 PSL Architects website

建筑設計領域的標桿。很少有建筑設計公司官網(wǎng)開篇這么大膽留白的。留白的用意很明顯，就是騰出更多的空間來展示下面交互的精彩。

這個建筑設計行業(yè)的官網(wǎng)可以給到我們這些啟發(fā)

留白的運用，對視覺的緩沖和突出更為重要的內容，有很大的幫助，越滿的板塊布局，越難襯托哪一個才是最重要的。大面積留白之后，騰出更多的空間來做更精美的交互和設計。對于陳列式內容的展示，通常均等比例的做法都不能吸引用戶。這個網(wǎng)站建設方案的做法，能突然讓訪客突然眼前一亮。主要是大小圖的對比，切換的箭頭個性及統(tǒng)一，文案部分的精致版式設計，綜合起來就很精彩。

今天本來想寫6個精品案例的講解的，由于時間關系濃縮了一半，希望大家理解。除了設計討論和分享，我們還有很多實戰(zhàn)項目要做，時間關系先到這里。

當然，一個網(wǎng)站是優(yōu)秀，還是普普通通，除了今天跟大家推薦的網(wǎng)站UI設計專欄之外，還應當關注網(wǎng)站的前端制作工藝、網(wǎng)站的系統(tǒng)操作等等是否人性化有重要關系。畢竟，網(wǎng)站視覺設計，僅僅是平面設計中的一部分，而網(wǎng)站是一個特殊的媒介，有視覺靜態(tài)部分，也有交互動態(tài)部分，設計與制作的絕佳搭配，才是把一家公司有價值的信息完美呈現(xiàn)出來的關鍵。