large_Crossover Series NFTs.png

medium_Crossover Series NFTs.png

small_Crossover Series NFTs.png

thumbnail_Crossover Series NFTs.png

From Photography to NFT Art: Twisted Digital Landscapes with Nate Hill

From Design System to ‘NFT Design System’: Creating TinyFaces

Neurodiversity and Inclusion: Choosing Kinder Design

medium_652ccf22c8853584bde5553986a4eed0.png

small_652ccf22c8853584bde5553986a4eed0.png

thumbnail_652ccf22c8853584bde5553986a4eed0.png

Web5 is here. Goodbye Web3? TBD.

<p><a href="https://uxdesign.cc/designers-can-code-for-ios-the-language-tools-516f14e7a0b7?source=rss----138adf9c44c---4">uxdesign.cc &ndash; User Experience Design &mdash; Medium</a> | Azhar <img alt="" src="https://cdn-images-1.medium.com/max/800/1*yLsLoK9kDv57Q1R8cTg0CA.png"><a href="https://dribbble.com/SebastienNvzt">source</a></p>
<p>It helps a designer to be able to speak code with a developer in the production process. While we have more robust tools that allow a creator to be abstracted away from coding through drag and drop interfaces, a designer eventually reaches a point where he/she picks power and flexibility over convenience and abstraction. With the advent of python and other ‘pythonic’ languages like Swift, coding has become much simpler and more standardized. In most cases, a designer who can code will have greater value to a production flow than one who can not.</p>
<p>Consider the ARKit as an example, as a designer there is no drag and drop way for you to design an end to end AR experience. You will need to code enough to be able to import your 3D assets into Xcode and set it up so that you can test it on a real device.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/800/1*pcWnZPzjfT6cQbt6rZS0JQ.gif"></p>
<p>Animations are highly desirable for any product that wants to grab attention. While it’s quicker to learn a drag and drop animation prototyping tool, it is a better idea to learn to prototype animations in code. This way the time that you spend prototyping animations helps production since you don’t need a developer to implement your animation from scratch.</p>
<h3>Xcode</h3>
<p>Xcode is the IDE (Integrated Development Environment) that you would use to write native code for iOS and other Apple platforms. With the newest version 9, Xcode now has features like <a href="https://developer.apple.com/videos/play/wwdc2017/245/">Dynamic Type</a>, <a href="https://developer.apple.com/videos/play/fall2017/801/">Safe Area</a> guides, and a much smoother experience when previewing your build on a simulator or a real Apple iPhone device.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*cbjlg_FFDyChrYn3BPHNhg.png"></p>
<h3>That Implementation Feel</h3>
<p>There really is no feeling like seeing your designs spring to life. Learning and trying to implement your own designs can be rewarding as well as very informative. Knowing how to implement your designs in code, to whatever extent, can also let you know what are the technical limitations you are working with. This will prevent you from spending copious amounts of time designing something that can not be implemented into the final product.</p>
<h3>Storyboard &amp; Prototyping</h3>
<p>Xcode also lends itself well to the implementation of simple interactions. These can be used to set up hot-spots on the designs you import into Xcode, which then enable you to have a facade of an app that is interactive. This prototyping can be done in Storyboard, which is a great visual interface building tool for designers and developers alike. It is very visual and similar to the way most designers work using applications like Sketch.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/813/1*c2vudhInqL85cXIRHzDSMA.png"></p>
<h3>Design Once For All Screen Sizes</h3>
<p>Auto Layouts and Stack views are a blessing for designers and devs, these features allow you to set constraints on your UI objects in a way that they adapt to the screen size of the device. This ensures that you design and set constraints once and these features do the work based on the device screen size.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*61VTCKVCYelW4McZjqNTvA.gif"></p>
<h3>iPhone X</h3>
<p>The Safe Area layout guides is a new feature that lets a designer know what areas to avoid for the UI objects. The notch and rounded corners are the areas that your UI elements should avoid to make sure they are not cropped out.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*lckT20Z7k6ehI7YLunhg7A.gif"><a href="http://sweettutos.com/2015/04/13/how-to-make-a-horizontal-paging-uiscrollview-with-auto-layout-in-storyboards-swift/">source</a></p>
<h3><a href="https://www.apple.com/swift/playgrounds/">Swift Playgrounds</a></h3>
<p>Apple has provided a way for us to get started coding without needing to worry about project setup and file structure. You can practice here to experiment with the creation of UI elements through code and to prototype animations. Playgrounds does not allow for testing on a real device but the code that you write here can easily be transferred to a live project. This is where you want to get your hands dirty learning things like classes, functions etc.</p>
<p><img alt="" src="https://cdn-images-1.medium.com/max/964/1*MKJH3fHlyfGsfBtZ7GJfkQ.png"></p>
<p><em>Next: </em><a href="https://uxdesign.cc/designing-for-the-iphone-x-part-1-6cbc7f30734d"><em>Design For The iPhone X Like A Boss</em></a></p>
<p><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fupscri.be%2F50d69a%3Fas_embed%3Dtrue&amp;dntp=1&amp;url=https%3A%2F%2Fupscri.be%2F50d69a%2F&#038;image=https%3A%2F%2Fe.enpose.co%2F%3Fkey%3DdRXnS9Gplk%26w%3D700%26h%3D425%26url%3Dhttps%253A%252F%252Fupscri.be%252F50d69a%252F%253Fenpose&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=upscri" width="800" height="400" frameborder="0"><a href="https://medium.com/media/05d5fd32eda31cbd1b83287606744532/href">https://medium.com/media/05d5fd32eda31cbd1b83287606744532/href</a></iframe><img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=516f14e7a0b7" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou"></p>
<hr>
<p><a href="https://uxdesign.cc/designers-can-code-for-ios-the-language-tools-516f14e7a0b7">How to code for iOS as a designer: The why and the tools</a> was originally published in <a href="https://uxdesign.cc">UX Collective</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>


How to code for iOS as a designer: The why and the tools

How to code for iOS as a designer: The why and the tools

Top Stories