這篇文章中，我們為大家精心整理了一些有趣且富有創意的著陸頁面設計案例，幫助你快速掌握著陸頁設計技巧。大家都知道著陸頁面（Landing Pages）需要特殊的設計，才能抓住目標受眾的注意力。

著陸頁對于幫助網站把訪問者轉換成銷售非常重要。因此，產品的消息必須明確，設計必須能吸引人且簡單易懂。來看看這些優秀案例獲取靈感吧。

酷站推薦：
《推薦！那些令人贊不絕口的創新型HTML5網站》
《40個漂亮的單頁網站設計欣賞》
 

Prezi

inDinero

界面設計包括哪些細節、如何深入？

我們常說“細節決定成敗”，有些界面會讓人覺得不精致，缺細節，而這些細節又包括哪些呢？如何去深入呢？

不妨來看本文作者，百度用戶界面設計師@JJ-Ying 為您娓娓道來：

• 界面元素的對齊，我見過很多同學對齊是永遠靠眼睛的。確實在布局的時候經常需要做到視覺上的對齊，而不是機械的對齊，但這不是界面元素可以隨意擺放的借口，該對齊的內容需要對齊，有時候只是舉手之勞，養成好習慣很重要，有點強迫癥也不是壞事情。
• 像素，雖然現在的分辨率越來越高，但是很多圖標、按鈕的邊緣還是最好都檢查一遍保證垂直和水平邊緣不會被虛化。
• 界面光源的一致性，一致性是個很大的課題，應該能寫一篇論文那么長，細節方面的一致性應該包括界面元素、文字陰影、圖標等的光源。假設深色的標題文字用了向下的淡色投影表現內凹效果，那正文就應該避免用深色的文字向上投深色的陰影
• 圖標面積的一致性，這也是一個一直難以避免的問題，而且有很多主觀成分，最好的方法是設計的時候放到實際屏幕上以較遠的距離查看，是不是有哪些會特別輕或特別重，然后再去調整尺寸
• 文案，雖然這不是直接的界面設計元素，但是嚴謹、完整的文案也是給所有設計加分的。常見的問題有中文錯別字、英文該大寫的沒大寫、拼寫錯誤等等
• 別直接使用 Windows 自帶宋體 / 黑體里的英文！！！這個不解釋
• 謹慎地使用高飽和度顏色、大差別漸變，我們 GUI 設計師總喜歡把自己當做藝術家，即使 GUI 真算藝術那也是限制最大的一門藝術（天朝的電影、電視劇不算。。。），大家大部分情況下遇到的設計場景沒有非常大的顏色空間去發揮，所以一些醒目出跳的顏 色和漸變使用起來要比較小心，否則很容易產生“俗氣”的感覺

互聯網界一直在有提倡簡約設計的聲音，可簡約設計有什么小技巧？

作者：龍泰 一個學日語的產品經理。愛貓，愛吐槽。現在在做智能手機的Rom。

談簡約設計的書籍有很多，互聯網界也一直在有提倡簡約設計的聲音。有人說，看國內的各大門戶的設計，通通都是文字和功能的粗暴堆砌，難道中國人真的不擅長設計簡約嗎？

產品長什么樣是跟產品的受眾有關的。我們看國內電視購物，從來都是以“有多少功能”的方向來推銷產品的。或許我們的目標受眾就是喜歡大而全的東西，并不是設計師和產品經理的錯。為了迎合大環境的產品需求，我們不得不用各種可有可無的功能點來吸引用戶。

臃腫易煩膩，簡陋生欲望

產品功能多并不是好事，臃腫的功能會讓產品本身的定位和識別度變得稀疏，同時帶來的是在視覺和心理上的壓力。也會讓產品顯得沒有深度，感覺像是一下子就略過了前戲進入高潮了。初期的版本，只要保證那些能讓產品的概念成立的關鍵功能點和特性就行了。

優異的用戶界面可以讓用戶用得順心，從而提高轉化率(conversion rate)，換言之，好的 UI 在使用與銷售層面上形成雙贏。本文整理了16點優化用戶界面的方法，希望對大家有所幫助。

文原作者加拿大UI設計師Jakub Linowski

單欄型式優于多欄

單欄型式讓你更能掌握自己的內容，從頂部到底部一氣呵成，用故事引導讀者，最終是要誘引他們「采取行動」(call to action，下稱CTA，意指下載或消費等目的);而多欄反而可能導致讀者分心。

不要劈頭銷售產品

「略施小惠」給使用者，販賣的意圖不要設計得太明顯。小小的優惠或禮物，對未來的銷售會帶來大大的幫助。

統一相似的功能，避免支離破碎的UI

瀏覽網站時，我們很常看到琳瑯滿目的元素或特色，但它們的功能毫無二致，而相似的選項太多，只會提高讓使用者無所適從。倘若發現自己的網站內有以不同 型式重復相同功能的狀況，不妨考慮重新設計UI，把類似功能整合起來。譬如圖中「Customer Service(客服)」、「Contact Us(聯系我們)」其實是一樣的意思，應當保留一個選項就好。

如果您想學習設計logo，或者您已經在設計了，那么不妨來好好看看我們這篇文章，絕對讓您受益匪淺。
本文揭示了Logo設計技藝中的一切奧秘！從靈感獲取再到細節處理。徹頭徹尾改變您對logo設計的認知。

Logo無處不在，Logo能夠起到品牌宣傳、獲取消費者認知的作用。Logo的核心意義是，通過簡明扼要的品牌形象設計，勾勒出品牌的核心精神，讓用戶將Logo與企業完美的聯系到一塊。

Logo和品牌的關系是相輔相成的，好的Logo能夠有效的支持產品和企業形象，而好的企業形象能讓Logo更加深入人心。

時代一直在變，Logo設計出現了風格多樣、種類繁多的大局面，挑戰也與以往不同了。
設計師該要如何打造優異的原創Logo作品？設計師要如何在快速創作的同時保證Logo的質量？

本文，將致力于講解Logo設計中的基本原則和專業性建議，耐心讀完本文，你的Logo設計將會有質的飛躍。

準備工作

01. 研究用戶

好的Logo設計不光意味著圖像優美——還必須起到品牌傳達的作用。

Logo設計，視覺是第一點。還要注意的是，要思考如何通過視覺元素來宣傳推廣品牌形象。因此，Logo設計的第一步就是要研究面向群體，研究他們是如何看待品牌的，研究他們對什么感興趣。

越早研究用戶越好，這樣就能避免出現根本問題，而且信息傳遞務求簡潔、清晰、到位。

如果你正在給自己的網站尋找靈感，來看看這些設計機構網站是一個好的選擇。為了今天的靈感分享我們搜集了一些令人興奮的設計機構網站，希望大家可以從他們身上學到一些東西。
在大家瀏覽這些頁面的時候，可以重點關注一下各個機構/設計師是通過什么方式來把自己的設計風格帶到頁面中的。

pixies-agency

stereocreative

parall

使用不同的2個或3個色系，進行相互搭配，從而產生不同的設計效果，或沖突或和諧。這是一種前衛又時尚的網頁色彩流行趨勢，收集了15個相關的作品，分享給優設的童鞋們 : ）

如果您想盡快學會配色請移步這篇人氣超高的文章：設計師的配色理論：你真懂顏色了嗎？

Uidigital

Decode

“人生太孤單，要找個有趣的人一起過”——王小波

相信大家肯定都喜歡幽默風趣的設計。
當流行的扁平化設計遇到幽默元素，會摩擦住怎樣的火花呢？

幽默的魅力是無窮盡的，它即能夠讓用戶感到有趣，又能夠迅速的吸引用戶的注意。
如果想為網站添加幽默元素，可以有很多種方式，例如：

• 搞笑的錯誤頁面（Team Treehouse）
• 搞笑的Logo(Pixo Creative)
• 卡通式的布局
• 搞怪的背景圖像
• 可愛的圖片
• 讓人爆笑的視覺元素

一旦你做到了有趣，用戶自然就會對你的網站側目。
我們一起來看看下面這些吸引眼球的幽默案例吧！

相關推薦：
《激活你的設計創意！不容錯過的55個創意驚人的網站》
《想設計自己的網站？先來看這15個優秀設計師的酷站》

@騰訊ecd 星舊：作為未來網頁設計的熱點趨勢之一的“滾動視差”在近年來被越來越多網站所采用，特殊新穎的展示模式也讓許多用戶眼前一亮。網絡上也如雨后春筍一般出 現了很多像《30個讓人興奮的視差滾動網站》、《60個視差滾動網站賞析》……等一系列的視差滾動的文章，不過賞析的居多，真正指導設計師如何去設計，如 何去實現的實用型文章卻很少。于是萌發了自己寫一篇的想法，與感興趣的人共同交流下滾動視察設計時的一些心得。

什么是滾動視差？
視差滾動（Parallax Scrolling）是指讓多層背景以不同的速度移動，形成立體的運動效果，帶來非常出色的視覺體驗。

視差效果，原本是一個天文學術語，當我們觀察星空時，離我們遠的星星移動速度較慢，離我們近的星星移動速度則較快。當我們坐在車上向車窗外 看時，也會有這樣的感覺，遠處的群山似乎沒有在動，而近處的稻田卻在飛速掠過。許多游戲中都使用視差效果來增加場景的立體感。說的簡單點就是網頁內的元素 在滾動屏幕時發生的位置的變化，然而各個不同的元素位置變化的速度不同，導致網頁內的元素有層次錯落的錯覺，這和我們人體的眼球效果很像。我看到多家產品 商用視差滾動效果來展示產品，從不同的空間角度和用戶體驗，起到了非常不錯的效果。

看似復雜其實這個早就不是什么新鮮事兒，這種設計思路早在80年代的小霸王學習機上就見過。

在這個畫面里通過人物馬里奧、前景、背景著三個部分的移動速率的不同來實現立體效果。類比網頁也是如此。一個滾動視察的網站至少會有以下幾層 ：背景層，內容層，貼圖層。

本文總結了最近網頁設計領域比較熱門的幾種技術，代表了一定的趨勢，設計師們要跟市場接軌，緊跟潮流的腳步，可以閱讀這篇總結，肯定大有裨益。

騰訊cdc：技術的革新帶動了設計行業的的迅猛發展，這使得設計師和開發者有了更廣闊的的探索天地。而網頁設計也越發不再那么循規蹈矩，許多團隊和公司都做了很多思考和創意。所以在我們適應著現代設計潮流的同時，不妨也來看看現階段網頁設計大致的趨勢和風格吧。

我不敢大言不慚的說這就是網頁設計的必然趨勢，這只是本人對當下網頁設計做出的一些小總結。希望這樣的歸類總結能給你帶來更多的思路和想法。

01. 響應式網頁設計（Responsive Web Design）

現在越來越多用戶都擁有多種終端：臺式機，筆記本，平板電腦，手機，能夠適應不同尺寸顯示屏的網頁是現在的潮流，甚至是未來很長一段時間的設計趨勢。那么響應式網頁設計就是來解決這個問題的。這種特別的開發方式能保證網頁適應不同的分辨率，讓網頁要素重組，使其無論在垂直的平板電腦還是智能手機上，都能達到最好的視覺效果。

除了多終端的多樣化，我們還可以看到我們的電腦屏幕，手機屏幕都在不斷變大，而在對未來生活的預測、概念設計里，”屏幕”這個產物更是被運用到多種新平臺上。例如微軟發布的”未來生活概念視頻”里，廚房、室內墻壁、辦公室玻璃墻面都成為了交互平臺。所以我們可以發現，響應式網頁設計所具備的良好的適應性和可塑性，在未來的網頁設計里將占有舉足輕重的位置。