GAO YUAN We are here for:  We know iPhone from iOS Human Interface Guidelines  The guidelines and principles that help you.

Slides:



Advertisements
Similar presentations
MS® PowerPoint.
Advertisements

KompoZer. This is what KompoZer will look like with a blank document open. As you can see, there are a lot of icons for beginning users. But don't be.
Understand the Macromedia Flash environment Open a document and play a movie Create and save a movie Work with layers and the timeline Plan a Web site.
Word Processing Word Processing
COE201 – Computer Proficiency Mr. Hamze Msheik
Creating a Poster It is easier than you think! 1.
Word Processing Microsoft Office: Exploring Word 2011 for MAC.
Copyright 1999 all rights reserved Screen-Based Controls n Primarily ready-made objects –Standard look and feel across applications –Available in APIs.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
Designing a Classroom Web Site Using NVU Beginning Level.
Overall Design Standards
Microsoft Office 2003 Illustrated Introductory with Programs, Files, and Folders Working.
Microsoft Wang Li, Wang Yini, Li YIcheng.  This is a presentation about Microsoft Windows7 guidelines  Wang Li K8wali00  Li Yicheng K8liyi00  Wang.
Key Applications Module Lesson 19 — PowerPoint Essentials
Apple Iphone Woubshet Nema Bethelhem Tadele.  This is a presentation about AppleIphoneguidelines  Woubshet Nema  Bethelhem.
Chapter 2 Developing a Web Page. Chapter 2 Lessons Introduction 1.Create head content and set page properties 2.Create, import, and format text 3.Add.
Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: –The head content –The body Creating Head Content and Setting Page Properties.
IE 411/511: Visual Programming for Industrial Applications
Website Development with Dreamweaver
Choose a category. You will be given the answer. You must give the correct question. Click to begin.
Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ® Copyright 2012 Adobe.
IC 3 BASICS, Internet and Computing Core Certification Key Applications Lesson 10 Creating and Formatting an Excel Worksheet.
Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.
Learningcomputer.com Introduction to Microsoft Word 2007 New Look and Feel.
Productivity Programs Common Features and Commands.
Key Applications Module Lesson 21 — Access Essentials
T U T O R I A L  2009 Pearson Education, Inc. All rights reserved. 1 3 Welcome Application Introduction to Visual Programming.
Chapter 1 Creating a Dreamweaver Web Page and Local Site
Introduction to Web Page Design. General Design Tips.
Lesson: 2 Common Features and Commands After completing this lesson, you will be able to: Identify the main components of the user interface. Identify.
Using Command Options IBA Mrs. Brown. Bell Ringer What is does it mean to Cascade windows What does it mean to tile windows SAVE YOUR RESPONSE FOR LATER.
Basic iPod Operation. Welcome to iPod Touch Instead of a resistive touch screen that requires a stylus, the iPod touch has a capacitive touch screen*.
Microsoft Office 2008 for Mac – Illustrated Unit D: Getting Started with Safari.
MICROSOFT WORD PRESENTATION. Word Processing  Software that is designed for the entry, editing, and printing of documents.  Windows Version = Microsoft.
IE 411/511: Visual Programming for Industrial Applications Lecture Notes #2 Introduction to the Visual Basic Express 2010 Integrated Development Environment.
Word Processing vocabulary (a day) & (b day) Put the vocabulary words in your notebook.  Alignment - The way multiple lines of text line.
Jeopardy Word Processing Formatting MarginsMargin 2 Spacing
Mobile Application Development with MeeGo™ - Touch Apps & UI Design
Overall Design Standards
Computers: Tools for an Information Age
Place Title / Heading Here
Place Title / Heading Here
Computers: Tools for an Information Age
Overall Design Standards
Place Title / Heading Here
Layout - you need to understand that a simple navigation bar:
Place Title / Heading Here
Place Title / Heading Here
Place Title / Heading Here
Place Title / Heading Here
Overall Design Standards
Place Title / Heading Here
Place Title / Heading Here
Objectives At the end of this session, students will be able to:
Place Title / Heading Here
The Power Of PowerPoint.
Place Title / Heading Here
Overall Design Standards
Place Title / Heading Here
Overall Design Standards
Choose the Proper Screen-Based Controls Lecture-10
Place Title / Heading Here
Place Title / Heading Here
Place Title / Heading Here
Welcome To Microsoft Word 2016
Place Title / Heading Here
Overall design standards
Place Title / Heading Here
Overall design standards
Presentation transcript:

GAO YUAN

We are here for:  We know iPhone from iOS Human Interface Guidelines  The guidelines and principles that help you design a superlative user interface and user experience for your iOS app.

 A navigation bar enables navigation through an information hierarchy and, optionally, management of screen contents.  Navigation’s features: changing the device orientation from portrait to landscape can change the height of the navigation always displays across the full width of the screen

 How to support optimal navigational experience Make sure it’s easy to read the text in the navigation bar. Use a toolbar instead of a navigation bar Consider putting a segmented control in a navigation bar at the top level of an application Avoid crowding a navigation bar with additional controls, even if there appears to be enough space Specify the colour or translucency of a navigation bar, when appropriate

 With Fonts and colours application, you could browse and sample text using different fonts that available in your iPhone with variable sizes. In addition, you could make up your own color tone with different RGB and alpha and mix and match color tone to create your own color palette, in addition some pre-define color tones has been made available as well.  Features: List and text-sample fonts Create your own color sample using RGB Create your own color palette Shows your color palette with their RGB

 If your app supports custom tasks users need to perform frequently, you need to create custom icons that represent these tasks in your toolbar or navigation bar.

 How could be sufficient icons: Simple and streamlined Not easily mistaken for one of the system- provide icons. Readily understood and widely acceptable

 Users can reveal an edit menu to perform operations such as Cut, Paste, and Select in a text view, web view, or image view.  For example, you can: ■ Specify which of the standard menu commands are appropriate for the current context ■ Determine the position of the menu before it appears, so that you can prevent important parts of your app’s UI from being obscured ■ Define the object that is selected by default when users double-tap to reveal the menu