鍍金池/ 教程/ iOS/ 標(biāo)志與圖形
內(nèi)容視圖
控件
iCloud
導(dǎo)航
網(wǎng)頁剪藏圖標(biāo)
動(dòng)畫
鍵盤和輸入頁面
設(shè)計(jì)策略
臨時(shí)視圖
撤銷與重做
交互與反饋
與 iOS 一體化
從概念到產(chǎn)品
品牌推廣
電子錢包
社交媒體
游戲中心
創(chuàng)建尺寸可調(diào)的圖片
案例學(xué)習(xí):從桌面到 iOS
多任務(wù)處理
蘋果支付
色彩和排版
報(bào)刊雜志圖標(biāo)
iOS 應(yīng)用解析
啟動(dòng)和終止
聲音
快速查看
適應(yīng)性和布局
編輯菜單
健康組件
語音輔助
iAd 富媒體廣告
為 iOS 而設(shè)計(jì)
標(biāo)志與圖形
應(yīng)用圖標(biāo)
模態(tài)情景
圖標(biāo)與圖片尺寸
路線選擇
在應(yīng)用中購買
應(yīng)用拓展
啟動(dòng)畫面
術(shù)語和措辭
通知
欄按鈕圖標(biāo)
訪問用戶數(shù)據(jù)
云打印

標(biāo)志與圖形

蘋果標(biāo)志

每一個(gè)應(yīng)用都應(yīng)該有一個(gè)好看的標(biāo)志。人們僅憑你應(yīng)用的標(biāo)志,來建立他們關(guān)于你應(yīng)用品質(zhì)、用途和可靠性的第一印象并不奇怪。

http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/app_icon_gallery_2x.png" alt="" />

以下是一些你需要在設(shè)計(jì)你應(yīng)用標(biāo)志的時(shí)候注意的事情,當(dāng)你準(zhǔn)備開始設(shè)計(jì)時(shí),可以參看 App Icon 獲得更詳細(xì)的指南和說明:

  • 應(yīng)用圖標(biāo)是應(yīng)用品牌形象很重要的部分。將圖標(biāo)的設(shè)計(jì),視為一個(gè)與用戶交流應(yīng)用品牌歷史,并建立情感鏈接的機(jī)會(huì)。
  • 最好的應(yīng)用程序圖標(biāo)應(yīng)該是唯一的,規(guī)整的,令人印象深刻的。
  • 一個(gè)好的 app 圖標(biāo)在每種尺寸和不同背景下看起來都應(yīng)該合適。細(xì)節(jié)設(shè)計(jì)在大尺寸下能豐富圖標(biāo),但可能在小尺寸時(shí)會(huì)讓圖標(biāo)顯得模糊難辨。

塊標(biāo)志

iOS 提供了很多小標(biāo)志,用來代表一般的任務(wù)或者內(nèi)容類型,例如代表 fe 分頁欄,工具欄,或者導(dǎo)航欄中的元件。盡可能多的使用系統(tǒng)內(nèi)置的塊標(biāo)志,因?yàn)橛脩魧?duì)他們很熟悉因此會(huì)知道它們的含義。

http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/bar-icons_2x.png" alt="" />

如果你需要代表一些自定義的操作或者內(nèi)容類型,你需要?jiǎng)?chuàng)建自定義塊標(biāo)志。設(shè)計(jì)這些小巧的流線型標(biāo)志與設(shè)計(jì)一個(gè)應(yīng)用標(biāo)志是非常不同的,如果你需要設(shè)計(jì)自定義塊標(biāo)志,參見 Bar Button Icons 了解更多內(nèi)容。

注意到你可以使用文本來代替標(biāo)志,來代表導(dǎo)航欄或者工具欄中元件。例如,日歷應(yīng)用使用“ Today ”,“ Calendars ”,“ Inbox ”,來代替工具欄中的標(biāo)志。

http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/text_in_toolbar_2x.png" alt="" />

為了幫助你選擇為你的應(yīng)用使用標(biāo)志還是文本,你可以考慮一下在屏幕上可以同時(shí)顯示的標(biāo)志數(shù)目。同時(shí)在屏幕上顯示太多標(biāo)志,會(huì)令你的應(yīng)用看起來很難明白如何使用。另外,在水平排列下使用標(biāo)志可能與預(yù)期會(huì)有不同的效果,因?yàn)樗脚帕幸?guī)則的環(huán)境會(huì)在導(dǎo)航欄中為文字預(yù)留更多空間。

圖形

iOS 應(yīng)用大多是豐富圖形界面的。無論是在顯示用戶照片還是創(chuàng)建自定義圖片時(shí),你都有一些需要遵循的準(zhǔn)則。

支持Retina顯示屏。確保你為你應(yīng)用中的所有圖片和圖形提供了高分辨率的規(guī)格資源。特別是為 iPhone 6 Plus 提供 @3x 的資源 for and 為其他高分辨率的 iOS 設(shè)備提供 @2x 的資源。

顯示照片或圖片時(shí),顯示原始尺寸并不要超過 100%。如果你不想在app中看到拉伸變形的圖形的話,讓用戶來選擇他們是要放大還是縮小圖片。

不要在你的設(shè)計(jì)中使用復(fù)制 Apple 產(chǎn)品的圖片。這些標(biāo)志都是有版權(quán)的,并且圖產(chǎn)品的設(shè)計(jì)經(jīng)常在修改。

不要在你的設(shè)計(jì)中使用 Apple 標(biāo)志,圖標(biāo)或屏幕截圖。 Apple 的設(shè)計(jì)都是有版權(quán)的,除非是系統(tǒng)提供的情況,不然不要在你的 UI 中使用它們。