整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          譯文|iOS 10 人機界面設計指南

          OS10發布了,蘋果遵循了一切從簡但又增加了一些提升用戶體驗的功能,比如向開發者開放了更多接口,設計者又如何跟隨iOS的步伐做好產品設計呢?本文是系列文章的完結篇,enjoy~

          7. UI視圖(UI Views)

          7.1 操作列表(Action Sheets)

          操作列表是一種對某個控件或操作作出應答的特殊形式的警告框,它展示了與當前內容相關的一組選項(兩個或更多)。使用操作列表讓用戶觸發任務,或是在用戶執行某個有潛在破壞性的操作前請求用戶確認。在小屏幕,操作列表從屏幕底部向上滑出。在大屏幕,操作列表會以浮出層的形式突然出現。

          提供取消按鈕,如果它能加強明確性。當用戶想要放棄任務時,取消按鈕給予了他們信心。屏幕底部出現的操作列表最下方應該有個取消按鈕。

          突出破壞性的選項。對那些執行破壞性或危險操作的按鈕使用紅字,并且在操作列表的頂部放置這些按鈕。

          避免讓用戶滾動操作列表。如果操作列表有太多選項,用戶就必須通過滾動查看所有的選項。滾動需要用戶花更多的時間做決定,并且在滾動過程中容易誤點某個選項。

          7.2 活動視圖(Activity Views)

          一個活動就是一個在當前環境下有意義的任務,比如復制、收藏或是查找。一旦活動被觸發,它可以立即執行一個任務,也可以在開始前請求更多的信息。活動由活動視圖管理,根據設備和橫豎屏的不同,以表單或浮出層的形式出現。使用活動向用戶提供你的app能夠執行的自定義服務或任務。

          系統提供了一系列內置的活動,比如打印、Twitter、信息和Airplay。這些任務總是在活動視圖的最前列出現,并且不能被重新排列。你無須為執行這些內置任務創建自定義活動。活動視圖還能展示來自其它app的分享和操作插件。請參閱Sharing and Actions。

          設計能夠代表你的自定義活動的簡單的模板圖像。模板圖像(template image)利用遮罩(mask)創建圖標。模板圖像應使用透明度合適和經過抗鋸齒處理的黑色和白色,并且不包含陰影。模板圖像應該被放置在一塊大約為70px*70px尺寸的區域中心。

          設計能夠簡扼描述你的任務的活動標題。在活動視圖中,標題顯示在圖標下方。短標題是最佳的。當標題過長,iOS首先會縮小字體,若文本實在過長, iOS會截斷它。一般來說,避免在標題中包含你的公司或產品名字。

          確保活動在當前環境中是合適的。雖然系統提供的任務在活動視圖中不能被重新排列,但當它們對你的app不適用時,你可以去除它們。比如,你可以通過去除打印活動而阻止用戶在你的app中打印圖片。你也可以在特定的時候讓特定的自定義任務出現。

          通過操作按鈕呼出操作視圖。用戶已經習慣了通過點擊操作按鈕來進入系統提供的活動。避免用其它方式替代,從而讓用戶感到困惑。

          了解開發細節,請參閱UIActivityViewContoller和UIActivity。

          7.3 警告框(Alerts)

          警告框傳達了與你的app或設備狀態相關的重要信息,并且通常在請求用戶反饋。警告框由標題、描述信息(可選)、一個或多個按鈕和用于獲取用戶輸入的文本框(可選)。除了這些可配的元素之外,警告框的視覺外觀 是固定的的且不能被自定義。

          盡可能少地使用警告框。警告框會中斷用戶體驗,只有在重要情境下才能使用,比如確認購買、破壞性操作(如刪除),或是通知用戶當前出現了問題。正是因為警告框的罕見性,才讓用戶更加重視警告框。確保每個警告框都提供了關鍵的信息和有用的選項。

          在橫屏和豎屏下雙重測試警告框的外觀。警告框可能在橫屏和豎屏模式下看起來有所區別。優化警告框文本,確保用戶在任一模式下都無需滑動操作即可完整閱讀。

          了解開發細節,請參閱UIAlertController。

          (1)警告框標題和信息

          使用簡短的、描述性的、多詞語的警告框標題。用戶需要在屏幕上閱讀的文本越短越好。嘗試更多地推敲標題,以避免額外添加信息文本。由于單詞語的標題很少能提供有用信息,考慮使用問句或是短句。盡可能控制標題字數在一行內。使用句子式大寫,并用合適的標點符號為句子結尾。不要給句子片段(譯者注:不完整的殘缺句)加上結束標點。

          如果你必須提供一段信息,請使用簡短、完整的句子。盡量將說明信息控制在一到兩行之內,這樣用戶就無需通過滾動查看。使用句子式大寫和合適的標點符號。

          避免使用指責的、苛刻的或是無禮的語氣。用戶知道警告框是為了通知他們發生的問題和危險情況。只要你使用友好的語氣,那么表現地消極和直接一些好過一味的積極和隱晦。避免使用“你”、“你的”、“我”和“我的”之類的代詞,因為它們常被理解為無禮和傲慢。

          避免對警告框按鈕做出解釋。如果警告框文本和按鈕標題足夠明了,那么就無需對按鈕的用途做出多余的解釋。在極少數需要為按鈕提供指導的情況下,請使用詞語“輕擊(tap)”,并且在提到按鈕名稱時使用大寫,并且不要添加雙引號。

          (2)警告框按鈕

          通常情況下,使用雙按鈕警告框。雙按鈕警告框提供了在兩個選項中快速抉擇的途徑。單按鈕警告框只負責通知,卻未給予用戶對當前情勢的控制權。擁有三個或以上按鈕的警告框增加了復雜性,并可能需要滾動操作,而這恰是一種不良的用戶體驗。如果你發現自己需要兩個以上的按鈕,可以考慮用操作列表代替。請參閱Action Sheets。

          使用簡明合理的按鈕標題。最好的按鈕標題應該包含一個或兩個能夠描述選擇按鈕后的結果的詞語。對于所有的按鈕標題,使用標題式大寫,并且不含標點符號。盡可能地,使用與警告框標題或信息直接對應的動詞或動詞性詞組,比如,“查看全部”、“回復”、或“忽略”。使用“好的(OK) ”表示簡單的接受。避免使用“是”或“否”。

          在用戶預期的位置放置按鈕。一般來說,用戶最可能輕擊的按鈕應該在右邊。取消按鈕應該在左邊。

          為有取消功能的按鈕合理命名。一個能夠取消警告框操作的按鈕就該被命名為“取消”。

          識別會產生破壞性結果的按鈕。如果一個警告框按鈕會產生破壞性的操作,比如刪除內容,那么請將按鈕樣式設定為“Destructive”,這樣它就能通過系統獲取合適的格式。了解開發細節,請參閱UIAlertAction中的UIAlertActionStyleDestructive常量。另外,為用戶提供一個“取消”按鈕,讓它們能夠安全地從破壞性操作中退出。通過標記“取消”按鈕為默認按鈕,來加粗按鈕文本。

          允許使用“Home”鍵來取消警告框。當警告框出現時,按住Home鍵會退出app。但同時,它應該也產生和點擊取消按鈕一樣的效果,即在不執行任何操作的情況下關閉警告框。如果你的警告框沒有取消按鈕,那么考慮將點擊Home鍵也會關閉警告框寫入你的代碼中。

          7.4 集合(Collections)

          一個集合管理著一組有序的內容,比如一組圖片,并且在可自定義的且高度可視化的布局中展示它。因為集合無需執行嚴格的線性格式,所以它尤其適合用來展示大小不同的項目。簡言之,集合是用來展現圖片類內容的理想視圖。背景及其它裝飾性視圖可以選擇性地用于視覺上區分不同組別的項目。

          集合同時支持交互性和動畫。默認狀態下,你可以通過輕擊(tap)來選擇,長按(touch and hold)來編輯,以及輕掃(swipe)來滾動。如果你的app需要,你可以加入更多的手勢用于執行自定義操作。在集合中,當項目被插入、刪除或是重新排序時會伴隨默認動畫,你也可以使用自定義動畫。

          若標準的行或網格布局已能滿足需求,請避免創造顛覆性的新設計。集合是為了優化用戶體驗,而不是變成關注的中心。讓用戶能更容易選擇一項。如果用戶很難在集合中選中某項,它們會變得沮喪并且很快地在獲得想要的內容前失去興致。在內容周圍留有充足的邊距,保持布局的整潔并避免內容重疊顯示。

          對于文本,考慮用表格來替代集合。一般來說,在滾動列表中的文字信息更易于閱讀和理解。

          請謹慎地對待布局的動態變化。集合的布局可以隨時被改變。如果你在用戶查看視圖或是與之交互時讓它發生了動態的變化,請確保變化是有意義的并且易于跟蹤。沒有目的的布局變化會讓你的app看起來不可預知并且難用。如果因為布局變化,而導致用戶丟失了當前關注的焦點或是瀏覽的內容,那么他們很可能會覺得自己無法再控制這個app了。

          了解開發細節,請參閱UICollectionView。

          7.5 圖片視圖(Image Views)

          圖片視圖在透明或不透明的背景上展示一張圖片或是一組圖片的動態序列。在圖片視圖中,圖片可以被拉伸、縮放、根據屏幕調整大小,或是固定在特定位置。默認情況下圖片視圖是不可交互的。

          可能時,確保一個圖片視圖內的所有圖片都尺寸一致。如果你的圖片大小不一,圖片視圖就要逐一調整尺寸。使用尺寸一致的圖片比使用不同尺寸的圖片更有效率。若是使用已縮放好的且無需額外調整的圖片就更加高效。

          了解開發細節,請參閱UIImageView。

          Note

          模板圖片(template image)會丟棄圖片本身的色彩,而采用圖片視圖使用的色調。請參閱UIImage中的UIImageRenderingModeAlwaysTemplate。

          7.6 地圖(Maps)

          地圖視圖允許你在app內展示地理數據,并且支持原生地圖應用的大部分功能。地圖視圖可以展示標準地圖、衛星地圖或是兩者兼有。它可以含有定位標簽(大頭針)和疊加圖層,并且支持縮放和平移。

          一般情況下,保證你的地圖是可交互的。用戶習慣了使用手勢與原生的地圖應用交互,并且希望在你的地圖里也能以相同的方式交互。

          使用合理的標簽(大頭針)顏色。大頭針代表著地圖上你感興趣的點。用戶已經熟悉了原生地圖應用中的標準大頭針顏色。避免在你的app中對這些顏色有不同的定義。使用紅色表示重點,綠色表示起點,紫色表示用戶指定的位置。

          了解開發細節,請參閱MapKit。

          7.7 頁面(Pages)

          頁面視圖控制器提供了在多頁面內容間(比如在文檔中、書本、筆記本或是日歷中)實現線性導航的方式。頁面視圖控制器通過滾動或翻頁兩種樣式來處理導航時頁面的過渡。滾動過渡沒有特定的外觀;頁面流暢地從當前頁滾動至下一頁。翻頁過渡會在你橫掃屏幕時讓頁面翻卷過去,就好像在現實中里翻書頁一樣。

          滾動過渡(查看動畫請移步https://developer.apple.com/ios/human-interface-guidelines/ui-views/pages/)

          如果合適的話,設計一種非線性的導航方式。使用頁面視圖控制器時,頁面只能按次序變換,你無法在不相鄰的頁面間跳轉。如果用戶于需要在你的app中不按次序瀏覽頁面,請設計一種滿足該功能的自定義控件。

          了解開發細節,請參閱UIPageViewController。

          7.8 浮出層(Popovers)

          浮出層是一個當你點擊某控件或某塊區域時,會在屏幕內其它內容上方出現的暫時視圖。通常來說,浮出層包含一個指向其出現位置的箭頭。浮出層含有非模態和模態兩種形式。非模態浮出層可以通過點擊屏幕上其它區域或是浮出層上的某個按鈕來關閉它。模態浮出層只能通過點擊浮出層上的取消或是其它按鈕來關閉。

          浮出層最適合用于大屏幕,并且可以包含任何一種元素,比如導航欄、工具欄、標簽欄、表格、集合、圖片、地圖以及自定義視圖。當浮出層出現時,通常就無法再與其它視圖進行交互,除非浮出層被關閉。利用浮出層來展示與當前屏幕內容相關的選項或信息。比如,非常多的iPad應用會在你點擊分享按鈕后彈出浮出層來展示分享選項。

          避免在iPhone設備上展示浮出層。一般來說,浮出層更適用于iPad應用。對于iPhone應用,盡量使用全屏的模態視圖來展示信息,而非使用浮出層。了解更多指導,請參閱Modality。

          只在確認和引導時使用關閉按鈕。諸如“取消”或“完成“之類的關閉按鈕,若是能清晰表明操作結果(比如,在保存或未保存狀態下退出),那么就它就有存在的價值。一般來說,當浮出層不再有必要存在時,它應該自動關閉。在大多數情況下,當用戶點擊浮出層外部區域或是選擇了浮出層內的某項后,浮出層應該關閉。如果用戶能在浮出層進行多選,那么只有在用戶明確選擇關閉它或是點擊了浮層的外部區域時,它才會消失。

          自動關閉一個非模態的浮出層時替用戶保存當前輸入。用戶很容易就會因誤點屏幕其它區域而將浮出層關閉。只有在用戶明確點擊“”取消“”按鈕的情況下才可以丟棄他們的輸入。

          在屏幕上的合適位置放置浮出層。浮出層的箭頭應該盡可能地指向將浮層呼出的元素。由于浮出層無法在屏幕中被拖動,所以它不應該遮擋住用戶在使用浮出層時可能會需要查看的重要內容。浮出層也不應該遮擋住觸發它的元素。

          同一時間只展示一個浮出層。同時展示多個浮層會導致界面雜亂無章,并讓用戶感到困惑。永遠都不要通過一個浮出層觸發另一個浮出層的方式,在屏幕上展示并列或堆疊的多個浮層。如果你需要展示一個新的浮層,請關閉當前的浮層。

          不要在浮出層上展示其它的視圖。除了警告框,任何其它視圖都不應該出現在浮出層之上。

          可能時,讓用戶通過一次點擊就可關閉當前浮層并且打開新浮層。當欄上有多個不同的按鈕且每個會呼出一個浮出層時,尤其應當考慮避免不必要的點擊次數。

          避免設計過大的浮出層。浮出層不應該占據整個屏幕。設計一個尺寸足以展示其內容的浮出層,并且指向呼出它的地方。請注意系統可能會調整浮出層的尺寸以保證其在屏幕上完美展現。

          確保自定義浮出層看起來還是一個是浮出層。雖然你可以自定義浮出層的大部分視覺外觀,但是避免創造一個用戶可能辨認不出是浮出層的設計。含有標準控件和視圖的浮出層最容易被用戶接受。

          當浮出層的尺寸變動時提供流暢的過渡動畫。有些浮出層會為相同的信息同時提供精簡和拓展視圖。如果你要調整浮出層的尺寸,請使用轉場動畫以避免給用戶造成新浮層取代舊浮層的印象。

          了解開發細節,請參閱UIPopoverPresentationController。

          7.9 滾動視圖(Scroll Views)

          滾動視圖讓用戶能夠瀏覽超出屏幕可見范圍的內容,比如文檔中的文本或是一個集合的圖片。當用戶輕掃、滑動、拖曳、輕擊以及捏合時,滾動視圖會遵循用戶的手勢,以一種自然的方式顯示或是縮放內容。滾動視圖本身沒有外觀,但是在用戶與之交互時會顯示一個暫時性的滾動指示器( scrolling indicator)。滾動視圖也可以被設置為分頁模式,此時滾動手勢會展開一個全新的頁面,而不是在當前頁面來回移動。

          合理地支持縮放操作。如果你的app需要,可以讓用戶通過捏合或者雙擊來縮放。當你允許縮放時,請設置有意義的最大和最小比值。比如,對一個文本不斷放大直到其填充屏幕的行為可能在大部分的app中毫無意義。

          當滾動視圖處于分頁模式時,考慮顯示頁面控件元素。頁面控件表明了分頁、分屏或者分塊內容的可得總量,并且指明了當前顯示的是哪一個。如果你在滾動視圖中展示了頁面控件,請禁用處在同軸的滾動指示器以避免混淆。了解更多指導,請參閱Page Control。

          不要在一個滾動視圖內放置另一個滾動視圖。這么做會產生一個難以控制且不可預知的界面。

          一般而言,同一時間只展示一個滾動視圖。在滾動視圖內,用戶常會作出幅度很大的輕掃手勢,這樣一來,就很難避免和同屏內相鄰的滾動視圖發生交互。如果你需要在一屏內放置兩個滾動視圖,考慮讓他們在不同的方向滾動,這樣一個手勢就不太可能同時作用于兩個視圖。比如,當iPhone處于豎屏模式時,“股市”app會在水平滑動的公司詳情視圖上方展示垂直滾動的股票報價列表。

          了解開發細節,請參閱UIScrollView。

          7.10 分屏視圖(Split Views)

          分屏視圖用于展示兩塊相鄰窗格的內容,主窗格上的內容保持不變,而次窗格會展示相關的信息。每一個窗格都能包含任意種類的元素,包括導航欄、工具欄、標簽欄、表格、集合、圖片、地圖以及自定義視圖。分屏視圖一般用于展示可分類內容:主窗格展示一列類別目錄,次窗格展示經選中類目篩選后的結果。如果你的app需要,主窗格可以覆蓋在次窗格上,并且在不需要的時候被隱藏至屏幕外。這點在設備處于豎屏模式時尤為重要,因為它為瀏覽次窗格上的內容提供了更多的空間。

          選擇一個適用于你的內容的分屏視圖布局。默認的分屏視圖分別將1/3和2/3的空間分配給主窗格和次窗格。但是屏幕也可以被平分為兩半。根據你的內容來選擇合適的分屏,并保證兩個窗格不會看起來不平衡。避免設計一個比主窗格還窄的次窗格。

          保持主窗格里被激活的選項高亮。盡管次窗格的內容會變化,它應該永遠與主窗格里清晰易辨的選中項相對應。這樣有助于用戶理解主次窗格之間的關系。

          一般地,限制導航于分屏視圖的一側。在分屏視圖的兩個窗格都放置導航會讓用戶很難保持方向感,并且會難以明白兩個窗格間的關系。

          為重新呼出被隱藏的主窗格提供多種方式。在一些主窗格可能會離開屏幕的布局中,請確保能提供提供一個按鈕——一般在導航欄上——用于重新呼出主窗格。除非你的app已將滑動手勢來于執行其它功能,否則請允許用戶也能通過從屏幕邊緣輕掃(swipe)來呼出主窗格。

          了解開發細節,請參閱UISplitViewController。

          7.11 表格(Tables)

          表格通過一個可以滾動的、單欄的行列表來呈現數據,這個行列表可以被分成不同的段落或群組。使用表格以列表的形式來整齊高效地展示大量或少數的信息。一般來說,表格最最適合于基于文本的內容,并且通常在分屏視圖的一側作為導航出現,并伴有顯示在另一側的相關內容。請參閱“分屏視圖Split Views”。

          iOS采用兩種類型的表格:平鋪型(plain)和分組型(grouped)。

          平鋪型。行列表可以被分為幾個帶有標簽的段落,在表格右邊界的還可以有一條縱向索引。頁眉可以出現在每個段落的第一項之前,頁腳可以出現在最后一項之后。

          分組型。行列表以分組的形式展示,常伴有頁眉和頁腳。這種類型的表格最起碼含有一個分組,且每個分組最少含有一行。分組型表格不含有索引。

          注意表格的寬度。過窄的表格會造成文本截斷和重疊,導致用戶難以在較遠距離快速閱讀和瀏覽。過寬的表格也不易于閱讀和瀏覽,還可能會讓內容缺少空白(譯者注:填滿文本的寬表格)。

          一開始就快速顯示表格內容。不要等到全部表格內容加載完后,才向用戶展示。應該先立即填充表格上的文本數據,然后當較為復雜的數據加載完成時再展示它們——比如圖片。這個技巧讓用戶立即獲得有用的信息,并提升了你的app在用戶認知中的響應性。在某些情況下,在新數據到達前展示過時的老數據也能行得通。

          加載內容時告知進度。如果一個表格的數據需要一定時間來加載,可以展示一個進度條或者緩沖圖標(spinning activity indicator)來告知用戶你的app仍在加載中。

          保持更新內容。考慮定時更新你的表格內容以反映最新數據。但是不要更改滾動頁面的定位。反之,在表格的開頭或是末尾添加新的內容,并在它們準備就緒時允許用戶滑動至新內容。一些apps會在新數據被添加時顯示一個標志(indicator),并提供一個能夠直接跳轉至新內容的控件。在頁面中包含一個刷新控件也是個好主意,這樣用戶就可以在任意時刻手動執行刷新操作。請參閱“內容刷新控件Refresh Content Controls”。

          避免在含有右對齊元素的表格行中包含索引。索引是通過大幅度的滑動手勢來控制的。如果其它可交互元素在它附近,比如展開按鈕(disclosure indicators),那么就很難辨別用戶手勢的意圖,并且很可能會激活錯誤的元素。

          了解開發細節,請參閱UITableView。

          (1)表格行

          你使用標準的表格單元格樣式來決定如何在表格行中展示內容。

          默認型(Default)。行左端可以有圖片,并跟隨左對齊的標題。該樣式適用于展示無需補充信息的項目。了解開發細節,請參閱UITableViewCell中的UITableViewCellStyleDefault constant。

          副標題型(Subtitle)。一行左對齊的標題和下一行左對齊的副標題。這種樣式適用于行和行視覺上相似的表格。額外的副標題幫助區分行與行。了解開發細節,請參閱UITableViewCell中的UITableViewCellStyleSubtitle constant。

          Value 1。左對齊的標題和同處一行的右對齊且顏色較淺的副標題。了解開發細節,請參閱UITableViewCell中UITableViewCellStyleValue1 constant。

          所有標準表格單元格樣式還可以含有圖形元素,比如一個選中標記或關閉圖標。然而毫無疑問,添加圖形元素會減少標題和副標題的可用空間。

          保持文本的簡練以避免被截斷。被刪減的單次和詞組不容易被瀏覽和理解。無論使用哪種表格單元格樣式,文本截斷都是自動的,但是這個問題的嚴重性由不同的單元格樣式和不同的截斷位置決定。

          考慮為刪除按鈕使用自定義標題。對于支持刪除功能的行,如果有助于用戶理解,可以將按鈕上系統提供的“刪除”文本換成自定義標題。

          選中時提供反饋。用戶期望被選中行能在被點擊時短暫高亮。然后,用戶期待出現一個新的視圖或者某些元素發生改變,比如出現一個選中標記,表示已經做出了選擇。

          為非標準的表格行設計一個自定義的表格單元格樣式。標準的樣式能很好地運用于多種常見的情境中,但是某些內容或是你的整體app設計可能會需要一個高度自定義的表格外觀。學習如何創建你自己的單元格,請參閱Table View Programming Guide for iOS中的Customizing Cells。

          了解開發細節,請參閱UITableViewCell。

          7.12 文本視圖(Text Views)

          文本視圖用于展示多行的、帶有樣式的文本內容。文本視圖可以是任意高度,當內容超出視圖邊界時可以允許滾動。默認地,文本視圖的內容采用左對齊的方式,并且使用黑色的系統字體。如果文本視圖支持編輯,當你在視圖內點擊后會出現一個鍵盤。

          保持文本清晰可讀。盡管你可以富有創意地使用多種字體、顏色甚至對齊方式,保持內容的可讀性是最基本的要求。采用動態文本(Dynamic Type)是個好主意,這樣即使用戶在他們的設備上更改了文本大小,你的文本依舊會看起來很棒。你應該在不同的輔助功能選項下測試你的內容,比如粗體文本。

          展示合適的鍵盤類型。iOS提供了多種不同的鍵盤類型,以便于不同類型的輸入。為了簡化數據錄入,在編輯文本視圖時顯示的鍵盤應該適用于當前域的文本類型。了解完整的可用鍵盤類型,請參閱UITextInputTraits中的UIKeyboardTypeconstant。

          了解開發細節,請參閱UITextView。

          7.13 網絡視圖(Web Views)

          網絡視圖能直接在你的app中加載和呈現豐富的網絡內容,比如嵌入的HTML和網站。比如,“郵件”就使用了網絡視圖來在信息中展示HTML內容。

          合適時啟用前進和后退導航。網絡視圖支持前進和后退導航,但是這種行為被默認禁止。如果用戶將在你的網絡視圖中瀏覽多個頁面,請啟用前進和后退導航,并為這些功能提供對應的控件。

          避免使用網絡視圖來構建一個網絡瀏覽器。讓用戶在不離開你的app的情況下通過網絡視圖暫時性地進入一個網站是可以的,當時Safari才是用戶瀏覽網頁的主要方式。試圖在你的app中復制Safari的功能是沒有意義且不被鼓勵的行為。

          了解開發細節,請參閱WKWebView。

          8. UI 控件(UI Controls)

          8.1 按鈕(Buttons)

          按鈕觸發app內特定的操作,擁有自定義背景,并且可以含有一個名稱或圖標。系統為大多數情況提供了若干已確定的按鈕樣式。你也可以設計完全自定義的按鈕。

          了解開發詳情,請參閱UIButton。

          (1)系統按鈕

          系統按鈕一般出現在導航欄和工具欄,但也可能被用于它處。

          使用動詞當作按鈕名稱。一個特定行為的名稱表明了按鈕是可交互的并且說明了點擊它會產生的結果。

          名稱使用單詞首字母大小的格式。除了冠詞、并列連詞和不大于4個單詞的介詞外,其余單詞都要首字母大小寫。

          保證名稱的簡短。過長的文本會讓你的界面變得擁擠,在小屏上還很可能會被截斷。

          只在必要時考慮添加邊框或背景色。系統圖標默認沒有邊框和背景色。然而,在某些內容區域,邊框和背景色會因其指示了可交互性而顯得必要。在”電話”中,帶有邊框的數字鍵強化了打電話的傳統模型,撥打按鈕的背景色讓其變成一個醒目的目標,易于用戶點擊。

          了解開發詳情,請參閱UIButton中的UIButtonTypeSystembutton type。

          (2)詳情展開按鈕(Detail Disclosure Buttons)

          詳情展開按鈕用于打開一個視圖——通常是一個模態視圖,該視圖含有更多信息或是與屏幕內某個特定項目相關的功能。盡管你可以在任何一種視圖中使用詳情展開按鈕,但它通常出現在表格中用于獲取該行的相關信息。

          合理地在表格中使用詳情展開按鈕。當表格的某行上出現了詳情展開按鈕時,點擊按鈕會顯示更多的信息。點擊該行的其它地方會選中該行或是激活應用特定的行為。如果你想讓用戶通過點擊整行來查看更多詳情,就不要使用詳情展開按鈕。取而代之的,可以使用V形的詳情展開附屬控件(detail disclosure accessory control)。請參閱UITableViewCell中的UITableViewCellAccessoryType。

          幾年在中文辦公軟件領域,除了微軟 Office,還有我們熟悉的 WPS Office。憑借 WPS Office for Windows 拿下辦公軟件市場的半壁江山,金山 WPS 成為了唯一能與 Microsoft Office 抗衡的國產辦公軟件。近日,WPS 面向 Mac 平臺正式推出了 WPS Office for Mac。

          WPS Office for Mac 現已可以在 Mac App Store 上免費下載使用,也可以前往 WPS 官網直接下載安裝。相信很多朋友都是從早前的內測包括 2019 測試版就已經在 Mac 上用著這款大名鼎鼎的軟件了。WPS Office for Mac 與微軟 Office 文檔格式兼容,并具有中文本地化的優勢,與蘋果的 iWork 套件相比更是擁有更多的用戶群,個人版產品面向個人用戶,永久免費。

          此次正式版經過金山團隊長時間打磨,功能界面等都具有很高的完成度,并且與 Mac 兼容性基本做到完美,使得各位 Mac 用戶在辦公文檔的處理上有了更加輕便、實惠的選擇。從用戶體驗來看,WPS Office for Mac 就是奔著「解決痛點」而來,不只與 macOS 系統完美融合,還為用戶提供了更便捷更流暢的工作體驗。

          下面我們一起來看看 WPS Office for Mac 是怎樣為大家解決痛點的。

          化繁為簡「輕裝」上陣

          一直以來,諸如微軟、蘋果的辦公軟件都將文字、表格、演示等分開獨立運行,而且在我們印象中都是體積大戶。而 WPS Office for Mac 卻將這些辦公軟件合并在了一起,文檔、表格、PPT 等等全部整合為一個 WPS Office,下載到 Mac 之后就一個 WPS 圖標就涵蓋所有。

          雖然各個軟件被合并,但 WPS Office 卻很小,只有 260MB 左右,可以說是相當輕便了。

          WPS Office for Mac 雖然變小了,但是卻五臟俱全,并且更切合用戶的使用習慣。WPS Office for Mac 的文檔創建包括文字、表格、演示、流程圖和腦圖,一目了然地列在工作區上方。

          軟件支持 doc、rtf、html、xls、pptx、pdf 等 40 余種格式。如果想要同時打開多個不同格式的文檔,只需要同時選中目標文檔,在右鍵菜單「打開方式」中選擇 WPS Office for Mac,即可一次性打開文檔。很顯然,一站式解決問題,WPS Office for Mac 對于 WPS 品牌本身和未來辦公的意義都是前所未有的。

          此外 WPS Office 還納入了 PDF 轉 Word 的插件功能,點擊之后,該功能窗口與 WPS Office 獨立存在,可直接將想要轉換的 PDF 文檔拖拽入該窗口實現轉換。

          PDF 轉文本(會員功能)

          該功能是一個獨立窗口,可將 PDF 轉換成你需要的其他格式文檔,重要的是它不僅能轉換文本,圖片也會轉換出來并整齊地排列在文檔的一側以供使用。

          WPS Office for Mac 將用戶打開編輯的所有文檔都放在一個窗口之下,極大地方便了工作者查閱不同文檔的需求。只要在 WPS Office 菜單欄來回切換即可,完全避免不同文件查閱的費時費力。同時,WPS Office for Mac 將最近編輯的文檔放到了頁面中間,極大地方便了用戶查閱編輯最近的文檔。

          全平臺盡在掌控

          據《2018 WPS Office用戶白皮書》顯示,在 WPS Office 移動端用戶中,57.9% 的用戶在家中使用 WPS Office,43.3%、42.1% 和 40.8% 的用戶分別在短途出行(地鐵、出租車)、旅途中和外出商務時使用 WPS Office。這說明,人們對移動辦公和跨平臺辦公的需求正在大大提升。

          WPS Office 只用一招云文檔功能,就切實滿足了用戶實時在線處理工作、學習的大部分需求。所有的文檔你都可以存在金山為你提供的云空間中,隨調隨用,并且提供了「自動漫游」功能,其實就是實時的文件增量更新,正在編輯的文檔每隔一段時間就會自動同步到云端,你可以在任意一臺登陸 WPS 云端的設備上查看、編輯這份文檔,非常適合移動辦公人士。

          WPS Office 的云文檔功能除能將用戶文檔的數據實時保存至云端,確保數據不會丟失之外,還滿足了用戶可多個平臺實時創作的需求。即 WPS Office 用戶可實現能在 Windows、Mac、Linux、Android、iOS,以及所有支持標準 html5 的瀏覽器上登錄自己的賬號,在任何場景下實現全平臺創作。

          包括微信小程序都有用戶可抵達使用的入口

          只需要簡單的登錄一下賬號,就等于自動開啟了云文檔存儲,文件隨時同步,免去了丟失的痛苦。

          在打開的文檔界面中,點擊右上角「分享」按鈕,選擇上傳到云端后,可以將文檔以鏈接、或微信掃碼的形式發送給其他人。在分享彈窗內還支持設置密碼、鏈接分享的范圍、鏈接的有效期、是否允許他人編輯。

          值得一提的是 WPS Office for Mac 也支持 iOS 和 macOS 的 Handoff(接力)功能,可以快速操作共享剪貼板、無縫銜接各個平臺文檔的編輯修改,享受蘋果生態圈帶來的極大便利。

          為Mac 好上加好

          早在 WPS Office for Mac 推出前,Mac 用戶對于 WPS 的呼聲就非常高。時隔多年,WPS Office for Mac 應運而生,終于被 Mac 用戶盼到了。看 Mac App Store 的下載排名和用戶評分就可以看出大家對它期待有多高。

          WPS Office for Mac 的推出滿足了 Mac 用戶長久以來的心愿。但在蘋果生態中開疆辟土,WPS 并不只是想把 Windows 的一套照搬過來。不管是界面設計、用戶純凈體驗還是滿足用戶需求方面,WPS Office for Mac 都力求與蘋果的產品特性深度契合。

          在界面設計上 WPS Office for Mac 延續了 Mac 本身簡單整潔的特征。收窄左側邊欄,擴大文件管理區域等界面設計更進一步方便了用戶查閱文件、創建編輯文檔等工作需求,完美契合蘋果精致又具有格調的產品文化特性。

          化繁為簡,極簡純凈的設計界面,讓人耳目一新的同時,也進一步提升了用戶的使用體驗。

          WPS Office for Mac 支持深色模式,當我們在系統偏好設置中更改為深色模式后,軟件也會自動完成轉換,適配系統。

          同時,WPS Office for Mac 也添加了 Mac 特有的左右分屏、Handoff 功能、三指輕點屏幕取詞等生產力工具,深度適配 macOS 系統,給用戶營造了更便捷、更純粹的工作場景和體驗。

          花式模板你想的它都有

          WPS 的稻殼在線模板已經上線了很多年,模板的數量和種類是國內數一數二的,用戶基本不再需要上網搜索模板,直接在端內搜索,選擇下載就可以開始編輯了。當然,想要體驗這種快捷需要成為稻殼會員,如果是對模板需求量很大,可以開通稻殼會員。

          稻殼上目前有超過 800 萬個模板和素材,還有字體、圖表和圖標等內容。優勢是與 WPS 深度整合,在新建頁面就可以快速查找,開始編輯。當然,如果不想付費,WPS for Mac 稻殼模板也提供了一些免費模板,對于應急工作需求來說完全夠用。

          多樣會員按需選擇

          WPS 還設計了多樣化付費會員制度,分為 WPS 會員,稻殼會員,超級會員三個級別,每個級別的會員都能享受不同功能的特權。

          比如 WPS 會員,可以比普通用戶享受 PDF 轉 Word,文檔修復,數據恢復,云字體,文檔上傳 200M 這樣的特權。

          稻殼會員提供了模版下載,PPT 一鍵美化,在線文字圖示,皮膚使用,手機端特權共享等主要傾向于設計資源的服務。

          超級會員則擁有前兩種會員擁有的所有特權以及其他用戶所不具備的:高級模版下載,超大云空間 365G,文檔上傳大小 1G 的享受。

          各位用戶可以根據自身需要來決定是否購買會員和購買什么樣的會員。從定價和會員種類看,WPS 的劃分還是很合理的,這樣既保證免費用戶可以獲得完好的體驗,也讓付費用戶在原有體驗基礎上享有功能性或資源性的進一步優勢。付費制度設立從另一個方面也是為了軟件可持續發展,保證長久的穩定與更新。

          小結

          WPS Office for Mac 作為剛剛登陸 macOS 的辦公套件,功能完成度以及多合一的設計理念上都非常不錯。軟件符合 Mac 的操作邏輯,功能與微軟 Office 相比并不遜色,穩定的云服務、多樣的稻殼模板以及本地化支持是它的優勢。深度融合蘋果系統的展現模式也適合蘋果用戶無縫切換到 WPS 使用,學習成本低,易于上手。

          作為 WPS Office for Mac 的第一個正式版本,其功能完成度上已經如此之高,如果未來能保持更新速率,并維持免費下載的策略,那么對于用戶來說,它將成為 Mac 上認同度極高的辦公軟件之選。

          美國市場研究機構 Markets and Markets 發布的一項報告顯示,到 2020 年,全球智能辦公市場達 433.1 億美元(約合人民幣 2652 億元),期間年復合增長率 10.7%,智能化辦公的高效便捷轉變成剛性需求。

          目前市場上除了微軟、蘋果、金山 WPS 這樣的老牌辦公軟件外,還有不少團隊也開始打造一些有特色的辦公+協作工具。入局者的增加,用戶對辦公軟件需求的提高,都為行業技術與產品制定了更高的標準。

          面對這全所未有的挑戰,WPS 已經走出了一條全新的路——以多合一的產品形態,覆蓋多樣化的用戶需求。做產品,只有抓住用戶才能抓住未來,WPS Office for Mac 以最大的誠意在實踐這一理念,值得肯定。

          alaxy Z Fold4,憑借內外雙屏設計,

          為用戶帶來了手機與平板的雙重體驗。

          其內置的7.6英寸(直角)①沉浸式寬幅大屏

          所帶來的使用體驗也是一些直屏手機做不到的,

          就像三星Galaxy Z Fold4可以同時呈現多個APP窗口,

          為我們帶來了極大的便利。

          而此次,Galaxy Z Fold4除了之前的日常分屏方式,

          還新增了多種分屏方式,

          下面,公主就帶大家一起了解一下吧。

          <窗口句柄分屏>

          【設置】-【高級功能】-【實驗室】-【在全屏視圖中顯示多窗口菜單】

          想要使用這個功能,我們需要在【實驗室】中,

          將【在全屏視圖中顯示多窗口菜單】開啟。

          然后,我們就可以通過「窗口句柄」實現分屏了。

          當我點開一個應用的時候,

          我們點擊上方的“—”,然后點擊“在分屏視圖中打開”圖標,

          接下來,就選擇想要分屏的應用程序就可以了。

          就像上方GIF圖展示的這樣,

          我們在開啟頁面的同時,還想要打開日歷,

          那我們就可以通過「窗口句柄」方式進行分屏。

          <快捷手勢分屏>


          首先,想要使用這個功能,我們需要在【實驗室】中,

          將【滑動可切換至分屏視圖】開啟,

          開啟這個功能,我們就可以通過「快捷手勢」實現分屏功能啦。

          我們在應用內可以通過雙指向左、向右、向上滑,

          雙指一滑,就能快速實現分屏,

          是不是也很方便呢~

          當然了,當我實現分屏之后,

          我們還可以調整順序,

          順時鐘旋轉或者切換窗口都可以。

          如果這個分屏組合是我們經常需要用到的,

          我們也可以將其添加至任務欄、主屏幕或者應用程序側屏幕面板中,

          比如,我們將此分屏組合添加至任務欄中。

          下次想要使用此分屏組合的時候,

          我們就可以直接通過任務欄一鍵打開這個分屏組合啦~

          真的是太便捷啦~

          怎么樣?

          這一波分屏操作,

          你學會了么?

          是不是超級實用呢~


          文章轉載三星蓋樂世社區:

          https://www.samsungmembers.cn/thread-1424603-346-469.html


          主站蜘蛛池模板: 无码一区二区三区中文字幕| 一区二区精品视频| 人妻久久久一区二区三区| 综合激情区视频一区视频二区| 中文字幕亚洲一区二区三区| 成人区精品一区二区不卡亚洲| 性色av无码免费一区二区三区| 中文字幕精品一区| 麻豆视频一区二区三区| 国产精品久久久久一区二区| 国产成人无码一区二区三区| 一区二区三区亚洲| 无码欧精品亚洲日韩一区夜夜嗨 | 久久久久人妻一区精品色| 国产成人精品一区二三区在线观看| 亚洲电影一区二区| 国产精品视频一区二区三区无码| 精品无码成人片一区二区98| 日韩一区二区在线播放| 亚洲av日韩综合一区二区三区| 日本一区二区三区爆乳| 精品免费国产一区二区| 无码人妻精品一区二区三区夜夜嗨| 国产成人精品一区二三区熟女| 日韩电影一区二区三区| 日本一区二区三区在线网| 一区二区三区无码视频免费福利 | 日韩视频在线一区| 日本国产一区二区三区在线观看| 亚洲一区动漫卡通在线播放| 能在线观看的一区二区三区| 久久国产精品最新一区| 国产一区二区免费在线| 国产成人精品一区二区三区无码| 精品无码人妻一区二区免费蜜桃 | 国产韩国精品一区二区三区久久| 国产福利电影一区二区三区久久老子无码午夜伦不 | 成人毛片无码一区二区| 国产人妖视频一区二区| 精品3d动漫视频一区在线观看| 高清一区二区三区|