Jun 11 2013

iOS 7 And The Transition To Flat

The new iOS redesign is bold. It’s a radical shift toward a polar opposite direction from its felt, faux-leather, lifelike user interface aka Skeuomorphism. Now it’s completely bare and it’s shocking. Apple, known to execute confidently to the smallest details can no longer fulfill that promise. The icons are horrendous, the user interface lacks structure [...]

0 tweets

May 28 2013

Traveling And Designing

As one dream ends, another begins. I’ve had the incredible opportunity to have lived and worked in San Francisco for a little longer than a year. I’ve learned so much. As I met new designers, I made new friends. I will be missing them dearly as I am about to open a new chapter in [...]

0 tweets

May 25 2013

Quick iOS Prototyping In Flinto

There are many iOS prototyping tools out there: Briefs 2, POP, Prototypr just to name a few. The one that really struck me as the most efficient is Flinto by far. Ironically, it’s the only Web-based tool amongst them. And there is nothing better out there. It will literally take minutes to create a prototype [...]

0 tweets

Apr 30 2013

How To Prototype In Xcode Using Storyboard

The purpose of prototyping in Xcode is to be able to create a super high fidelity flow using the exact same software that builds iOS Apps. In Xcode, there is no limit. You can embed beautiful interactions, transitions, animations and sounds to produce a true native experience. In this tutorial, I will focus on the [...]

0 tweets

Apr 19 2013

Experimenting With Colors And Concepts

Experimentation is a highly rewarding part of a creative process. When you execute an idea and give yourself enough room, you can come up with inspired solutions. Ask yourself: what can you design if you had no superficial rules or trends to follow; only strong design foundations? In this article, I’ll share my methodologies on [...]

0 tweets

Apr 10 2013

Simplifying For The Wrong Reasons

There has been a recent shift to Flat UI, No Interface and Hiding Navigation Menus. The basis of simplifying is good, but can be counter-intuitive if badly executed. “Make everything as simple as possible, but not simpler.”, Albert Einstein said. When a product is too simple, it can become sterile or worse, it can be [...]

0 tweets

Apr 2 2013

The Best Hidden Features In Sketch Part 2

This is a follow-up post to The Best Hidden Features In Sketch. After 5 months, I still find myself learning new design techniques in Sketch. It’s a very mature design tool now thanks to their constant updates. Some of their features are really useful, yet not obvious and probably underutilized. With this article, I’m hoping [...]

0 tweets

Mar 27 2013

Pixel Perfection

A lot of designers throw around the term pixel perfection. But what does it really mean? Googling it really didn’t help. With this article, I am going to not only attempt to define it but also give clear examples on how to achieve it. I will also share design files from which you can deconstruct [...]

0 tweets

Mar 19 2013

How To Wireframe An iPhone App In Sketch

Working on a large project often requires you to design wireframes to communicate complex ideas before spending countless hours polishing. There are many tools for wireframing ranging from the simplistic Balsamiq to the highly collaborative Axure, which costs a fortune. Personally, I use Sketch, a powerful vector-based design tool. With features like Artboard, Linked Styles [...]

0 tweets

Mar 13 2013

Don’t Copy, Steal

There is a common technique in fine art: painters and sculptors would take a real life model and use that as a reference to create something entirely new. While that approach is not foreign in the digital world, far too often designers would use references that have already been created and well polished. That becomes [...]

0 tweets

Mar 7 2013

The One Pixel Rule

About two and a half years ago, Retina displays were introduced to the market. It was new then and only a few enjoyed those glorious pixel dense screens. To adapt, we designers didn’t think too hard–we simply doubled all the pixels so that they wouldn’t look blurry. Today, that technology is nearly in every hand. [...]

0 tweets

Mar 4 2013

Writing Makes Me A Better Designer

About a month ago, I decided to start a new discipline: write a short piece about design every day using Day One, which has a useful daily reminder. My goal was to become a better designer. It worked. I started to obsess more over my design process and made many fascinating case studies. I had [...]

0 tweets

Feb 26 2013

Solving The Back Button

I love the iPhone 5. The extra 640×176 pixels for content is very useful. But, I’ve had a lot of trouble accessing the most used button of all: the back button. As a rule in user experience, when a function is this frequently used, it should be made easily accessible. 49% of mobile users use [...]

0 tweets

Feb 21 2013

Photoshop Users: How To Switch To Sketch

Many requested that I write a tutorial on how to get started with Sketch so here it is. Sketch is the best alternative to Photoshop and is completely focused on user interface design. I must admit that the resources for Sketch are underwhelming right now and I am on a mission to fix that. Note: [...]

0 tweets

Feb 16 2013

How To Design For Android Devices

This will be part a series as I’m still in the middle of learning and updating my processes for Android. I used to not pay much attention to their guidelines because I considered them inconsistent and unactractive at the time, but I believe that now things have changed. I’m starting to see a pattern. That’s [...]

0 tweets

Feb 13 2013

The Best Hidden Features In Sketch

It’s hard to learn a new design application. And especially when you’ve already invested many years in Photoshop, Illustrator or Fireworks. Luckily, Sketch isn’t hard to learn as explained in my previous articles Sketch VS Photoshop. But I’ve failed to explain all the intricate features that make this gem a lot more than meets the [...]

0 tweets

Feb 11 2013

Designing For The Modern Web

Mobile is shaping the Web in a dramatic way. It is now more exciting than ever to design for the Web thanks to CSS3 / HTML5 and a plethora of accessible new tools like Sketch, Espresso, Slicy, xScope and frameworks like LESS, SASS, Bootstrap, Meteor etc. Today, it is a whole lot easier to get [...]

0 tweets

Feb 8 2013

How To Design Pixel Perfect Assets

Assuming that you design your Mobile app in 2x, I know it’s tempting to use automatic tools such as Slicy to create your 1x assets. But it’ll be far from perfect, since you’ll end up with half-pixels and that means blurry outlines. You don’t want blurry pixels. Giving that extra care shows your passion as [...]

0 tweets

Feb 6 2013

Sketch VS Fireworks

In response to many who have suggested in my blog Sketch VS Photoshop that Fireworks is a great alternative to Sketch, I decided to download it again after many years. First Impressions In the first few minutes after using the UI, I can tell why everyone has been saying that Adobe neglected this product. It [...]

0 tweets

Feb 5 2013

Sketch VS Photoshop

It’s been more than 3 months that I made the switch to Sketch after more than 12 years of Photoshop. I want to take some time to give the reasons why it has improved my design flow. It not only made me a more precise designer but it greatly improved my efficiency by focusing on [...]

0 tweets

Jan 30 2013

Coding an Infinitely Scrollable Site

When I redesigned my portfolio, I had 3 goals in mind: Update the design to be more content-focused. Make it easy to update by using simple HTML5 codes. Make it infinitely scrollable, adaptable and mobile-friendly. Here are some techniques I’ve picked up along the way. Load images as you scroll When you have a lot [...]

0 tweets