One UI能引領未來的設計趨勢嗎?(2)

One UI能引領未來的設計趨勢嗎?(2)
One UI能引領未來的設計趨勢嗎?(2)

應式

ne UI支持各種設備,包括智能手機,平板電腦和可摺疊手機,不同屏幕尺寸以及多種寬高比。它還支持三星DeX(設備間的多任務處理盡在掌控之中。將您的 Galaxy 連接至顯示器或電視,即可在大屏上暢享生動畫面。現在,只需一根 USB 數據線,即可通過 Samsung DeX 在 PC 和 Mac 上釋放手機的無限可能)。

屏幕的不同組件和屏幕佈局應適應不同的屏幕尺寸,方向,分辨率和寬高比。

對於大的屏幕,例如平板電腦或摺疊屏手機,您需要設計UI,以便用户可以感知到有大量可用的內容項。對於Samsung DeX,您需要堆疊多個窗口並考慮窗口的大小。

主屏幕

One UI能引領未來的設計趨勢嗎?(2)

容屏

One UI能引領未來的設計趨勢嗎?(2)

頁邊和關

ne UI通過具有圓或邊緣顯示屏幕的設備來定義邊距和線條。One UI建議您在每一側至少留出24dp的餘量。在這些邊距開始之前放置顯示信息或需要觸摸輸入的屏幕元素。

定義

為了防止手持設備的不需的觸摸輸入,允許不受觸摸輸入影響的空白。特別是,在要求用户按下稀疏按鈕(如撥號器)的佈局中,允許在屏幕兩側有足夠的空白。

對於邊緣顯示,在曲面開始之前置屏幕上的元素,以防止用户在觸摸屏幕上的元素時滑脱。

對於圓角屏幕,請在曲線開始之前置屏幕上的元素,以使屏幕上的元素不被遮擋。

One UI能引領未來的設計趨勢嗎?(2)

屏幕優化

一個用户界面供了

種設允許用户化屏幕上每個組件的大小,以適應其喜好。

用户可以更改字體大小以獲得更好的易讀性,大或縮小屏幕,更改屏幕分辨率或更改主屏幕網格。

One UI能引領未來的設計趨勢嗎?(2)

組件

1.應用欄(App bar

欄用提供關當前屏幕和操作按鈕的信息。

One UI能引領未來的設計趨勢嗎?(2)

標題

標題可以是應用程序標題、頁面標題或頁

篩選。

如由於標題太長而無法顯示整個標題,則可以從最右側的操作”按鈕開始,將“操作”按鈕移動到更多選項。

根據屏幕設置(例如,應用不同語言或字體時),可以顯示或隱顯示的操作按鈕。但是,操作按鈕仍應按照上述規則顯示。

動作按鈕

建議您使用動作按鈕圖標。但是,您可以使用文本按來顯示您不歡用圖標表示的菜單。

還建議您顯示三個或更少的操作按鈕,包括標題。如果當前屏幕上沒有用的操作,則不顯示任何按鈕。

One UI能引領未來的設計趨勢嗎?(2)

更多選項按鈕

點擊“更多選項”按鈕後顯示的每個菜單都是個選

,可會影響當前正運行的應用程序或屏幕上選擇的組件。對於要求用户打開/關閉或切換的選項,可以提供複選框。

在“更多選項”按鈕中包括不作為浮動操作按鈕或操作按鈕提供的其他菜單。

One UI能引領未來的設計趨勢嗎?(2)

下拉框

當用户點擊更多時,會打開一個下拉菜單,顯示所有可用選項。當

下拉菜單外點時,下拉框關閉。

One UI能引領未來的設計趨勢嗎?(2)
One UI能引領未來的設計趨勢嗎?(2)

思貨:未來手機能否取代電腦幫助我們做一些輕辦公呢?比如處理文檔、

浪等;

帶一部手機~當然比較重的活兒還是不行的,畢竟手機機能限制。

One UI能引領未來的設計趨勢嗎?(2)
One UI能引領未來的設計趨勢嗎?(2)
One UI能引領未來的設計趨勢嗎?(2)
One UI能引領未來的設計趨勢嗎?(2)
One UI能引領未來的設計趨勢嗎?(2)
One UI能引領未來的設計趨勢嗎?(2)
One UI能引領未來的設計趨勢嗎?(2)
One UI能引領未來的設計趨勢嗎?(2)