<delect id="jc87q"><video id="jc87q"><span id="jc87q"></span></video></delect>
<progress id="jc87q"><rt id="jc87q"><dfn id="jc87q"></dfn></rt></progress>
  • <td id="jc87q"></td>

      <pre id="jc87q"><em id="jc87q"></em></pre>
    1. <td id="jc87q"></td>
    2. <p id="jc87q"><cite id="jc87q"></cite></p>
    3. UI設計規范大全

      Web UI設計規范

      畫布建立尺寸寬度:1920px

      分辨率:72像素/英寸

      顏色:RGB

      QQ截圖20171207131424.png

      網頁內容安全寬度:1200px

      首屏內容建議高度:800px

      1243.jpg


      網頁柵格系統

      1512625193745481.jpg1512625309408478.jpg

      55.jpg


      App UI設計規范(iOS)

      屏幕尺寸表:

      iOS各設備尺寸

      blob.png


      系統默認中文字體:蘋方

      字體下載連接:蘋方字體點擊下載


      APP ICON尺寸


      UI官方組件

      點擊下載iOS 11官方UI組件庫

      狀態欄 Status Bar

      1234.jpg

      導航欄 Navigation Bar

      54.jpg

      搜索欄 Search Bar

      235.jpg

      標簽欄 Tab Bar

      列表視圖 Table View


      App UI設計規范(Android)

      Android各設備尺寸:

      blob.png


      系統默認中文字體:思源黑體

      字體下載連接:思源黑體點擊下載


      APP ICON尺寸

      blob.png


      UI官方組件


      Watch UI設計規范

      各設備尺寸

      blob.png


      智能電視UI設計規范

      設計尺寸:


      內容安全范圍

      色彩

      與電腦顯示器相比,電視屏幕有更高的對比度和飽和度。考慮到這點,在使用純色的時候要考慮一下準則:

      1、謹慎地使用純白色(#FFFFFF)。純白色在電視屏幕上會引起振動或圖像重影。用#F1F1F1(hex)或者240/240/240(RGB)來代替使用純白色。

      2、避免使用明亮的白色系,紅色系和橙色系,因為這些顏色在電視上顯示會特別嚴重的失真。

      3、了解不同的電視顯示模式,包括標準、銳利、電影/劇場,游戲等等。確保你的應用能適應這些全部的電視模式。

      4、避免使用大面積的色彩漸變,因為它們可能會導致色帶。

      5、如果可能,在低質量的顯示器上測試你的應用程序。這些設備可能有較差的伽馬值和顏色設置。


      文本

      對電視來說,避免纖細字體或者有過寬、過窄筆畫的字體。使用簡單無襯線字體并選用抗鋸齒功能來增加易讀性。目前,Google TV只支持Droid Serif 字體族,但是你可以使用嵌入字體來創建一個更個性化的外觀。然而,牢記嵌入字體會拖慢系統運行。

      1、以下是一些提高文本易讀性的方法:

      2、每個段落限制90個單詞。

      3、將長句改為幾個短句,讓用戶可以快速瀏覽。

      4、在每行保持5-7個單詞,不要少于3個單詞,也不要多于12個單詞。

      5、在電視上,在深色背景上的淺色文字比在淺色背景上的深色文字更容易閱讀。

      6、使用Android的標準字體尺寸。例如,標準的小字體字號為14sp,在1080p的屏幕上,這相當于28點的字號。

      7、為屏幕文本設置比印刷文本更大的行間距。


      視覺焦點

      應用程序的通行狀態包括上下文、選擇和焦點。上下文通常是一套分類,而選擇是用戶已經選中的分類。焦點是在光標下的控件或元素。這些控件或元素都應該有與眾不同的高亮狀態,而且高亮的機制在整個應用程序中應該保持一致。

      舉個例子,如果是一個都是影片的屏幕上,應用程序提供一行顯示不同類別的上下文標簽。例如“全部電影”、“最新發行”、“流行”、“編輯推薦”等等。如果用戶選擇了其中的一個標簽,“選中”狀態應該在視覺上與正在變動的“聚焦”狀態不同,以此來指出當前屏幕導航所在的位置。

      天空彩彯天空彩票与你同行|九龙最强十码|六合在线 三毛图库| 香港福利彩票近十期开奖结果 百度| 香港开奖结果83期| 精準無錯六肖中特六肖中特期期準| 香港挂牌网香港开奖结果| 這裏才是紅姐統壹圖庫| 香港马会历史开奖直播| 神鹰权威高手论坛| 2020年玄机图解特| 香港六开最快最准开奖| 香港马彩2020开奖结果| 东方心经玄机图正版| 94116济公高手论坛香港大全| 叁码王朝高手论坛| 2020东方心经必中人命90期| 香港码开奖结果查询2020| 6期特準特馬資料2020| 白小姐马报三中三| 扬红公式心水高手论坛管家婆| 2O18年香港馬會彩經| 精准四肖八码中特-四肖中特期期准-白小姐中特玄机网| 香港直播现场3636368开奖结果| 香港开奖结果历+B| 管家婆心水778849:Com| 香港马会46tm开奖结果| 香港賽馬會排位表| 今期四不像圖玄機| 香港老地方开奖结杲| 六合特區聯盟| 天下彩天下彩正版资料r| 76期白小姐开奖结果| 老地方高手论坛大军师| 鳳凰馬經34166| 高手论坛8822cc王中王资料| 淘碼論壇正版資料| 白小姐开码现场报号| 小龙人高手心水论坛l| 2020最近开奖历史记录| 马经五肖平特| 高手论坛齐中网| 本港臺開獎現場直播?開獎結果?www.6566765.com|