ui是表現(xiàn)在外面的,os是內(nèi)部的,ui就是操作界面,用來操作os,os支持了ui的操作
成都創(chuàng)新互聯(lián)公司制作網(wǎng)站網(wǎng)頁找三站合一網(wǎng)站制作公司,專注于網(wǎng)頁設計,網(wǎng)站設計制作、網(wǎng)站設計,網(wǎng)站設計,企業(yè)網(wǎng)站搭建,網(wǎng)站開發(fā),建網(wǎng)站業(yè)務,680元做網(wǎng)站,已為上千余家服務,成都創(chuàng)新互聯(lián)公司網(wǎng)站建設將一如既往的為我們的客戶提供最優(yōu)質(zhì)的網(wǎng)站建設、網(wǎng)絡營銷推廣服務!
將iPad應用轉(zhuǎn)換到Mac時,更多的新用戶可以使用應用程序,同時也給老用戶提供了在新環(huán)境中使用應用程序的機會。
大部分的iPad應用程序都有較好的適配性,但有些iPad功能在Mac平臺上是沒有的。如果應用程序的主要功能涉及到像陀螺儀、加速計或后置攝像頭之類的功能,以及像HealthKit、ARKit之類的iOS框架,或者應用程序的主要功能是導航的話,那么它可能并不適用于Mac。
如果應用程序不要求iPad的特有功能,那么保證它能夠在Mac上良好運行的最好方法是它在iPad上能夠良好運行。具體來說,應用程序需要:
1.支持多任務。應用程序該能夠較好地縮放界面來支持分離視圖、滾動、和畫中畫,以趨于實現(xiàn)用戶期望的擴展窗口尺寸的最終目標。
2.支持拖放。當iPad應用程序支持拖放時,Mac也會免費提供拖放功能。
3.響應鍵盤快捷鍵,包括常用的macOS快捷鍵。雖然iPad應用程序不一定會提供鍵盤,但iOS和macOS用戶都喜歡使用快捷鍵來簡化與應用程序的交互。
將iPad應用移植到Mac時,可以自動獲得Mac平臺的基本功能支持,例如:
1.系統(tǒng)偏好
2.鍵盤、觸控板、鼠標和觸摸條輸入,包括按鍵焦點和鍵盤導航
3.窗口管理
4.富文本交互,包括復制、粘貼和編輯上下文菜單
5.文件管理
此外,許多系統(tǒng)自帶的UI元素會自動地從iOS系統(tǒng)轉(zhuǎn)化成macOS系統(tǒng)。例如,以下iOS自帶的內(nèi)容能自動轉(zhuǎn)換為macOS的樣式:
1.拆分視窗
2.文件瀏覽器
3.活動視窗
4.表單
5.上下文操作
為了確保應用程序能給用戶提供豐富的Mac體驗。加強基礎(chǔ)并且不要僅僅只是將iOS UI直接展示在macOS窗口中,這一點非常的重要。在你深入地了解以及更新特定視圖和組件之前,請先熟悉平臺間的主要區(qū)別。只有這樣,你才能在Mac上創(chuàng)建出讓用戶感覺舒適自在的應用程序。
基于用戶使用不同設備的交互方式,iOS和macOS定義了各自的設計模式和規(guī)范。例如,如iOS交互規(guī)范中的滑動刪除、操作表命令,屏幕底部的控件,都是對手持設備上觸摸交互的優(yōu)化。同樣地,macOS規(guī)范中,專用鍵和鍵盤快捷鍵、菜單命令和窗口頂部的控件,也是針對鍵盤、鼠標、觸控板交互和獨立顯示進行的優(yōu)化。
對適配性產(chǎn)生重要影響的規(guī)范和設計模式主要可以總結(jié)為以下四個方面:
許多iOS和macOS應用程序都是使用類似的方式來組織數(shù)據(jù),但他們使用不同的組件和視覺指示器幫助用戶理解并且導航數(shù)據(jù)。
雖然iPad和Mac都支持多種設備輸入,如多點觸控,鍵盤,鼠標,以及觸控板,但觸控交互是iOS的規(guī)范,鍵盤和鼠標交互是macOS的規(guī)范。
Mac用戶很熟悉固定菜單欄,他們期望在菜單欄的菜單中找到所有程序命令。但是,iOS系統(tǒng)中并沒有固定菜單欄,iOS用戶期望通過應用的界面能夠找到應用程序命令。
在macOS系統(tǒng)與iOS系統(tǒng)的iPad程序中,文本的顯示效果基本是相同的,因為兩個平臺都能使用SF字體。但是,iOS系統(tǒng)的基準字體大小為17pt,macOS系統(tǒng)中最常用的字體為13pt。為確保文字和交互元素的顯示效果保持一致,適配時iOS的視圖會自動縮小到原來的77%。
除了利用macOS的交互和設計規(guī)范以外,你還需要更新視覺設計和界面布局來好好利用Mac的大顯示屏,為macOS用戶提供極致的體驗。例如,你可能會:
1.將一列操作和內(nèi)容劃分成多列
2.在主要內(nèi)容旁邊而不是在彈出框里顯示校驗信息
3.同時展示兩個及以上的應用程序?qū)蛹?/p>
理想情況下,從macOS設計規(guī)范的角度來審視iPad應用程序,可以得到一些優(yōu)化iOS版本的啟發(fā)。盡管你想確保每個版本能遵循該平臺的規(guī)范,也可以利用這個機會來再次審視應用程序的設計。尤其是iPad應用程序來源于iPhone時,可以重新評估布局視圖和控件的方式,看看是否能夠做一些改進以便更好地利用iPad的大屏幕。
基于平臺規(guī)范而設計的優(yōu)秀應用程序,其導航可以反應數(shù)據(jù)結(jié)構(gòu)并且支持應用程序的主要目標。為了幫助macOS用戶在應用程序中感到輕松自在,需要將iOS的導航規(guī)范轉(zhuǎn)換成對應的macOS規(guī)范。
大部分的iPad應用程序使用平級導航或者層級導航,有些兩者都會使用。平級導航將功能區(qū)域或數(shù)據(jù)類別顯示為始終可用的同級內(nèi)容組。比如說,音樂和應用商店使用平層導航為用戶提供一個固定的入口前往高級層級,如圖書館、為你推薦、瀏覽器、今天和游戲。層級導航使用樹形結(jié)構(gòu)的方式展示信息。通過層級導航,用戶在一個視圖里面選擇一個菜單來導航,直到抵達目的地。例如,在設置中,用戶可通過“通用“”鍵盤“”文本替換“的路徑,來自定義文本替換。
一般來說,iPad應用程序使用以下UIKit來實現(xiàn)導航:
標簽欄通過在屏幕的底部固定顯示頂層目錄來支持平級導航。
頁面指示器在屏幕底部顯示指示點,這些指示點可以指示當前頁面在平級頁面列表中的位置。
拆分視窗通過在基礎(chǔ)視圖(主視圖)和次級視窗(詳細視圖)中顯示項目和功能來支持分層導航。當用戶選擇基礎(chǔ)視窗中的項目時,拆分視窗將在次級視窗中顯示與該項目相關(guān)的內(nèi)容。
如果要在iPad 應用程序中使用標簽欄。請考慮在拆分視圖控制器當中,使用分段控件或者側(cè)邊欄背景樣式。 這兩種控件都符合Mac風格窗口的導航規(guī)范。在二者之間做選擇時,請考慮到以下情況:
1.分段控件和標簽欄都提供類似的交互,如互斥選擇。 所以分段控件是直接適配的佳選。分段控件適合于標簽中沒有太多層級的iPad應用程序,因為它可以和側(cè)邊欄配合進行導航。
2.側(cè)邊欄展示一級菜單的列表,每個一級菜單下面又收錄有子菜單 。 使用側(cè)邊欄可以簡化導航,因為用戶能在側(cè)邊欄中看到每個選項卡的內(nèi)容。側(cè)邊欄是個不錯的選擇,可用于展示不常改變的應用程序定義或用戶定義類型。比如說,新聞側(cè)邊欄中的以下類別和建議類別是不會改變的,即使人們可以更改每個項目中的內(nèi)容。
當然,也可以在應用程序中混合使用分段組件和側(cè)邊欄。比如說,可以使用包含標簽的分段控件,或者使用側(cè)邊欄來展示每個選項卡的內(nèi)容。無論你怎樣利用標簽欄,請確保用戶能夠通過macOS視圖菜單快速查看每個選項卡的內(nèi)容。
如果你在iPad應用程序中使用拆分視窗,在 macOS系統(tǒng)中就會自動轉(zhuǎn)換為Mac平臺的拆分視窗。在這兩個平臺中,使用管理視窗擇來展示可改的項目列表是個不錯的選擇。比如說郵箱中的郵件列表允許包含標簽和圖標,并且支持分類和篩選。然而,如果你的內(nèi)容層級超過了兩層,那么在管理視窗和當前視窗間的中間視窗在Mac樣式的窗口中是不可見的。為了確保用戶能原路返回,工具欄中要需要設置返回按鈕。
如果使用頁面指示器或者其他方式來進行橫向?qū)Ш?,請給用戶提供特定的控件來查看頁面。 如果支持這種橫向?qū)Ш剑敲丛贛ac樣式窗口的頁面中,可以通過在工具欄里顯示前進/后退的按鈕,或者在菜單欄里增加導航命令來為用戶導航。macOS的Stocks應用程序中,工具欄里面設置了返回按鈕,視圖菜單中也顯示了下一條故事和上一條故事的操作命令。
如果iPad應用程序支持多窗口,那么在macOS版本中也能得到多窗口支持 。此外,很多macOS應用程序允許用戶在新標簽中打開文檔或者其他內(nèi)容,而不是在新窗口中打開。例如,在Safari窗口中每個標簽都能打開不同的網(wǎng)頁,在Finder窗口中每個標簽都能打開不同的文件系統(tǒng)位置。用戶使用系統(tǒng)偏好選擇使用選項卡而非窗口時,系統(tǒng)會自動添加關(guān)聯(lián)的菜單到應用程序菜單中,比如視窗顯示標簽欄和窗口顯示下一個標簽。
選項固定性是ios和macOS用戶交互的一個根本區(qū)別。由于許多macOS用戶希望只使用鍵盤來控制應用程序和系統(tǒng),對象的選中狀態(tài)必須保持不變,這樣人們可以使用一系列按鍵序列來選擇對象,并使用第二個按鍵序列對其進行操作。相反地,ios用戶希望在不選擇對象的情況下對其進行操作,因此對象不需要保持其選中狀態(tài)。一般來說,ios應用程序不會優(yōu)化鍵盤的交互。
以下是一些影響用戶體驗的不同交互方式:
1.macOS用戶總是需要“上一個”和“下一個”按鈕來替代iPos或者觸摸板手勢,如在頁面之間滑動。
2.在Mac系統(tǒng)中,用戶希望使用刪除按鍵或者在菜單中選擇刪除命令,所以往往不需要在ui中顯示刪除按鈕。
3.iOS用戶習慣通過下拉操作刷新內(nèi)容。相反地,Mac用戶希望使用菜單命令,比如說查看新內(nèi)容。
當將iPad用戶交互模式轉(zhuǎn)換為Mac交互模式時,要注意讓人們按照平臺規(guī)范來操作對象。
支持用戶使用箭頭按鈕或者點擊字母和數(shù)字鍵來改變固定選項的鍵盤規(guī)范。
必要的情況下,好好利用Mac用戶能夠輕松地同時使用鍵盤、鼠標和觸控板這一事實。
如果在iPad應用程序中使用 UIKeyCommand 來定義操作命令的鍵盤序列,那么在macOS系統(tǒng)中會將這些快捷鍵轉(zhuǎn)換為菜單。例如,為了在MacOS版本的“視圖”菜單中顯示各個標簽,需要將將每個主視圖區(qū)域(如每個標簽)定位到?1, ?2等快捷鍵上。
如果你的iPad應用程序中有刪除按鈕,建議在macOS版本中將它移除,并且允許用戶使用刪除按鍵或者應用程序的“編輯”“刪除菜單”命令替代.
當你的iPad應用程序在macOS系統(tǒng)當中運行時,大多數(shù)的手勢會自動轉(zhuǎn)換,例如:
Mac電腦屏幕頂部的菜單欄為用戶提供了一個固定位置,用來設置控制應用程序和系統(tǒng)的操作命令。除了Apple菜單(包含了始終可用的系統(tǒng)級命令),菜單欄還包含了當前應用程序提供的標準菜單和自定義菜單,Mac用戶希望在菜單欄中能夠顯示每個MacOS應用程序的所有命令。
由于iPad應用程序的主要界面中是使用控件來顯示命令,因此適配過程的關(guān)鍵是為每個應用程序命令在菜單欄找到一個邏輯的,直觀的位置。
為應用程序的macOS版本設計菜單欄菜單時,首先要列出人們可能執(zhí)行的所有操作,并根據(jù)標準菜單欄菜單定義的類別對這些操作進行分組。例如:
1.應用程序名稱
2.文件
3.編輯
4.視圖
5.窗口
6.幫助
如果列表中的一些操作在標準菜單欄菜單中沒有意義,你可以添加自定義菜單。Mac 應用程序經(jīng)常為與核心應用程序?qū)ο蠡蚝诵膽贸绦蚬ぷ髁飨嚓P(guān)的命令添加自定義菜單欄菜單。例如,macOS中的郵箱程序使用郵件和郵箱菜單來顯示操作這些基礎(chǔ)應用程序?qū)ο蟮拿?。相反?,在Keynote中,使用排列菜單來顯示與幻燈片中排列對象的核心工作流有關(guān)的命令。
將應用程序的操作分組到菜單中后,要以合理的方式對每個菜單中的項目進行排序。每個標準菜單都定義了一個項目的推薦順序,所以遵循此順序來提供內(nèi)容很重要。例如,Mac用戶希望“文件”菜單按以下順序顯示項目:
1.新建文件
2.打開文件
3.最近打開文件
4.關(guān)閉
在自定義菜單欄菜單中,應該根據(jù)重要性、使用頻率或其他合理的方式來進行排序。菜單欄菜單還可以包含子菜單和分隔符,這有助于以邏輯方式對項目進行分組。
此外,支持菜單中所有常用命令的鍵盤快捷鍵也很重要,這樣使用鍵盤的Mac用戶和iPad用戶都能從中受益。除了為標準菜單項啟用快捷方式外,還可以為自定義菜單定義快捷方式。
上下文菜單可以在不打開菜單欄菜單的情況下,幫助人們發(fā)現(xiàn)能夠?qū)ο髨?zhí)行什么操作。如果iPad應用程序支持上下文菜單,系統(tǒng)會自動將它們轉(zhuǎn)換為macOS版本的上下文菜單。
為了給mac用戶最好的體驗,需要尋找更多的方式來支持上下文菜單。例如,如果人們可以對應用程序中的對象執(zhí)行一些常見的操作,請?zhí)砑由舷挛牟藛瘟谐鲞@些操作。還可以在顯示對象的視圖中添加上下文菜單—例如,finder中的文件夾對象支持上下文菜單,這些菜單提供在新標簽中打開、重命名和復制等操作。
為了保證應用程序在macOS上有良好的視覺運行效果,需要考慮到以下視覺設計領(lǐng)域中的平臺差異。
Mac用戶希望能夠調(diào)整應用程序窗口的大小,從全屏到應用程序支持的任何尺寸。如果要支持這種無限的可調(diào)整性,充分利用Mac’s的寬大的顯示區(qū)域,請使用常規(guī)的寬度和高度類型,在必要時請考慮將窗口中的內(nèi)容元素調(diào)整為并排排列。
盡可能使用自上而下的布局方式。 macOS應用程序中,在窗口頂部附近放置了最重要的操作和內(nèi)容。如果你的iPad應用程序在工具欄或?qū)Ш綑谥刑峁┝丝丶敲丛趍acOS版本中請將這些控件放置在窗口工具欄中。
請將iPad應用程序主界面中的控件移動到macOS版本的窗口工具欄中。 并且,請在macOS應用程序菜單欄菜單中,列出與控件有關(guān)聯(lián)的命令。
從屏幕的左邊緣或者右邊緣重新定位按鈕。 在iPad上,將按鈕放在屏幕的左側(cè)中間或右側(cè)中間能夠幫助用戶方便地觸達按鈕,但是,在Mac上,這種人體工程學的考量并不適用。也許你想將控件重新定位在內(nèi)容區(qū)域的頂部或者底部邊緣,或者將他們放在macOS窗口的工具欄中。
在兩個平臺上都使用系統(tǒng)選擇顏色。 通常來說,iOS應用程序定義用于按鈕著色和指示選項的顏色,但是在macOS,用戶希望通過系統(tǒng)偏好來選擇他們想要的選項和按鈕顏色。
其他語義上定義的iOS顏色(如系統(tǒng)顏色、標簽和分隔符顏色)會映射到類似命名的macOS顏色。
不要給表格行中的按鈕賦予顏色。 在iPad應用程序中,給按鈕賦予顏色來顯示它的活動狀態(tài)。但是在macOS中,給表格行中的按鈕上色不太合適。
盡管系統(tǒng)執(zhí)行的自動縮放功能可以提供較好的效果,而你也不需要在兩個平臺上指定不同的字體值,但不是在每一種情況下都能獲得最佳效果。
確保Mac上的小字體清晰可見。 需要增加一些在iPad應用程序中使用的最小字體,以保證所有文字在macOS版本中也能夠保持清晰可見。注意macOS中不支持動態(tài)類型。
為應用程序繪制一套macOS版本的圖標。 優(yōu)秀的macOS應用程序圖標明顯的不同于優(yōu)秀的iOS應用功能程序圖標。比如說,macOS系統(tǒng)圖標可以是非直角的并且經(jīng)常都是傾斜和旋轉(zhuǎn)的。默認情況下,macOS系統(tǒng)會對iOS應用程序的圖標加上投影,使其看上去更像Mac的原生圖標,但最好還是設計一套Mac系統(tǒng)專用的圖標。了
如有必要,創(chuàng)建平臺特定符號。 如果你的iPad應用程序從某些方面參考平臺來自定義符號,那么在Mac平臺中請創(chuàng)建比較有原生感的新符號。 ?xcode提供了獨立資產(chǎn)目錄,你可以在iPad應用程序中使用macOS系統(tǒng)的特定符號。
如果你在iOS設置應用程序中提供應程序設置,Mac版本的首選項窗口中會自動顯示這些項目。默認情況下,macOS會為iOS設置中的每個項目在首選項窗口中添加一個工具欄按鈕,為其提供標準的系統(tǒng)首選項圖標和在設置應用程序中用于項目視圖的標題。
Mac用戶希望的是,當他們在應用程序菜單中選中首選項菜單項目時,首選項窗口才出現(xiàn)。不過,有幾種方法來優(yōu)化設置項目的顯示,使首選項體驗更加貼合Mac平臺。
因為macOS會為你的設置項目自動適配標準的系統(tǒng)首選項圖標,所以用戶需要閱讀每一個工具欄按鈕的標題來區(qū)分大量的項目。為了提升用戶體驗,需要為每個設置項目提供定制圖標。
使macOS用戶更容易理解切換 控件
與iPad 應用程序不同,在macOS應用程序當中,當有人在系統(tǒng)首選項中使用切換控件做出調(diào)整時,往往會出現(xiàn)一個確認警報。此外,iOS中的開關(guān)包括了一段含較多信息的少量文本內(nèi)容,告知開關(guān)如何影響用戶體驗。在Mac版本的應用程序中,在人們使用它來修改設置時,你可以為macOS開關(guān)組件搭配一個簡短的說明或者定義一段信息警告。
眾所周知,mac的HIDIP在4K的顯示器下是完美的,原理就是用4個像素來合并成顯示一個像素
我之前一直使用DELL的P2415Q的,24寸的4K屏,不論在白蘋果還是黑蘋果,都是如此完美和細膩,又如絲般順滑,而且24寸的4K分辨率2580 2160用來HIDIP到1920 1080分辨率是最護眼的,因為1920*1080的UI大小和字體感覺剛好符合一臂距離,分辨率大了感覺字和UI都太小,分辨率小了,又會感覺字和UI都太大,搞的和老年人看報紙要用放大鏡一樣。
但是。。。我無法忍受沒有21:9帶魚屏的日子,所以另外還有一臺小米的34寸帶魚屏,3440 1440分辨率的,按照HIDIP原理3440 1440分辨率一定要換算到1720*720才是最完美的,但是一個34寸的顯示器,用個720的視覺效果,能忍受碩大的UI和巨大的字體嗎?所以必須要HIDIP到另外分辨率上來,網(wǎng)上有很多教程,百度搜索類似“蘋果 HIDIP 字體模糊”等會出來好多,比較完美的是這個腳本方案,截圖如下
然后一般網(wǎng)上教程就這么結(jié)束了,好像在告訴你,這么操作了,顯示器就可以HIDIP了,那估計你要失望了。是的,的確好了很多,字體沒有發(fā)虛很嚴重,然而沒有對比是沒有傷害的,當我對比了原來的4K顯示器那種絲滑,哎。。。。。。
不過人嘛,肯定是不會放棄的,總需要找一個最佳方案出來,這不,終于找到方法了。
針對,34寸3440 1440分辨率,要設置成2752 1152,千萬不要去搞1080。有2個原因:
因此,2752 1152一方面剛好和3440 1440是1.25倍的關(guān)系,另外一方面1152對比1080的高度,恰好符合24寸到34寸的擴大比例。
分辨率設置好后,系統(tǒng)的UI和大部分軟件,基本就差不多可以了,沒有4K 100%完美,我覺得也80分90分了,我也是一個很糾結(jié)的完美主義者,我覺得有90分了,相信我吧,這樣可以了。
然而,然而,在chrome下,仍舊字體發(fā)虛,雖然朋友說已經(jīng)很好了,但我仍舊覺得燒眼睛,我不能有一點感覺不爽。現(xiàn)在祭出最終殺器:
這個插件原本是chrome大家用來暗黑模式的,但這個插件可以動態(tài)分析顏色和圖像,而不是傻瓜式的反轉(zhuǎn)顏色,而且而且而且它可以改變字體,原理是覆蓋網(wǎng)頁本身的CSS方式來執(zhí)行,這樣我就可以用我大愛的小米蘭亭PRO字體了。瞬間,爆贊,chrome字體再也不發(fā)虛了,配合棕褐色濾鏡,完美的閱讀體驗。
至此,蘋果配上準4K帶魚屏,才算是可以打90分的體驗!可以說,和4K相差無幾了。