網(wǎng)頁設計--極簡的引導頁面

在下面的例子中，要注意大小，位置，色彩對比，視覺的復雜性，和空白如何被用來建立所需的視覺層次。

例如：Numbrs

簡約的網(wǎng)頁設計Numbrs視覺層次方面是一個很好的話題。

的應用程序（1）和應用程序的主呼叫動作的按鈕（2）的描述中，在web頁面中的兩個最突出的元素。

音量控制（3）視覺上的層次相當高太多，因為你可能要關閉音頻，當您訪問引導頁面。

現(xiàn)場（4）和替代行動的名稱，你可以采?。?）在視覺層次低。

例如：漫步

可以看出，良好的視覺層次組成的另一個示范漂移的極簡引導頁面。

僅有四個設計中的前景元素。

在視覺上的層次結構的最頂層的是一個聲明，讓人們知道該網(wǎng)站是在登錄窗口（1）。 下面的語句是一個號召性動作按鈕（2）中要求用戶登錄。

顯著都是次要的替代行動漫步的引導頁面游客可以乘坐，如喜歡在Facebook上漂移（3）在視覺層次低得多。 Facebook的按鈕也顯示Facebook的喜歡漂移的數(shù)量，服務的雙重目的，向社會證明有關的應用程序的網(wǎng)站訪問者。

其他輔助操作網(wǎng)站的訪問者可以觀看漂移的社交網(wǎng)絡帳戶或閱讀漂移的Tumblr博客（4）。

建立在你的網(wǎng)頁設計的視覺層次

閱讀這些指南的技巧和思路視覺層次組成：

• 工作在你的設計中的視覺重量 -給你的設計元素，適當?shù)囊曈X重量的基礎上自己想要的位置，在視覺上層次的指南。
• 創(chuàng)建聯(lián)絡員在你的網(wǎng)頁設計 -有些技術提請注意特定的設計元素，在這篇文章中討論。
• 格式塔原理在設計中的應用 -完形是一組人的心理理論，意味著一些有用的技術在您的設計中樹立了良好的視覺層次。

確保主要動作是最突出的元素

第一步是決定你想你的網(wǎng)站訪問者采取什么主要動作。 它是點擊某個按鈕？ 是喜歡你的Facebook頁面？ 是它填補了一個Web表單？

選擇一個主要動作，然后提交給它充分。 然后，設計的網(wǎng)頁支持，主要操作。

例如：enthuse.me的

引導頁面上最突出的元素的主要作用一個很好的示范，可以看出上enthuse.me ：

有了一個良好的視覺層次，它的主要作用是立即明顯上手！按鈕點擊。

例如：IFTTT

注意怎么的主要作用是相當明顯的在IFTTT引導頁面：

使用顏色和排版戰(zhàn)略

網(wǎng)頁設計師創(chuàng)建極簡網(wǎng)站只會有幾個工具，在他們的軍火庫：顏色和字體是其中最主要的。

例如：大本營

大本營是一個例子，簡約的著陸頁，使用的顏色和版式戰(zhàn)略。

用于綠色的主呼叫行動。 藍色用于二次呼叫行動（如日志現(xiàn)有用戶和其他網(wǎng)頁的鏈接描述的原因，人們使用的Basecamp）按鈕。

大字體和色彩的設計元素的變化有助于提請您注意在引導頁面的利益相關點。

例如：路徑

接下來，讓我們來看看路徑如何使用顏色和漂亮的版式，建立適當?shù)囊曈X層次。

一個顯著的綠色的顏色是他們的首要期望的動作，這是填補了一個Web表單上使用。

不同的字體大小，文字顏色和文字處理有效地分割部分的興趣，他們的引導頁面。

保持文本內(nèi)容簡潔

現(xiàn)在， 網(wǎng)民很少閱讀本網(wǎng)站的內(nèi)容，這是一個眾所周知的事實，我們可以合理地假設一個互聯(lián)網(wǎng)用戶的耐心是更短的時候，他的一個產(chǎn)品，他不涉及尚未引導頁面上。

簡約的引導頁面必須保持短期和易于理解的文字內(nèi)容。 用更少的東西，閱讀，網(wǎng)站訪問者更迅速地提示采取行動。

例如：美滿

心滿意足 3個字來形容他們的Web服務的價值主張： 告訴偉大的故事，這是如此的深刻，內(nèi)容是圍繞Web服務！ 著陸頁面上很少有文字內(nèi)容，減少出軌站點訪問者的道路采取行動的可能性。

例如：運費

提單上可以看到的另一個良好的示范文本內(nèi)容保持有益的短。 在5個簡單的字- 分享和檢討自己的設計 -網(wǎng)站的訪問者變成即刻知道什么一批可以為他/她做。

產(chǎn)品/服務快速解釋

有許多方法，有力地證明一種產(chǎn)品或服務是如何工作的。 這里的關鍵是要保持盡可能簡單的解釋。

讓我們來看看幾個方法可以有效地闡釋一個概念。

視頻說明：情侶示例

夫妻的應用程序使用的產(chǎn)品視頻解釋它如何工作，趁著產(chǎn)品視頻可以顯著提高轉換率的事實。

視頻正在逐步披露，點擊“現(xiàn)在播放”圖標按鈕：

點擊按鈕后，YouTube的視頻顯示在一個模態(tài)窗口。 模態(tài)窗口是容易接近，使用戶不必采取下一步行動前，觀看整個視頻。

這個例子也恰如其分地揭示了一個概念，應該被應用到行動次要內(nèi)容： 使用視頻，而不是立即呈現(xiàn)視頻-這會影響到引導頁面的視覺層次，因為視頻有沉重的視覺重量，由于其規(guī)模和顏色 - 視頻顯示，只有當用戶明確希望看到它。

例如互動旅游說明：蘋果的Mac Pro

蘋果的Mac Pro的簡約引導頁面描述產(chǎn)品演示另一種流行的方式：交互式產(chǎn)品旅游。

解釋開始一個快速的動畫來吸引你的注意力，以及提供一個提示，該網(wǎng)頁有動畫的交互。

的一個靜態(tài)圖片說明：Wallmob的例如

高清晰度的背景照片的的登陸Wallmob頁面找到，是一個典型的例子，如何用一個有意義的圖像。

的背景照片足以說明什么Wallmob，為您的移動設備的應用程序：一個銷售點。

簡單是復雜的

正如你可以看到，這樣的設計引導頁面是非常簡單的概念：簡約主義著陸頁是目標為中心，目標只有一個。

通過去除不必要的元素，給你機會直接設計和生產(chǎn)的努力 - 以及您的網(wǎng)站訪問者的注意力 - 真正重要的東西。