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

1.大膽生動(dòng)的排版

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

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

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

所以這里有兩點(diǎn)需要注意：

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

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

2，層次和深度

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

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

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

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

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

3，單色配色方案

在小屏幕上使用純黑色和白色配色是吸引用戶注意力的好方法。此外，您可以使用相對(duì)稀有，大膽的配色方案，這也很容易脫穎而出?；蛘呤褂闷渌渖桨缸層脩暨x擇自己的配色方案。

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

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

4.專注于微觀互動(dòng)

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

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

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

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

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

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

5，卡片設(shè)計(jì)

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

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

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

6，簡單導(dǎo)航

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

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

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

7，使用動(dòng)畫來修飾

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

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

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

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

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