Menu

The School of Web Design & New Media prepares students for cutting-edge careers in experiential design and digital media. We teach an integrated approach to New Media that is based on four key fundamentals: Design Thinking, Visual Communication, Technology, and User Experience. Web Design & New Media graduates are strategic thinkers, producers, and creative technologists poised to lead innovation on a global level.

    Ask Andie!

    Your questions, answered! Submit your questions at tinyurl.com/askandie

    Questions answered in this video:
    - What is the UX Club? How does it work?
    - I'm interested in app development and software engineering. Are programs like Hack Reactor a good idea?

    More videos at vimeo.com/askandie

     


    Mobile Makers Academy Internships

    San Francisco’s Mobile Makers Academy is offering a short internship opportunity for new media and web design graduate students as part of their 8 week iOS Developers Bootcamp.

    They need 3 graduate students who can provide graphic/web/UX UI design guidance, input, and feedback to their student iOS App Development teams. It would require only 3 - 6 hours per week during the weeks of Nov 24, Dec 1, and Dec 8.

    Non-paid, but you have the chance to get credit as a designer / developer for everything submitted to the Apple Apps Store.

    Email resume and portfolio link to Joe Pulichino: joe@mobilemakers.co


    Rethinking Flash.

    file

    Interest in Adobe Flash has seen a steep decline in recent years, but when used for the right purpose it can be a very effective design tool for creating projects with rich animation, sound, and user interaction.

    Of course, Flash is not a good option for building responsive websites. The .SWF export format is not the industry standard for commercial content published on the web today. Also, Flash content doesn't index well for search engines, and Steve Jobs’ famous refusal to support the .SWF format on it's iOS platform, made Flash unavailable to millions of iPhone/iPad users, and unpopular with the Digerati.

    So what DOES Flash have to offer?

    One clear benefit is it’s single interface for design. Flash has all the tools for drawing, animation, and interactivity integrated into one environment. You can open up the application and build a fully interactive experience in one tool. This makes for a simple workflow.

    The Flash drawing tools are proven over time to work well, and there are lots of supporting books, tutorials, and sample files (with code snippets) that serve as handy resources. Actionscript (the programming language for flash) is similar to Javascript, so Learning it helps you with other coding.

    When you create interactive projects with Web Standards (HTML, CSS and JavaScript), you're pulling together a wide range open-source tools and languages. With Web Standards you have to go back and forth between editing tools and environments, so the workflow is more complicated. And documentation can be spotty -- you are often working with JS libraries that are only months (or days) old.

    Don’t get me wrong, using Web Standards is the best way to build up-to-date commercial websites, and they are the foundation of our WNM program. I’m just saying that Flash can be a viable alternative in some situations.

    For example, Flash has proven to be a useful platform for some of our WNM Graduate students whose projects are story/illustration based, or which rely heavily on interactive sound and video.

    file

    Check out this timeless Flash project by WNM Graduate Alum Peter Infelise (MFA, 2011) called “Route 66” -- view the project here: “http://www.il66roadtrip.com/main.html”. Go to the main page and click on the “1950s” map icon to see some classic 20th Century road-side Americana. Peter’s Flash project is an example of an interactive experience that delivers plenty of animation, sound, and user feedback. There is also some basic game logic built in for leveling.

    Another knock against Flash is (the perception) that you can’t make up-to-date projects with it. That's only partly true.

    It's true that the standard .SWF file won't show up in the mobile Safari browser on it’s own, but contrary to common criticism, you CAN export a Web standards site (HTML/CSS/JavaScript) from Flash project. This has been the case for many versions of Adobe FLash. Check out this help page from Adobe on this subject: Creating and publishing an HTML5 Canvas document (http://helpx.adobe.com/flash/using/creating-publishing-html5-canvas-document.html). Incidentally, all Android devices can view Flash .SWF files in their mobile browsers (and have been able to do since the introduction of the Andriod mobile OS).

    For mobile apps, there are export settings that allow you to package and export a native application from Flash for both iOS and Android. Here is another Adobe help page: Packaging applications for AIR for iOS (http://helpx.adobe.com/flash/using/packaging-applications-air-ios.html).

    Here are some things you can do with Flash:

    1. Generative art: Flash was the original tool for this. It's hard to compete with it in this arena. You can draw elements by hand and with code. It can generate art with pixels and vectors. You can also output the final results to PDF.
    2. Prototyping: Mocking up mobile and software interactions.
    3. Interactive video: While HTML5 has made great strides with video, Flash does it better. You can layer vector and bitmap animation on top of video and control the playback of video through interaction.
    4. Native Device Functions: Flash has camera and microphone integration. Think about adding that to your interactive projecs.

    Remember: what you do as a designer (and artist) is often more important than the specific tool you use. Think about that for a moment… As a creative person in the industry you will be tasked with makig projects in collaboration with groups of people. It will be your job to make something beautiful and functional using the best tool for any given project. And in some cases that tool can be Adobe Flash.

    It’s easy to get caught up in the mantra of "industry standards". But you shouldn’t let a single point of view get in the away of your design.

    Plenty of brilliant people are working with (arguably) outdated tools to create amazing experiences. Take a look at what Facebook developers have done with Quartz Composer (https://facebook.github.io/origami/). They have leveraged this aging technology into a new tool called Origami that helps Facebook designers create rich animated experiemces for the iPhone (http://scotthurff.com/qc/). The extension of Quartz Composer into a new prototyping tool is an example of designers taking something old and making it new and inspiring.



    Mitch Hudson, WNM Tech Lead, Contributing Writer


    Google on Campus!

    file

    Final Review Online Chat

    Slide Deck - Final Review Online Chat

    Just in case you missed it, click here to listen to the recording from the Final Review Online Chat!


    WNM In the News!

    file

    Hello Students,

    Please pick up the Sept. 24 Edition of the Academy of Art University Newspaper. The School of Web Design & New Media has an article on the PayPal Studio Tour and a feature on Online Instructor Matthew David’s new book “Designing Apps for Success”.

    Thanks,
    School of Web Design & New Media