{"id":2061,"date":"2017-03-06T08:00:00","date_gmt":"2017-03-06T14:00:00","guid":{"rendered":"http:\/\/alliwalk.com\/blog\/?p=2061"},"modified":"2020-11-10T11:40:54","modified_gmt":"2020-11-10T17:40:54","slug":"skillshare-course-in-ios-design-visual-design","status":"publish","type":"post","link":"https:\/\/alliwalk.com\/blog\/2017\/03\/skillshare-course-in-ios-design-visual-design\/","title":{"rendered":"Skillshare Course in iOS Design: Visual Design"},"content":{"rendered":"<h1><em>Introduction<\/em><\/h1>\n<p>This is the third and final post in my series of posts about a project I completed as part of a Skillshare class on iOS design.\u00a0This part of the course was about visual design, via a mood board and final mockups.<\/p>\n<h2>Mood Board<\/h2>\n<p>The instructor showed several inspirational examples of mood boards, including her own example for the class. I will admit at this point that this was the second time I went through the course. The first time was a quick pass to understand the process. In that first run-through, I wanted to take part in the mood board part of the course. I used my experience on another project to create 3 mood boards, which I&#8217;ve shared below. I had a lot of information before starting and it was easy to make different visual styles. So I expected that this part of the project would be exciting.<\/p>\n<p>I knew going in that I was inspired by my friend&#8217;s wedding program.\u00a0But I quickly learned that, aside from that, I did not have enough information about the users or client&#8217;s goals to differentiate between one mood board and another.<\/p>\n<div id='gallery-1' class='gallery galleryid-2061 gallery-columns-2 gallery-size-medium'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<img width=\"225\" height=\"300\" src=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/IMG_6451-1-225x300.jpg\" class=\"attachment-medium size-medium\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/IMG_6451-1-225x300.jpg 225w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/IMG_6451-1-768x1024.jpg 768w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/IMG_6451-1-1200x1600.jpg 1200w\" sizes=\"(max-width: 225px) 85vw, 225px\" \/>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<img width=\"225\" height=\"300\" src=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/IMG_6452-1-225x300.jpg\" class=\"attachment-medium size-medium\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/IMG_6452-1-225x300.jpg 225w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/IMG_6452-1-768x1024.jpg 768w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/IMG_6452-1-1200x1600.jpg 1200w\" sizes=\"(max-width: 225px) 85vw, 225px\" \/>\n\t\t\t<\/div><\/figure>\n\t\t<\/div>\n\n<p>My first set of mood boards included 6 different color combinations! I felt ambiguous about each one. Here&#8217;s an early one where I used a lot of blue, and clips from library websites.<\/p>\n<figure id=\"attachment_2078\" aria-describedby=\"caption-attachment-2078\" style=\"width: 300px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/alliwalk.com\/blog\/?attachment_id=2078\"><img loading=\"lazy\" class=\"wp-image-2078 size-medium\" src=\"http:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/moodboard-03-1-300x267.png\" alt=\"Early mood board\" width=\"300\" height=\"267\" srcset=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/moodboard-03-1-300x267.png 300w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/moodboard-03-1-768x684.png 768w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/moodboard-03-1-1024x912.png 1024w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/moodboard-03-1-1200x1069.png 1200w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/moodboard-03-1.png 1301w\" sizes=\"(max-width: 300px) 85vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-2078\" class=\"wp-caption-text\">An early mood board that I did not go with!<\/figcaption><\/figure>\n<h3>Returning to Personas?<\/h3>\n<p>At this point, I thought back to the persona exercise and I decided to revisit this part of the project. I still believe that personas that are never verified with user or market data are useless for objectively informing user workflows and interactions. However, unverified &#8220;characters&#8221;\u00a0can be helpful for putting together mood boards. (Although even then it\u2019s good to have input from the client). Initially I had 2 characters in mind, but I ended up with 3:<\/p>\n<ul>\n<li>a working-professional commuter<\/li>\n<li>a retiree<\/li>\n<li>a skateboarding middle-schooler<\/li>\n<\/ul>\n<div id='gallery-2' class='gallery galleryid-2061 gallery-columns-3 gallery-size-medium'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/alliwalk.com\/blog\/2017\/03\/skillshare-course-in-ios-design-visual-design\/img_6426\/'><img width=\"300\" height=\"225\" src=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/IMG_6426-e1487970316128-300x225.jpg\" class=\"attachment-medium size-medium\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/IMG_6426-e1487970316128-300x225.jpg 300w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/IMG_6426-e1487970316128-768x576.jpg 768w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/IMG_6426-e1487970316128-1024x768.jpg 1024w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/IMG_6426-e1487970316128-1200x900.jpg 1200w\" sizes=\"(max-width: 300px) 85vw, 300px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/alliwalk.com\/blog\/2017\/03\/skillshare-course-in-ios-design-visual-design\/img_6428\/'><img width=\"300\" height=\"225\" src=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/IMG_6428-e1487970490140-300x225.jpg\" class=\"attachment-medium size-medium\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/IMG_6428-e1487970490140-300x225.jpg 300w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/IMG_6428-e1487970490140-768x576.jpg 768w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/IMG_6428-e1487970490140-1024x768.jpg 1024w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/IMG_6428-e1487970490140-1200x900.jpg 1200w\" sizes=\"(max-width: 300px) 85vw, 300px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/alliwalk.com\/blog\/2017\/03\/skillshare-course-in-ios-design-visual-design\/img_6427\/'><img width=\"300\" height=\"225\" src=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/IMG_6427-e1487970619986-300x225.jpg\" class=\"attachment-medium size-medium\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/IMG_6427-e1487970619986-300x225.jpg 300w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/IMG_6427-e1487970619986-768x576.jpg 768w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/IMG_6427-e1487970619986-1024x768.jpg 1024w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/IMG_6427-e1487970619986-1200x900.jpg 1200w\" sizes=\"(max-width: 300px) 85vw, 300px\" \/><\/a>\n\t\t\t<\/div><\/figure>\n\t\t<\/div>\n\n<p>Here are the mood boards I put together. These were completed in Illustrator:<\/p>\n<div id='gallery-3' class='gallery galleryid-2061 gallery-columns-2 gallery-size-large'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/alliwalk.com\/blog\/2017\/03\/skillshare-course-in-ios-design-visual-design\/moodboard-02\/'><img width=\"840\" height=\"682\" src=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/moodboard-02-1024x831.png\" class=\"attachment-large size-large\" alt=\"Commuter mood board uses pastels and greens to help the user escape from the drudgery of their commute.\" loading=\"lazy\" aria-describedby=\"gallery-3-2068\" srcset=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/moodboard-02-1024x831.png 1024w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/moodboard-02-300x244.png 300w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/moodboard-02-768x623.png 768w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/moodboard-02-1200x974.png 1200w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/moodboard-02.png 1301w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-3-2068'>\n\t\t\t\tThe app for this user is an escape.\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/alliwalk.com\/blog\/2017\/03\/skillshare-course-in-ios-design-visual-design\/moodboard-01\/'><img width=\"840\" height=\"597\" src=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/moodboard-01-1024x728.png\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" aria-describedby=\"gallery-3-2066\" srcset=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/moodboard-01-1024x728.png 1024w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/moodboard-01-300x213.png 300w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/moodboard-01-768x546.png 768w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/moodboard-01-1200x853.png 1200w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/moodboard-01.png 1486w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-3-2066'>\n\t\t\t\tThis mood board is meant to capture quiet reading and relaxation.\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/alliwalk.com\/blog\/2017\/03\/skillshare-course-in-ios-design-visual-design\/moodboard-03\/'><img width=\"840\" height=\"678\" src=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/moodboard-03-1024x827.png\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" aria-describedby=\"gallery-3-2067\" srcset=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/moodboard-03-1024x827.png 1024w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/moodboard-03-300x242.png 300w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/moodboard-03-768x620.png 768w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/moodboard-03-1200x969.png 1200w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/moodboard-03.png 1308w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-3-2067'>\n\t\t\t\tI thought of a kid who isn&#8217;t afraid to express their personality. Someone who wouldn&#8217;t be afraid of bold colors.\n\t\t\t\t<\/figcaption><\/figure>\n\t\t<\/div>\n\n<p>Additional mood boards: <a href=\"https:\/\/cargocollective.com\/alliwalk\/Moodboards\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/cargocollective.com\/alliwalk\/Moodboards<\/a><\/p>\n<h2>Visual Design<\/h2>\n<p>I selected the retiree character&#8217;s mood board to develop. I liked the color combinations best.\u00a0The instructor suggested using a UI kit from Teehan + Lax. (Looks like their site is down, at the moment!) I thought it was a beautiful UI kit that was ugly to use. My CS5 version of Photoshop may have been to blame, but using the UI kit was more difficult than I expected. I also looked for UI kits on other websites, like Behance and Dribbble. There are many of these types of UI kits for iOS online. For example, here&#8217;s a list called\u00a0&#8220;<a href=\"https:\/\/www.jackrabbitmobile.com\/design\/best-ios8-apple-watch-ui-gui-kits-2015-free-downloads\/\">Best IOS8 \/ Apple Watch \/ UI \/ GUI Kits 2015 \u2013 Free Downloads<\/a>&#8220;, found on jackrabbitmobile.com. Who doesn&#8217;t love free?<\/p>\n<p>Anyway, for the Teehan + Lax UI kit, getting layers from one psd to another felt almost impossible. I ended up finding my own components or cutting out elements I&#8217;d made in Illustrator for the mood board. I was able to use the phone background and shadow, thankfully. Maybe they intentionally created a difficult to use psd, to encourage designers from using it. Given that I can&#8217;t even get to the UI Kit today, that might be the case.<\/p>\n<p>For the work, I used layer comps to create the different states of the app I was recreating. It was helpful when exporting. I could probably use tips on proper layer naming conventions.<\/p>\n<p>Here are the results:<\/p>\n<div id='gallery-4' class='gallery galleryid-2061 gallery-columns-3 gallery-size-large'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/alliwalk.com\/blog\/2017\/03\/skillshare-course-in-ios-design-visual-design\/axix-360_0000_titles\/'><img width=\"442\" height=\"1024\" src=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/Axix-360_0000_Titles-442x1024.png\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/Axix-360_0000_Titles-442x1024.png 442w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/Axix-360_0000_Titles-129x300.png 129w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/Axix-360_0000_Titles-768x1780.png 768w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/Axix-360_0000_Titles.png 863w\" sizes=\"(max-width: 442px) 85vw, 442px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/alliwalk.com\/blog\/2017\/03\/skillshare-course-in-ios-design-visual-design\/axix-360_0001_book-detail_-summary\/'><img width=\"442\" height=\"1024\" src=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/Axix-360_0001_Book-Detail_-Summary-442x1024.png\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/Axix-360_0001_Book-Detail_-Summary-442x1024.png 442w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/Axix-360_0001_Book-Detail_-Summary-129x300.png 129w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/Axix-360_0001_Book-Detail_-Summary-768x1780.png 768w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/Axix-360_0001_Book-Detail_-Summary.png 863w\" sizes=\"(max-width: 442px) 85vw, 442px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/alliwalk.com\/blog\/2017\/03\/skillshare-course-in-ios-design-visual-design\/axix-360_0002_book-detail_info\/'><img width=\"442\" height=\"1024\" src=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/Axix-360_0002_Book-Detail_Info-442x1024.png\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/Axix-360_0002_Book-Detail_Info-442x1024.png 442w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/Axix-360_0002_Book-Detail_Info-129x300.png 129w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/Axix-360_0002_Book-Detail_Info-768x1780.png 768w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/Axix-360_0002_Book-Detail_Info.png 863w\" sizes=\"(max-width: 442px) 85vw, 442px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/alliwalk.com\/blog\/2017\/03\/skillshare-course-in-ios-design-visual-design\/axix-360_0003_book-detail_recommended\/'><img width=\"442\" height=\"1024\" src=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/Axix-360_0003_book-detail_recommended-442x1024.png\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/Axix-360_0003_book-detail_recommended-442x1024.png 442w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/Axix-360_0003_book-detail_recommended-129x300.png 129w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/Axix-360_0003_book-detail_recommended-768x1780.png 768w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/Axix-360_0003_book-detail_recommended.png 863w\" sizes=\"(max-width: 442px) 85vw, 442px\" \/><\/a>\n\t\t\t<\/div><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/alliwalk.com\/blog\/2017\/03\/skillshare-course-in-ios-design-visual-design\/axix-360_0004_playback\/'><img width=\"442\" height=\"1024\" src=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/Axix-360_0004_Playback-442x1024.png\" class=\"attachment-large size-large\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/Axix-360_0004_Playback-442x1024.png 442w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/Axix-360_0004_Playback-129x300.png 129w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/Axix-360_0004_Playback-768x1780.png 768w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/Axix-360_0004_Playback.png 863w\" sizes=\"(max-width: 442px) 85vw, 442px\" \/><\/a>\n\t\t\t<\/div><\/figure>\n\t\t<\/div>\n\n<p>Remember what it looked like before?<\/p>\n<figure id=\"attachment_2013\" aria-describedby=\"caption-attachment-2013\" style=\"width: 169px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" class=\"size-medium wp-image-2013\" src=\"http:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/BookScreen-169x300.png\" alt=\"Book detail\" width=\"169\" height=\"300\" srcset=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/BookScreen-169x300.png 169w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/BookScreen-576x1024.png 576w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/BookScreen.png 750w\" sizes=\"(max-width: 169px) 85vw, 169px\" \/><figcaption id=\"caption-attachment-2013\" class=\"wp-caption-text\">Book detail<\/figcaption><\/figure>\n<hr \/>\n<h2>Final thoughts<\/h2>\n<p>The last part of the course was a prototyping section. I decided not to\u00a0participate. Maybe I will take part in the prototype portion of the course, when I create more screens.<\/p>\n<h5>Outcome of the app<\/h5>\n<p>I like the final outcome of the app. I\u2019m sure I\u2019d get lots of good feedback from team members on small details here and there, if I had been working with others. With a team, it&#8217;s possible would have taken on more work, too. I wanted to get this done in about 1 week so I kept it simple.<\/p>\n<h5>Using Photoshop<\/h5>\n<p>Ha, well&#8230;I didn\u2019t like working with Photoshop. That might be due to my working with CS5, but I almost quit and started using Illustrator. I can see now why Sketch has taken off so much. Photoshop is great for image editing, but it seems pretty clunky for visual design. But, I understand why it&#8217;s still used &#8211; on a team, it&#8217;s helpful to get consensus. I like putting my little web projects together straight from Sublime Text, but on those projects I&#8217;m the only critic.<\/p>\n<p>Anyway, it was a fun project. I recommend the course and doing a fun, independent project like this to anyone looking for a creative outlet.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction This is the third and final post in my series of posts about a project I completed as part of a Skillshare class on iOS design.\u00a0This part of the course was about visual design, via a mood board and final mockups. Mood Board The instructor showed several inspirational examples of mood boards, including her &hellip; <a href=\"https:\/\/alliwalk.com\/blog\/2017\/03\/skillshare-course-in-ios-design-visual-design\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Skillshare Course in iOS Design: Visual Design&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[4,1,343,373,3],"tags":[390,391,402,401,400],"_links":{"self":[{"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/posts\/2061"}],"collection":[{"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/comments?post=2061"}],"version-history":[{"count":17,"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/posts\/2061\/revisions"}],"predecessor-version":[{"id":4256,"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/posts\/2061\/revisions\/4256"}],"wp:attachment":[{"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/media?parent=2061"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/categories?post=2061"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/tags?post=2061"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}