苹果公司发布的IOS7人机界面设计指导文档

iOSHumanInterfaceGuidelinesContentsUIDesignBasics8DesigningforiOS79DefertoContent10ProvideClarity12UseDepthtoCommunicate16iOSAppAnatomy22StartingandStopping25StartInstantly25AlwaysBePreparedtoStop27Layout30Navigation33ModalContexts36InteractivityandFeedback38UsersKnowtheStandardGestures38InteractiveElementsInviteTouch40FeedbackAidsUnderstanding46InputtingInformationShouldBeEasy47Animation48Branding49ColorandTypography51ColorEnhancesCommunication51TextShouldAlwaysBeLegible52IconsandGraphics55TheAppIcon552014-02-11|Copyright©2014AppleInc.AllRightsReserved.2BarIcons55Graphics56TerminologyandWording57IntegratingwithiOS59UseStandardUIElementsCorrectly59RespondtoChangesinDeviceOrientation60DownplayFileandDocumentHandling62BeConfigurableIfNecessary63TakeAdvantageofiOSTechnologies64DesignStrategies65DesignPrinciples66AestheticIntegrity66Consistency67DirectManipulation68Feedback69Metaphors69UserControl70FromConcepttoProduct71DefineYourApp711.ListAlltheFeaturesYouThinkUsersMightLike712.DetermineWhoYourUsersAre723.FiltertheFeatureListThroughtheAudienceDefinition724.Don’tStopThere72TailorCustomizationtotheTask73Prototype&Iterate75CaseStudy:FromDesktoptoiOS77KeynoteoniPad77MailoniPhone80WebContentiniOS81RunningoniPhone583iOSTechnologies902014-02-11|Copyright©2014AppleInc.AllRightsReserved.3ContentsPassbook91Multitasking94Routing96SocialMedia99iCloud101In-AppPurchase104GameCenter106NotificationCenter108iAdRichMediaAds113AirPrint117LocationServices119QuickLook121Sound123UnderstandUserExpectations123DefinetheAudioBehaviorofYourApp124ManageAudioInterruptions129HandleMediaRemoteControlEvents,ifAppropriate131VoiceOver132EditMenu133UndoandRedo136KeyboardsandInputViews138UIElements139Bars1402014-02-11|Copyright©2014AppleInc.AllRightsReserved.4ContentsTheStatusBar140NavigationBar141Toolbar144ToolbarandNavigationBarButtons145TabBar147TabBarIcons149SearchBar150ScopeBar152ContentViews153Activity153ActivityViewController155CollectionView157ContainerViewController158ImageView159MapView160PageViewController161Popover(iPadOnly)163ScrollView166SplitViewController(iPadOnly)168TableView170TextView176WebView177Controls179ActivityIndicator179ContactAddButton180DatePicker180DetailDisclosureButton181InfoButton182Label182NetworkActivityIndicator183PageControl183Picker184ProgressView185RefreshControl186RoundedRectangleButton187SegmentedControl187Slider188Stepper1882014-02-11|Copyright©2014AppleInc.AllRightsReserved.5ContentsSwitch189SystemButton190TextField191TemporaryViews193Alert193ActionSheet196ModalView199IconandImageDesign202IconandImageSizes203AppIcon205DocumentIcons208SpotlightandSettingsIcons208LaunchImages211BarButtonIcons214NewsstandIcons217WebClipIcons220CreatingResizableImages221DocumentRevisionHistory2222014-02-11|Copyright©2014AppleInc.AllRightsReserved.6ContentsTablesSound123Table30-1Audiosessioncategoriesandtheirassociatedbehaviors126Bars140Table35-1Standardbuttonsavailablefortoolbarsandnavigationbars146Table35-2Standardiconsforuseinthetabsofatabbar149IconandImageSizes203Table39-1Size(inpixels)ofcustomiconsandimages203NewsstandIcons217Table43-1Maximumscaledsizesforper-issueicons2192014-02-11|Copyright©2014AppleInc.AllRightsReserved.7●“DesigningforiOS7”(page9)●“iOSAppAnatomy”(page22)●“StartingandStopping”(page25)●“Layout”(page30)●“Navigation”(page33)●“ModalContexts”(page36)●“InteractivityandFeedback”(page38)●“Animation”(page48)●“Branding”(page49)●“ColorandTypography”(page51)●“IconsandGraphics”(page55)●“TerminologyandWording”(page57)●“IntegratingwithiOS”(page59)2014-02-11|Copyright©2014AppleInc.AllRightsReserved.8UIDesignBasicsiOS7embodiesthefollowingthemes:●Deference.TheUIhelpsusersunderstandandinteractwiththecontent,butnevercompeteswithit.●Clarity.Textislegibleateverysize,iconsarepreciseandlucid,adornmentsaresubtleandappropriate,andasharpenedfocusonfunctionalitymotivatesthedesign.●Depth.Visuallayersandrealisticmotionimpartvitalityandheightenusers’delightandunderstanding.WeatheriniOS6WeatheriniOS7Whetheryou’reredesigninganexistingapporcreatinganewone,considerapproachingthejobinthewaythatAppleapproachedtheredesignofthebuilt-inapps:●First,stripawaytheUItoexposetheapp’scorefunctionalityandreaffirmitsrelevance.●Next,usethethemesofiOS7toinformthedesignoftheUIandtheuserexperience.Restoredetailsandembellishmentswithcareandnevergratuitously.2014-02-11|Copyright©2014AppleInc.AllRightsReserved.9DesigningforiOS7●Throughout,bepreparedtodefyprecedent,questionassumptions,andletafocusoncontentandfunctionalitymotivateeverydesigndecision.DefertoContentAlthoughcrisp,beautifulUIandfluidmotionarehighlightsoftheiOS7experience,theuser’scontentisatitsheart.Herearesomewaystomakesurethatyourdesignselevatefunctionalityanddefertotheuser’scontent.Takeadvantageofthewholescreen.Reconsidertheuseofinsetsandvisualframesand—instead—letthecontentextendtotheedgesofthescreen.Weatherisagreatexampleofthisapproach:Thebeautiful,full-screendepictionofalocation’scurrentweatherinstantlyconveysthemostimportantinformation,withroomtospareforhourlydata.DesigningforiOS7DefertoC