當(dāng)你第一次打開一款應(yīng)用的時候常常會看到精美的引導(dǎo)頁設(shè)計，它們在你未使用產(chǎn)品之前提前告知你產(chǎn)品的主要功能與特點(diǎn)，第一次印象的好壞會極大地影響到后續(xù)的產(chǎn)品使用體驗。因此各個公司都在努力將這幾個頁面設(shè)計好，從一開始就引人入勝。那接下來我跟大家一起來探討關(guān)于引導(dǎo)頁的設(shè)計。

一、 目的區(qū)分

根據(jù)引導(dǎo)頁的目的、出發(fā)點(diǎn)不同，可以將其分為功能介紹類、使用說明類、推廣類、問題解決類，一般引導(dǎo)頁不會超過5頁。

1.功能介紹類

功能介紹類引導(dǎo)頁主要是對產(chǎn)品的主要功能進(jìn)行展示，讓用戶對產(chǎn)品主功能有一個大致的了解。采用的形式大多以文字配合界面、插圖的方式來展現(xiàn)。

以易信為例，采用文字與水彩插圖結(jié)合的方式，文字分為2個層次，大標(biāo)題與小標(biāo)題，大標(biāo)題是對主功能的概括，小文字是對其功能模塊的詳細(xì)描述或進(jìn)一步補(bǔ)充說明。

什么是細(xì)節(jié)設(shè)計？在討論這個問題前先來看個案例。如果你手里恰巧有 iPhone 4s / 5 / 5s，請隨便打開一個可以調(diào)出虛擬鍵盤的應(yīng)用「比如短信」。注意觀察鍵盤的最后一行，相信看這篇文章的人都是中文用戶，所以在你的 Space 鍵「空格鍵」左邊一定有 Globe 鍵「用于切換輸入法的那個小地球按鍵」和 Dictation 鍵「畫著麥克風(fēng)的語音輸入鍵」。然后去到 Settings「設(shè)置」- General「通用」- Keyboard「鍵盤」- Keyboards「鍵盤」，將除 English「英文」之外的輸入法全部移除后再回到之前的虛擬鍵盤，你就會得到下面的兩幅圖。

編者按：動效現(xiàn)在是扁平化身邊的大紅人，哪里都有它的身影，動效能否為扁平化增光？設(shè)計師有什么利器可以繪制動效？昨天發(fā)現(xiàn)一篇好文，關(guān)于這兩方面都有實(shí)在的干貨分享，建議同學(xué)們當(dāng)機(jī)立斷，先轉(zhuǎn)后贊，特別要記得看。

作為一個網(wǎng)頁設(shè)計師，我們需要努力讓我們的技術(shù)與技巧與時俱進(jìn)。我們不用追隨每一個時代潮流（比如長投影），但是我們的確需要隨著網(wǎng)絡(luò)的發(fā)展與成熟，不斷學(xué)習(xí)并提高我們的技巧。

網(wǎng)頁設(shè)計產(chǎn)業(yè)最近開始火熱的新發(fā)展之一便是動效，越來越多的公司在他們的應(yīng)用和網(wǎng)站中放入動效以取悅用戶，從競爭對手中脫穎而出以及提升產(chǎn)品的可用性。

動效需求如此之高的另一個原因在于網(wǎng)頁扁平化的潮流。扁平化設(shè)計整體來說是挺不錯的，而且使得人們尋求新的方式來改善它為數(shù)不多的問題。

iOS7在設(shè)計上會逐步傾向于立體感更強(qiáng)、略微增加特技效果、弱化按鈕圖層，直接使用文字作為按鈕。這種立體感設(shè)計首先體驗在Passbook功能頁面上，后來增加到了Safari瀏覽器。現(xiàn)在iOS7Beta4的提醒功能也調(diào)整為豎向展示，之前是列表方式進(jìn)行展示的。

2008年10月22日，HTC（T-Mobile）G1正式在美國上市，拉來了Android的序幕。這款手機(jī)采用了獨(dú)特的滑動屏幕設(shè)計，屏幕下隱藏著QWERTY全鍵盤，像iPhone一樣支持多點(diǎn)觸控功能。當(dāng)然，它也帶來了一些至今Android仍然沿用的設(shè)計元素，包括：

至于谷歌什么時候開始有推進(jìn)情境智能的想法，該公司設(shè)計副總裁也記不清楚了。他說道，在無縫連接谷歌所有產(chǎn)品時，這個想法自然就產(chǎn)生了，谷歌必須讓所有產(chǎn)品融入全新的可穿戴平臺。

在傳統(tǒng)的網(wǎng)頁開發(fā)乃至現(xiàn)在針對移動設(shè)備所做的設(shè)計，復(fù)雜炫目的效果對產(chǎn)品而言未必是一個好的選擇。

　　尤其在移動設(shè)備上，過于復(fù)雜的效果非但很少能為應(yīng)用吸引用戶，反而時常讓用戶在視覺上產(chǎn)生疲勞，對產(chǎn)品界面中最基本的功能產(chǎn)生認(rèn)知上的障礙。因此我們在設(shè)計中就需要參考“扁平化”的美學(xué)。

扁平化這并不是一個新名詞，其實(shí)從2012年的Windows Phone 8移動操作系統(tǒng)問世后就逐漸被人們所認(rèn)識。雖然個性化的UI設(shè)計并沒有贏得大眾的追捧，但是這卻開啟了智能手機(jī)系統(tǒng)UI設(shè)計風(fēng)格轉(zhuǎn)變的大門，iOS 7系統(tǒng)的發(fā)布將這一設(shè)計風(fēng)格推向了高潮，國內(nèi)外廠商因此紛紛轉(zhuǎn)變設(shè)計風(fēng)格，擬物化被拋棄，被取代的則是各式各樣的扁平化。甚至最近新曝光的三星全新“扁平

吉州青原惟信禪師，上堂：“老僧三十年前未參禪時，見山是山，見水是水。及至后來，親見知識，有個入處。見山不是山，見水不是水。而今得個休歇處，依前見山只是山，見水只是水。大眾，這三般見解，是同是別？有人緇素得出，許汝親見老僧。”以禪宗三見為開場，是對本問題的思考，并非故做高深，實(shí)在是此句入心。我們以手機(jī)的發(fā)展做一個小例，初初手機(jī)只是用來進(jìn)行通話、發(fā)短信的工具（見山是山），隨著發(fā)展?jié)u漸進(jìn)入了智能手機(jī)的時代，觸摸屏的發(fā)展改進(jìn)了交互體驗，打破了傳統(tǒng)手機(jī)的框架，

交互設(shè)計師在設(shè)計線框圖原型時，熟知常見的Web設(shè)計模式很有幫助，做到“心中有數(shù)”才能創(chuàng)造出符合需求，用戶易學(xué)易用的界面來。常見的設(shè)計模式有哪些呢？在商業(yè)中有哪些案例呢？某公司交互設(shè)計師張雅秋寫了一篇博文對此進(jìn)行了總結(jié)，現(xiàn)轉(zhuǎn)載于此