HACKINTOSH.ORG | Macintosh discussion forums

Apple Watch Human Interface Guidelines updated, new resources added!

<div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p class="intro">Apple has re-launched the company's Human Interface Guidelines (HIG) for Apple Watch.</p> <p>The new HIG (https://developer.apple.com/watch/human-interface-guidelines/), part of the Apple Watch (http://www.imore.com/apple-watch) developer center, is now even easer to navigate. Sections are broken down into 5 major categories, each containing guidelines and suggestions for how to utilize different aspects of the watch during app development. The UI Elements section, for example, breaks down a ton of different guidelines and suggestions for ways to incorporate everything from images and labels, to switches and sliders in your app. Along the way, there are ample example photos to get you started. <!--break--></p> <p><a href='http://www.imore.com/apple-relaunches-apple-watch-human-interface-guidelines-page-new-resources' title="Apple Watch Human Interface Guidelines updated, new resources added!"><img src='(http://www.imore.com/sites/imore.com/files/styles/large/public/field/image/2015/05/apple-watch-HIG-screenshot.png)?itok=Q3WlL-0E' />[/url]</p> <p>Also included in the relaunch are some new resources for developers to take advantage of. In the resources section, Apple provides a number of Photoshop and Sketch templates, along with a download of the San Francisco font to help you get started with designing your app.</p> <p>If you're a developer looking for some extra resources for building your Apple Watch app, you can hit up the source link below to check out Apple's Human Interface Guidelines.</p> <p>Source: Apple (https://developer.apple.com/watch/human-interface-guidelines/)</p> <div class="devicebox"> <h3>Apple Watch (http://www.imore.com/apple-watch)</h3> <div class="video"><div class="video_iframe"><iframe src="http://www.youtube.com/embed/oSWq43X9S_M?rel=0&amp;autoplay=0&amp;wmode=opaque&amp;controls=2&amp;autohide=1&amp;showinfo=0" width="627" height="353" class="video-filter video-youtube vf-oswq43x9sm" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div></div> <!--/video--> <ul><li>Apple Watch help (http://www.imore.com/apple-watch-help)</li> <li>Apple Watch apps (http://www.imore.com/all-apple-watch-apps)</li> <li>Apple Watch buyers guide (http://www.imore.com/apple-watch-buyers-guide)</li> <li>Apple Watch FAQ (http://www.imore.com/everything-you-need-know-about-apple-watch)</li> <li>Apple Watch news hub (http://www.imore.com/apple-watch)</li> <li>Apple Watch discussion (http://forums.imore.com/apple-watch/)</li> </ul></div> <div> <style> <!--/*--><![CDATA[/* ><!--*/ <!--/*--><![CDATA[/* ><!--*/ <!--/*--><![CDATA[/* ><!--*/ .devicebox { background-color: #5CB8DB; border: 1px solid #E2E9EB; float: right; display: block; margin: 0 0px 10px 10px; max-width: 350px; overflow: hidden; width: 50%; } .devicebox h3 { background: #8D98BD; font-family: "camptonmedium",sans-serif; font-size: 20px; margin-bottom: 0; margin-top: 0; padding: 0; text-align: center; } .devicebox h3 a { display: block; line-height: 30px; padding: 0 10px; } .devicebox h3 a:hover { background: #7e88aa; text-decoration: none; } .devicebox .video { margin: auto; } .devicebox p, .entry-content .devicebox p > img, .devicebox img { margin: 0px; max-width: 100%; padding: 0px; } div .devicebox *, div .devicebox li, div .devicebox a:active, div .devicebox a:hover, div .devicebox a:link, div .devicebox a:visited { color: #fff; } .devicebox a:hover { text-decoration: underline; } .devicebox p, .devicebox ul li, .devicebox ol li { font-size: 16px; padding: initial; } .devicebox ul { margin: 0; padding: 0.5em 1em 1em 30px; } .devicebox ul li { display: list-item; line-height: 24px; list-style: disc outside none; } .devicebox ul li:before { display: none; } .devicebox p ~ p { padding: 0px 15px 15px; line-height: 1.25; } .devicebox p:first-of-type + p { padding: 15px; } div *:last-of-type + .devicebox, div *:last-of-type + div ~ .devicebox { float: none; margin: 0 auto 30px; max-width: 700px; min-height: 225px; position: relative; width: 100%; } div *:last-of-type + .devicebox .video, div *:last-of-type + div ~ .devicebox .video { bottom: 0px; left: 50%; position: absolute; right: 0px; top: 30px; } div *:last-of-type + .devicebox .video_iframe, div *:last-of-type + div ~ .devicebox .video_iframe { height: 100%; padding: 0px; } div *:last-of-type + .devicebox h3 + p, div *:last-of-type + div ~ .devicebox h3 + p { bottom: 0; left: 50%; overflow: hidden; position: absolute; right: 0; top: 30px; width: 50% } div *:last-of-type + .devicebox h3 + p img, div *:last-of-type + div ~ .devicebox h3 + p img { float: right; height: 100%; width: auto; } div *:last-of-type + .devicebox ul, div *:last-of-type + div ~ .devicebox ul, div *:last-of-type + .devicebox p, div *:last-of-type + div ~ .devicebox p { width: 43%; } @media all and (max-width: 500px) { .devicebox { float: none; margin: 0 0 30px; max-width: 100%; width: 100%; } div *:last-of-type + .devicebox .video, div *:last-of-type + div ~ .devicebox .video { left: 0; position: relative; top: 0; } div *:last-of-type + .devicebox .video_iframe, div *:last-of-type + div ~ .devicebox .video_iframe { padding-bottom: 56.25%; } div *:last-of-type + .devicebox h3 + p, div *:last-of-type + div ~ .devicebox h3 + p { left: 0; position: relative; top: 0; } div *:last-of-type + .devicebox ul, div *:last-of-type + div ~ .devicebox ul { width: auto; } } /*--><!]]]]]]><![CDATA[><![CDATA[>*/ /*--><!]]]]><![CDATA[>*/ /*--><!]]>*/ </style></div> </div></div></div><img width='1' height='1' src='(http://tipb.com.feedsportal.com/c/33998/f/616881/s/4600026d/sc/28/mf.gif)' border='0'/><br clear='all'/>

<a href="http://da.feedsportal.com/r/225507594418/u/49/f/616881/c/33998/s/4600026d/sc/28/rc/1/rc.htm" rel="nofollow"><img src="http://da.feedsportal.com/r/225507594418/u/49/f/616881/c/33998/s/4600026d/sc/28/rc/1/rc.img" border="0"/>[/url]
<a href="http://da.feedsportal.com/r/225507594418/u/49/f/616881/c/33998/s/4600026d/sc/28/rc/2/rc.htm" rel="nofollow"><img src="http://da.feedsportal.com/r/225507594418/u/49/f/616881/c/33998/s/4600026d/sc/28/rc/2/rc.img" border="0"/>[/url]
<a href="http://da.feedsportal.com/r/225507594418/u/49/f/616881/c/33998/s/4600026d/sc/28/rc/3/rc.htm" rel="nofollow"><img src="http://da.feedsportal.com/r/225507594418/u/49/f/616881/c/33998/s/4600026d/sc/28/rc/3/rc.img" border="0"/>[/url]

<img src="http://da.feedsportal.com/r/225507594418/u/49/f/616881/c/33998/s/4600026d/sc/28/a2.img" border="0"/> (http://da.feedsportal.com/r/225507594418/u/49/f/616881/c/33998/s/4600026d/sc/28/a2.htm)<img width="1" height="1" src="http://pi.feedsportal.com/r/225507594418/u/49/f/616881/c/33998/s/4600026d/sc/28/a2t.img" border="0"/><img src="http://feeds.feedburner.com/~r/TheIphoneBlog/~4/eWIpyCcr3Kc" height="1" width="1" alt=""/>

Source: Apple Watch Human Interface Guidelines updated, new resources added! (http://feedproxy.google.com/~r/TheIphoneBlog/~3/eWIpyCcr3Kc/story01.htm)