當(dāng)我們的APP設(shè)計(jì)完成之后，公司肯定會(huì)要求你來設(shè)計(jì)一下APP的展示官網(wǎng)或者是APP展示專題。

大部分小伙伴都是先參考同行類APP的展示官網(wǎng)是如何設(shè)計(jì)制作的。琢磨一下跟產(chǎn)品經(jīng)理溝通下就開始設(shè)計(jì)了。

但是，大家忘記了一件事，那就是一定要設(shè)計(jì)如何當(dāng)下潮流的APP官網(wǎng)設(shè)計(jì)風(fēng)格。

那就是要簡(jiǎn)化你的設(shè)計(jì)網(wǎng)站作品。

比如你要設(shè)計(jì)一款情侶之間實(shí)用的APP，那么他的展示官網(wǎng)應(yīng)該如何來設(shè)計(jì)呢？

下面是小恩愛APP的官網(wǎng)截圖：

25學(xué)堂的小編可以教大家可以從以下10個(gè)方面來簡(jiǎn)化你的設(shè)計(jì)官網(wǎng)。

1、專注于做行為召喚（Call to Action）設(shè)計(jì)

在現(xiàn)實(shí)生活中，一個(gè)箭頭、一個(gè)圖標(biāo)或者一句話，都可能召喚用戶的一種行為。

而在互聯(lián)網(wǎng)中也會(huì)有同樣的效果，它存在于按鈕、鏈接文字、圖標(biāo)等等很多元素之中，正確合理的使用行為召喚，可以給你帶來更高的轉(zhuǎn)化率和收益。

網(wǎng)站、APP、專題頁面也好，每一處設(shè)計(jì)都應(yīng)該是有目的的，都是相應(yīng)地去迎合用戶的某個(gè)行為或者需求來設(shè)計(jì)的。這就是為行為召喚的設(shè)計(jì)提供了依據(jù)。

比如 引導(dǎo)用戶的文案、按鈕和鏈接等等。

2、簡(jiǎn)化分頁與合并不同的頁面

將多頁面的內(nèi)容簡(jiǎn)化為可管理的區(qū)塊，不要讓用戶為了查看內(nèi)容而多點(diǎn)擊，將相關(guān)的內(nèi)容保存到一起，方便用戶集中閱讀和查看。

刪除過期的、過時(shí)的內(nèi)容和信息、小插件和第三方的信息都合并到相應(yīng)的區(qū)塊當(dāng)中，不要零散的放置。

3、統(tǒng)一的配色方案

堅(jiān)持將配色方案控制在兩到三個(gè)色彩，這樣能讓你盡可能好的控制整個(gè)視覺界面設(shè)計(jì)的配色。

4、采用標(biāo)準(zhǔn)的導(dǎo)航設(shè)計(jì)（體現(xiàn)一致性）

雖然隱藏式的導(dǎo)航看起來很酷，而非常規(guī)的創(chuàng)意導(dǎo)航也非常的贊，但是這些導(dǎo)航模式對(duì)于用戶并不是那么友好。偏離常規(guī)的設(shè)計(jì)雖然容易讓人記住，但是在使用體驗(yàn)上，常常相對(duì)更加困難。

選擇標(biāo)準(zhǔn)模式的導(dǎo)航，能夠讓你的網(wǎng)站更加易用。這就是最簡(jiǎn)單的使用成本。

最常規(guī)的導(dǎo)航模式，是將導(dǎo)航欄置于頁面頂端，通常是3到8個(gè)不同的選項(xiàng)，當(dāng)然，不要選擇10年前流行的復(fù)雜、全面的大型導(dǎo)航菜單，除非你是京東淘寶這樣的大型零售電商。

5、請(qǐng)各位設(shè)計(jì)師 ?必須 ?遵循80/20原則

請(qǐng)記住，你的網(wǎng)站中20%的內(nèi)容將會(huì)觸發(fā)用戶80%的操作，這意味著你的內(nèi)容應(yīng)當(dāng)有輕重緩急之分，行為召喚用語和行為召喚按鈕等界面元素將是引導(dǎo)用戶交互的重要組成部分。

考慮到這一點(diǎn)，在你進(jìn)行設(shè)計(jì)的時(shí)候，應(yīng)該將設(shè)計(jì)的重心放在這20%的內(nèi)容上，而剩下的80%的內(nèi)容則根據(jù)需求進(jìn)行調(diào)整。

這20%的元素通常都是最吸引用戶點(diǎn)擊的那部分內(nèi)容：按鈕、圖片和行為召喚文本。

6、有目的地使用UI元素，或者是更形象的去使用UI設(shè)計(jì)元素

標(biāo)、圖片等每一個(gè)UI元素在整個(gè)設(shè)計(jì)中都有其作用，有些元素的使用是有約定俗成的規(guī)則，不要因?yàn)槟承┰乜雌饋砜?，或者單純“為了有”而加上，最好通盤考慮，在合適的地方，合理地使用UI元素。

7、挑選合適的字體，整個(gè)界面的字體種類不宜太多

字體和排版同樣遵循少即是多的原則。

最容易閱讀的字體，通常都有著標(biāo)準(zhǔn)的外觀造型，均勻的筆觸，樸實(shí)無華而無需多余的裝飾。

8、增大文本尺寸，PC端的優(yōu)勢(shì)更為明顯

在進(jìn)行排版設(shè)計(jì)的時(shí)候，你需要在合適的時(shí)候增加文本尺寸。隨著我們?nèi)粘？吹降钠聊怀叽绲脑黾?，我們需要讓用戶看到我們所提供的信息，并不是堆砌更多的?nèi)容，而是要合理的增加文本的尺寸。

雖然在移動(dòng)端設(shè)計(jì)上這種需求并不明顯，但是根據(jù)實(shí)際情況，適當(dāng)?shù)奶嵘煮w尺寸能讓文本的易讀性有明顯的提升。

當(dāng)然，置于首屏的關(guān)鍵詞要明顯，吸引用戶滾動(dòng)，而不是將所有的內(nèi)容都堆在首屏。

9、文案排版一定得有講究

排版能夠從視覺上控制內(nèi)容的復(fù)雜度，而文字則能夠控制在信息傳達(dá)上的復(fù)雜度。兩者其實(shí)是同等重要。每個(gè)詞匯都應(yīng)該和視覺保持意義和信息上的一致性。

文案和視覺一樣，都需要反復(fù)推敲。

網(wǎng)站是可傳達(dá)、可閱讀的媒介，因此文案和內(nèi)容都應(yīng)當(dāng)干凈、簡(jiǎn)介，且高度可讀。你可以根據(jù)網(wǎng)站的風(fēng)格，使用符合相應(yīng)調(diào)性的文案。

10、局部打破一項(xiàng)設(shè)計(jì)規(guī)則，隨性一點(diǎn)會(huì)更好

有的時(shí)候規(guī)則是用來打破的，但是如果你想讓你的設(shè)計(jì)保持簡(jiǎn)單，那么你在設(shè)計(jì)的時(shí)候，應(yīng)該有意識(shí)的打破一條規(guī)則，但是只能是一條。

如果你需要讓你的設(shè)計(jì)在簡(jiǎn)單的同時(shí)，又不是始終循規(guī)蹈矩，那么打破一條規(guī)則是讓你不走尋常路的最快的方法。它會(huì)讓你的設(shè)計(jì)看起來不那么尋常，但是又能有跡可循，打破太多的規(guī)則會(huì)很容易讓訪客覺得混亂。