First Look at Adobe Experience Design CC

I have seen and heard the sound of unwelcome on the first preview of Adobe Experience Design CC.

create-icons-adobe-xd

Like InDesign or Illustration, in my experience this a combination of both software. The Adobe Experience Design, where you create your mock-ups for mobile and Web platforms using basic graphics and text tools, and Prototype, where you assign the flows from screen to screen. This software suppose to be a new all-in-one tool that lets you design and prototype websites and mobile apps.

Of course it has limited features such as reporting grids, automatic masking and cool features of Illustrations. This software is perfectly functional and great beginner tools. Lets wait and see on the final release on end of this year.

Learnable Design and Programming

As the web continues changing and evolving for time to time, the divisions between design is now more specific, the birth and increasing demand for specialized discipline makes the both designer and developer broaden their discipline.

During the days that I’ve looking for a job, I notice that applied on more specialized disciplines, but in reality they are looking for someone whom can understand and can do both disciplines. Like when I applied for Senior Front End Developer they expecting that I can code in Laravel and CodeIgniter. There is almost no such thing as full pledged web developer or web designer. Web designer becomes visual designer, user experience designer, visual artist, creative manager or etc. While web developers become HTML5 Developer, Laravel Developer, PHP Developer, Android Developer, iOS Developer or etc. The sad part is the Employer want someone that have experience in all this area, they expected their future employee to understand and can code on each disciplines.

The person knowledge is far more transferable than any one programming language or design principle. But yet, we have to decide to keep on learning. Design and Programming are learnable. We often think of a programming environment or language in terms of its features — this one “has code folding”, that one “has type inference”. This is like thinking in terms of its words — this book has a “fortuitous”, that one has a “munificent”. What matters is not individual words, but how the words together convey a message.

Likewise, a well-designed system is not simply a bag of features. A good system is designed to encourage particular ways of thinking, with all features carefully and cohesively designed around that purpose. The trick is to see through them — to see the underlying design principles that they represent, and understand how these principles enable the programmer to think.

“We should all be striving to learn, but the question remains, what exactly should we learn? Maybe it isn’t as simple as “learn to develop” or “learn to design,” but is about learning to communicate and collaborate, to respect the nuances of each other’s craft — and the artistry and reason that they both demand in equal measure — without attempting to master it for oneself.” – Ivana McConnell

Simple website planning

“If you can’t explain it simply, you don’t understand it well enough” Albert Einstein

Often time, as a veteran web developer have a common problem with any Web project, failure to plan. The same issues come up repeatedly in every website project, in order to help our client, our team or ourselves. I recommend to use the 3×3 method.

The three by three (3×3) method is consist of 3 boxes, each with three lines underneath.
Sketch a simple illustration in the boxes, then write 3 words on the lines underneath. Explain what, why and how.

Blank 3x3 Method

What– what does your product do? what is your primary goal for building an online presence? (Market Research)
Why – Why people need your product? what’s the benefit? Make a good heading, slogan, good tagline or statement
How – How is a differentiator. How can we attract your target audience? Perhaps an innovative piece of functionality or a cost indicator.

Don’t be deceive, this is hard work. By constraining yourself to an extreme level, you’re forced to boil down your product and website to its bare fundamentals.
Your use of language has to change. Do away with determiners and adjectives and concentrate on verbs and nouns, whilst avoiding lists and maintaining a semblance of a sentence for each panel.

This is the first part of the exercise, designed to help you establish what the core of your product or website offering is.

Design for your delight in Grid Based

Web designers found their salvation in Grid System to create appealing and web standard compliance website. The growing influence of traditional print design techniques on the Web makes gives more freedom and artistic flow. The CSS based grid frameworks (like 960 Grid System and Blueprint) have emerged and gained popularity. Yes, you can now design for your delight.

You can now create layout that are resemble of print magazines or posters, striking headlines, multi-column text, highlighted quotations, indented text, supporting imagery, side notes and footnotes. The Grid Based designs usually adhere to grids and have strong, vivid typography.

Bold, strong, heavy headlines can effectively convey the purpose of an e-commerce website or portfolio, while subtler headings help structure content and improve legibility.

Grid-based Web design as a whole encompasses the entire workflow (design comp, coding, future updates) we can now create a flexible framework share between our graphic assets and code files that rationalizes many things about our designs.

Shepard Fairey – The Men Behind Obama Poster

Meet Frank Shepard Fairey, the illustrator whom created the famous President Obama Campaign Poster.

This skateboard enthusiast, is also one of today’s best known and most influential street artists. He was been a mystery man behind the “Andre the Giant Has a Posse” or “Obey Giant”.

He is the man behind Studio Number One and the art gallery Subliminal Projects. The magazine documents pop culture, fashion, and music, and each issue is released in both soft cover and hard cover. In 2006, Fairey released a comprehensive, hard cover monograph, Supply and Demand, that documents much of his personal and professional design work. The entire book was designed in-house at Studio Number One and it is published by Ginko Press.

Studio Number One

Doodling Shoes – Instant Art Display

Before we doodling to our old shoes just for fun, but nowadays, we make our shoes as our Art Canvass. I’ve notice some people are really serious about this new form of art expression. This shoes is nice to wear, it also to represent the artist, in a way to display your work in your own feet or somebody else’s.

It fun and challenging, artist unconscious render their symbolic expression. Doodling unleash the hidden symbolic powers of unconscious mind.

Letterpress, is an old techniques and new web trend

In commercial printing, process by which many copies of an image are produced by repeated direct impression of an inked, raised surface against sheets or a continuous roll of paper.

Letterpress is the oldest of the traditional printing techniques and remained the only important one from the time of Gutenberg, about 1450, until the development of lithography late in the 18th century and, especially, offset lithography early in the 20th.

One of the most unexpected trends was the emergence of letterpress (actually pressed letters) in Web design. Probably the most important reason for this trend is the simple fact that this technique has been rarely used in web but it was proven effective and very eye cathcing

Online Services, NGO’s, Service Oriented companies used this commercial printing techniques in web.

Smashing magazine featured Letterpress as Web Design Trends For 2009, which I really foreseen long time before.

I incorporate the letterpress in some of my design such as Basic Golden Frame, Free Church Website and Hills Ville which you can download as WordPress Theme and CSS Layout including the original psd.

Photoshop and Flash, Apple Real Hero

After visiting the YODA (Our Project Management System), accepting the task and some hi/hello on my project managers, my next agenda, visit my favorite designer and flash websites.

Designer Website

1. PS HERO – The author name is Hero, yes he is my real photoshop hero. I really appreciate and in love with his tutorials, freebies and design style. He is true inspiration in web design industry. This are some of my favorite, namely Volkwagen Menu, Old Wax Seal and Text in Stitches

2. Abduzeedo – created and developed by Fabio Sasso, a Brazilian designer living in Porto Alegre. With his others co-author, the tutorials, interviews and featured showcase collections are awesome. Be inspired and learned from this gifted designers.

3. Tutorial9 – a very impressive tutorials from David Leggett and his team. Tutorial9 focused on branding, faq and designer know-hows. Some of the authors have been teaching online and quite successful graphic design industry.

4. PSDTuts – the Photoshop enthusiast website, their tutorials was produce great graphics and effects, it was explain in a friendly, approachable manner. Their photoshop tutorials are really amazing but sadly you must pay the membership and registered on get access on wonderful tutorials.

5. SmashingMagazine – maintained by Vitaly Friedman and Sven Lennartz. Their objective is to give latest trends and techniques in Web development and Web Design. SmashingMagazine showcase some of best template, icons, web resources and more.

The Flash Website

1. flashthusiast.com – Get update and be guided on blog specializes in the new motion model of Flash CS4, and is brought to you by team tween of and Flash at Adobe.

2. The FWA – showcase best and highly acclaim Website. Usually flash and motion Graphics website.

3. Sephiroth – Great flash, FLEX and php driven tutorials.

4. Liquidjourney – Download and be inspired on very impressive gravity, bounce and particles flash FLA files.

My Five Fav Designer Resource

PSD Tuts – PSDTUTS is a blog of Photoshop technique, showcasing amazing and inspiring photoshop tutorials.

abduzeedo.com – This blog was created and developed by Fabio Sasso, a Brazilian designer living in Porto Alegre (south of Brazil). Very informative blog, archives of famous European Graphics and Designer while showcasing artist creations and tutorials.

creativity-portal.com – community portal of artist expressions. Web resource for artists, writers, crafters, and creativity enthusiasts at all skill levels. It features creativity and life coaching perspectives, witty humor, free prompts and projects, insightful articles, and hand-selected instructional Web resources on hundreds of topics to encourage the exploration and expression of personal creativity while promoting awareness for unique self-care and spiritual issues facing creative individuals.

The Art of Dan May – Dan May is an artist living in Atlanta, Ga, he is a great illustrator. He spends his days (and nights) painting dreamlike environments that transcend space and time.

Behance.net/ – The Behance Network is a platform for creative portfolios, projects, and collaborations. Behance Network also an artist community that empower the creative world to make ideas happen.