您當前的位置 : 橡樹攝影網 > 國外攝影 > 正文 

蘋果電視 tvOS UI設計規范總結 (四)視覺設計

2020-01-18 10:02 橡樹攝影網 婚紗攝影工作室

[field:description function="cn_substr(@me,250)"/]

 

(一)概述(二)遙控器和游戲控制器(三)用戶交互(四)視覺設計(五)圖標和圖像(六)界面元素(七)資源布局電視有很多不同的尺寸:上的應用和在上一樣不會自動適應屏幕的大小。相反的,應用在每一個顯示器上都會呈現完全一樣的界面。設計的時候要格外注意,這樣應用才能夠在各種尺寸的屏幕上都呈現非常贊的布局。如果你的應用布局需要少量的定制并且內容呈現要精美。請考慮使用預設的布局模板。網格在上,網格有助于更好地呈現內容。這些內容不僅在遠距離很容易瀏覽,還可以使用遙控器快捷地導航,呈現效果非常理想。以下的網格布局和界面寬度提供了最佳視覺體驗。請確保元素在非焦點狀態保持適當間距,以防止他們在獲得焦點的時候內容重疊。欄網格內容寬度:像素水平間距:像素垂直間距:像素欄網格內容寬度:像素水平間距:像素垂直間距:像素欄網格內容寬度:像素水平間距:像素垂直間距:像素欄網格內容寬度:像素水平間距:像素垂直間距:像素如果你使用提供的內容流的集合樣式,網格欄數會根據內容的寬度和間距自動確定。考慮屏幕的安全區域。牢記將內容左右縮進像素,上下縮進像素。可以通過在縮進造成的區域中,用溢出的方式展示未在當前屏出現的內容。為標題行留出額外的垂直間距。如果一行內容有標題,請確定非焦點狀態的上一行底部和當前標題行的中間有適當間距。然后,確定該行非焦點狀態下標題底部和內容頂部的有適當距離。請使用一致的間距。不一致的間距會讓網格看起來不像網格。余光的內容保持左右對稱。為了可見內容更直觀的獲得焦點,請保持屏幕安全區域外的溢出內容在各個邊緣都保持相同的寬度。布局模板提供了樣式美觀、布局一致、并且凸顯內容的模板。這些模板是基于和的編程語言M開發的。當應用啟用時,它們會動態加載內容。這些模板可以靈活創建豐富的內容,并且這些內容可以很好地在電視屏幕上呈現,非常適合流媒體。有品位的自定義模板。布局模板的可定制程度很高,你可以控制背景、文字、色彩、尺寸、布局甚至更多。在設計應用的時候,請無論何時都遵從于內容,避免出現分散注意的、跳躍的或突兀的定制內容。在使用之前了解模板的使用意圖。如果你的定制化使得基本模板無法識別,請考慮換個模板或者使用完全自定義的界面。字體排版是的系統字體。這個字體有兩個變體:和,在大屏幕上易讀性都很高。在標簽或其他界面元素中使用系統字體時,會根據選擇的磅值自動應用最合適的文本樣式。它也會按需自動更改字體并遵循輔助設置。盡可能減少應用中的文字數量。展示給用戶,而不是通過文字來說明。閱讀房間對面屏幕上的大量文字十分費勁也并不好玩。認真考慮你的應用實際需要展示的文本數量,嘗試用更容易理解的方式來呈現信息,比如使用圖片或動畫。在設計時選擇合適的系統字體。最重要的是,文字在遠處必須清晰易讀。當設計應用時,點或更小的字適合用,點或更大的字用更好些。盡量使用內置的文本樣式。內置的文本樣式允許你用不同的視覺效果來表達內容,同時保留最優易讀性。這些樣式使用系統字體并且允許你利用重要的排版功能,比如動態排版(為不同字號自動調整字距和行距)。主要內容使用正文樣式,標簽和次要內容可以使用注腳樣式和說明樣式。使用自定義字體時,在遠處需要清晰易讀。支持自定義字體,但在遠處可能難以閱讀,尤其當字體筆畫過細時。所以,除非你有必須使用自定義字體的理由,比如為了品牌推廣或創造沉浸式的游戲體驗,否則還是堅持用系統字體吧。使用自定義字體時,支持輔助特性。系統字體自動會對輔助特性作出反應,比如字體加粗。使用自定義字體的應用,應該檢查是否啟用了輔助特性并在特性發生變化時接收通知,實現與系統字體相同的行為。紋理在整個系統中,柔軟,細膩,半透明紋理出現在窗口和覆蓋傳達深度和層次結構感。這些設計也給用戶有方位感,不會分心。紋理設計有多種顏色和各種情況。未完待續.......導航鏈接(一)概述(二)遙控器和游戲控制器(三)用戶交互(四)視覺設計(五)圖標和圖像(六)界面元素(七)資源

甘肃快三出号统计