在考慮使用哪種用戶體驗相關(guān)技術(shù)時，他們的審美特征可能值得深思。到目前為止，我們在許多網(wǎng)站上使用的設(shè)計概念和技術(shù)都可以很好地投入到APP設(shè)計中，但是細(xì)節(jié)和樣式可能需要稍微調(diào)整以適應(yīng)更小的高清屏幕。對于熟悉桌面網(wǎng)頁設(shè)計的設(shè)計人員，接下來的七個設(shè)計點可以幫助您快速轉(zhuǎn)向移動設(shè)計，沉陽網(wǎng)頁設(shè)計使您看起來像移動UI/UX設(shè)計師。

1.大膽生動的排版

更簡單的排版在小屏幕上更易讀，特別是在低光或背光情況下，這是在移動端廣泛使用非serif字體的重要原因之一。

幾年前，隨著設(shè)計趨勢的急劇轉(zhuǎn)變，設(shè)計師更傾向于選擇更粗更粗的字體類型。此外，字體的大小也很重要。越來越多的移動頁面設(shè)計開始借用大而富有表現(xiàn)力的字體，在前景和背景之間創(chuàng)造出清晰的對比，為用戶創(chuàng)建了令人眼花繚亂的瀏覽和導(dǎo)航效果。

這種趨勢的優(yōu)點是每個人都開始更加關(guān)注界面內(nèi)容的可讀性。但是，在英文界面中，存在需要注意的問題，即嘗試使用帶約束的大寫字母。以天氣頻道為例。單詞“SUNNY”只有五個字母，但如果你去其他天氣，使用的字母數(shù)量將非常繁瑣。在中文字體設(shè)計中，我們也應(yīng)該盡量避免寫作過長而復(fù)雜的問題。

所以這里有兩點需要注意：

·排版和內(nèi)容應(yīng)盡可能簡單

·背景和文本的對比應(yīng)盡可能明顯，并保持良好的可讀性

2，層次和深度

作為當(dāng)前重要的設(shè)計趨勢，材料設(shè)計一再被強(qiáng)調(diào)和提及，這并非不合理。

首先，它是谷歌推出的設(shè)計平臺。作為一個強(qiáng)大的巨頭推出的產(chǎn)品，它無疑會吸引大量相關(guān)從業(yè)者跟進(jìn)，這就是目前的情況。 Material Design自身的設(shè)計理念也非常直觀，易于理解，無論是設(shè)計還是用戶，都非常好。

材料設(shè)計引人注目的部分是層創(chuàng)建對用戶使用和交互設(shè)計非常有幫助。今天，材料設(shè)計風(fēng)格界面蓬勃發(fā)展，許多iOS平臺應(yīng)用程序已經(jīng)開始遵循這一設(shè)計規(guī)范。

真正使這些層工作的技巧非常微妙。層之間的區(qū)別是基于曾經(jīng)“不被所有人討厭”的陰影。它們非常淺但自然，它們也是視覺和互動的線索。下面的圖層是信息的條目，而頂層是交互式工具和元素。

看看優(yōu)步的設(shè)計。地圖圖層位于整個屏幕的下層。移動底層以設(shè)置登機(jī)位置。頂部按鈕用于下訂單。不同的層具有不同的功能并提供不同的交互模式。

3，單色配色方案

在小屏幕上使用純黑色和白色配色是吸引用戶注意力的好方法。此外，您可以使用相對稀有，大膽的配色方案，這也很容易脫穎而出。或者使用其他配色方案讓用戶選擇自己的配色方案。

單色配色方案的好處是可以更輕松地創(chuàng)建一致，統(tǒng)一的視覺體驗和感覺。就像Streeks應(yīng)用程序的設(shè)計一樣，用戶可以設(shè)置目標(biāo)，應(yīng)用程序會提醒您完成任務(wù)。用戶可以根據(jù)任務(wù)類型設(shè)置顏色，并按下簡單的消息來告訴您需要執(zhí)行的操作。

單色配色方案，圖標(biāo)和極簡主義字體共同構(gòu)成了一個易于閱讀且易于互動的驚人組合。此設(shè)計設(shè)計得足夠流暢，以吸引用戶在待辦事項列表中添加更多要做的事情。

4.專注于微觀互動

那些優(yōu)秀的應(yīng)用程序通常包含許多流暢和無縫的優(yōu)秀微交互，以傳達(dá)不同的界面，動作和交互。微交互通常很容易被忽略，但在許多應(yīng)用程序中，它們作為必要的轉(zhuǎn)換，交互式啟動和效果提示存在，因此它非常重要。

微交互的存在主要是幫助用戶完成一些事情。來自短信通知的提示，推送到微博的消息，幾乎無處不在。它們還有一個主要功能：取悅用戶。

微交互的主要功能可歸納如下：

·提供反饋，例如您在Instagram上喜歡之后出現(xiàn)的提示

·在贊美之后，呈現(xiàn)動作，例如心形將從透明的空心變?yōu)榧t色

·幫助用戶操作或找出某些東西的存在，如贊美之后，會有推送信息出現(xiàn)在通知欄中，或者彈出框直接通知

5，卡片設(shè)計

卡片設(shè)計首先出現(xiàn)在Pinterest中，然后在Facebook，SoundCloud和其他網(wǎng)站上推廣，成為真正意義上的主流設(shè)計。然而，今天的卡片設(shè)計很大程度上受材料設(shè)計的影響。

卡片是設(shè)計和開發(fā)中大量內(nèi)容的可靠載體。每張卡可以攜帶不同的元素作為不同的模塊來實現(xiàn)不同的功能。

因此，您可以讓一張卡播放視頻，下一張卡鏈接到另一個應(yīng)用程序，下面的卡可以直接放置長文本。移動端卡設(shè)計的另一個優(yōu)點是它非常易于使用，尤其是在應(yīng)用程序存在的情況下。大多數(shù)應(yīng)用程序?qū)⒃谝粋€屏幕上攜帶兩張卡片，就像SoundCloud一樣，或者一個屏幕是一張卡片，因此即使用戶的手指較厚，它們也不會錯過任何內(nèi)容！

6，簡單導(dǎo)航

隱藏菜單，彈出導(dǎo)航和大按鈕是不容忽視的關(guān)鍵設(shè)計點。如今，APP屏幕使用的菜單數(shù)量逐漸減少，APP頁面上不再有大量的菜單按鈕，其次是隱藏菜單的流行度。

有趣的是，越來越多的用戶不會被隱藏的設(shè)計所困擾，他們已經(jīng)熟悉漢堡菜單中隱藏的更多選項。當(dāng)然，使用漢堡菜單的技巧是隱藏菜單應(yīng)該是一個非常有用的功能和選項，菜單按鈕本身應(yīng)該是顯而易見和敏感的。

Slack絕對是導(dǎo)航菜單設(shè)計中的一個模型。它的菜單可以從屏幕的左側(cè)和右側(cè)彈出，而主功能菜單從右側(cè)彈出，而特定通道的菜單從左側(cè)彈出。

7，使用動畫來修飾

有趣和美麗的動畫是讓您的應(yīng)用感覺非凡的另一種方式。合理的動畫可以提高應(yīng)用程序的可用性，使用戶更容易注意到關(guān)鍵點，甚至可以直接帶給他們更多的快樂。

您無法知道用戶何時何地訪問您的應(yīng)用程序，并且您無法知道用戶使用的是哪個網(wǎng)絡(luò)連接，因此必須使用小型，輕量級，與Web無關(guān)的動畫。

Strava就是這樣一個應(yīng)用程序，它包含許多有趣的小動畫，其中許多都非常小，你可能會不小心忽略它們。在不同接口之間切換將具有有趣的過渡效果，例如上面的挑戰(zhàn)頁面。加載地圖時會產(chǎn)生脈沖效果，當(dāng)您移動時，您會看到沿著運動路徑變化的小點。

沉陽網(wǎng)站建設(shè)結(jié)論

當(dāng)您計劃不再讓您的移動應(yīng)用程序無法思考時，讓我們來看看當(dāng)前網(wǎng)絡(luò)和數(shù)字設(shè)計的設(shè)計趨勢，并了解哪些可應(yīng)用于移動設(shè)計。許多意想不到的小想法可能會導(dǎo)致非常糟糕的設(shè)計趨勢。