在考慮運用哪些用戶體驗相關技術的時候,它們的美學特征可能是相當值得我們深思的。事實上,我們在許多網站上看到的設計理念和技能也可以很好地投資APP在設計中,細節(jié)和風格可能需要稍微調整,以適應更小、更高清的屏幕。對于熟悉桌面網頁設計的設計師來說,接下來的七個設計點可以幫助你快速轉向移動設計。深圳網頁設計讓你看起來像移動終端UI/UX設計師。1.大膽清晰的排版 更簡單的字體排版在小屏幕上具有更強的可讀性,特別是在暗光或背光下,這也是移動端廣泛使用非襯線字體的重要原因之一。幾年前,隨著設計趨勢的急劇變化,設計師更傾向于選擇筆畫更厚、風格更大膽的字體類型。此外,字體的大小也很重要。越來越多的移動終端頁面設計開始借用大而有表現(xiàn)力的字體,創(chuàng)造明顯的前景和背景對比,創(chuàng)造令人眼花繚亂的效果,方便用戶瀏覽和導航。這種趨勢的優(yōu)點是人們開始更加注重界面內容的可讀性。然而,在英語界面中,有一個問題需要注意,那就是盡可能克制地使用大寫字母。以TheWeatherChannel為例,“SUNNY這個詞只有五個字母,但如果在其他天氣使用更多的字母,視覺上可能會很麻煩。盡量避免中文字體設計中文案過長、過復雜的問題。因此,這里要注意兩件事:·盡量保持簡單的排版和內容·背景和文字的對比度應當盡量明顯,保持大可讀性圖層和深度 MaterialDesign作為當前重要的設計趨勢,反復強調和提及并非不合理。先,它是Google所推出的設計平臺,作為一個實力型巨頭推出的產品,無疑會吸引大量的相關從業(yè)者跟進,并且目前狀況就是這樣。MaterialDesign本身的設計理念也相當直觀易懂,無論是用于設計還是用戶,都相當不錯。Materialdesign引人注目的是,圖層的創(chuàng)建對用戶的使用和交互設計有很大的幫助。今天,Materialdesign風格界面遍地開花,很多iOS平臺的應用開始遵循這一設計規(guī)范。真正讓這些圖層發(fā)揮作用的技巧非常微妙。圖層之間的區(qū)別取決于曾經被大家拋棄的陰影。它們很淺,但很自然也是視覺和互動的線索。下圖層為信息入口,頂圖層為交互工具和元素。看看Uber在設計中,地圖層位于整個屏幕的下層,上車位置通過移動底層設置,頂層按鈕用于下單。不同的層承擔不同的功能,提供不同的交互方式。3.單色配色方案 在小屏幕上使用純黑白配色是吸引用戶注意力的好方法。此外,還可以使用相對罕見、大膽的配色,也很容易脫穎而出?;蛘呤褂锰砑悠渌?strong>配色方案,讓用戶選擇自己喜歡的配色方案。單色配色方案的優(yōu)點是更容易創(chuàng)造一致統(tǒng)一的視覺體驗和感覺。正如同Streeks用戶可以設定該應用程序的設計目標,然后APP會提醒你完成任務。用戶可以根據任務類型設置顏色,并推送簡單的信息來告訴你需要做什么。單色配色、圖標和簡單字體形成了驚人的組合,易于閱讀和交互。這種設計足夠完整和光滑,吸引用戶在待辦事項中添加更多的東西。專注于微交互 足夠好的APP其中,通常包含許多流暢無縫的優(yōu)秀微交互來交流不同的界面、動作和交互。微交互通常很容易被忽視,但在許多情況下APP其中,它們存在于必要的過渡、互動指導和效果提示中,因此非常重要。微交互的存在主要是幫助用戶完成一些事情。幾乎到處都是從文本消息通知和消息推送到微博點贊的提示。它們還具有取悅用戶的主要功能??梢钥偨Y微交互的主要功能:·例如,提供信息反饋Instagram中贊后的提示特效·比如贊美后,心形會從透明鏤空變成紅色?!椭脩舨僮骰蛘甙l(fā)現(xiàn)某些東西的存在,比如點贊之后,會有推送信息出現(xiàn)在通知欄,或直接通知彈出框5.卡片設計 早見于卡片設計Pinterest,隨后在Facebook、SoundCloud當網站流行起來時,它已經成為真正意義上的主流設計。然而,今天的卡片設計在很大程度上受到了影響MaterialDesign的影響。然而,今天的卡片設計在很大程度上受到了影響MaterialDesign的影響??ㄆ谴罅績热莸目煽枯d體,無論是設計還是開發(fā)。作為不同的模塊,每張卡可以攜帶不同的元素,實現(xiàn)不同的功能。因此,您可以讓一張卡片播放視頻,然后將卡片鏈接到另一個應用程序,而下面的卡片直接放置一個長字??ㄆO計在移動終端上的另一個優(yōu)點是非常容易使用,特別是在APP之內。大多數應用程序會在屏幕上攜帶兩張卡片,就像SoundCloud這樣,或者一個屏幕是一張卡片,即使用戶的手指很厚,也不會錯過任何內容!導航簡單 隱藏菜單、彈出導航和大按鈕是不可忽視的設計點。如今APP屏幕上使用的菜單數量逐漸減少,寸土寸金APP大量的菜單按鈕不再放在頁面上,隨之而來的是隱藏菜單的流行。有趣的是,越來越多的用戶并沒有被隱藏的設計惹惱,他們已經知道漢堡菜單中隱藏著更多的選項。當然,使用漢堡菜單的技巧是,隱藏的菜單應該是非常實用的功能和選項,菜單按鈕本身應該是顯眼和敏感的。Slack絕對是導航菜單設計的典范。它的菜單可以從屏幕的左右兩側彈出,主要功能菜單從右側彈出,而特定頻道的菜單從左側彈出。7.用動畫潤色 有趣而美麗的動畫是另一種讓你的應用感覺非凡的方式。合理的動畫可以提高應用程序的易用性,使用戶更容易關注焦點,甚至更直接地給他們帶來快樂。您無法確定用戶何時何地訪問您的應用程序,更不用說用戶使用哪種網絡連接了,因此非常有必要使用小、輕、不依賴網絡的動畫。Strava就是這樣一個包含大量有趣的小動畫的應用,很多有趣的動畫小到你可能會不小心忽略。不同界面之間的切換會產生有趣的過渡效果,比如上面的挑戰(zhàn)頁面。加載地圖時會有脈沖特效,當你運動時,你會看到沿著運動路徑變化的小點。結論深圳網站建設當你打算讓你的移動終端APP當你不再停留在想法上時,你不妨先看看當前網頁和數字設計的設計趨勢,看看哪些可以通過調整應用于移動設計。許多意想不到的小想法,可能會達到非常驚人的設計趨勢。