Principles Of HTML5 Game Design

Visual effects in games define their overall look and feel, and gameplay. Players are attracted to high visual quality, which generate more traffic and reach. It’s key for creating successful games and providing a lot of fun for players.

Procedural curved line

In this article I want to present a few ideas of how to implement different visual effects in <canvas>-based HTML5 games. These examples will be based on effects we made in our game, Skytte. I will explain the basic ideas supporting them and provide the effects used in our work.

Read more...

Opinion Column Hey Designers: Stop Being An Afterthought

There are reasons you’re still saying the same thing after all these years — still talking about how it always seems like design gets tacked on to the end of the process. You should be at the concept meeting, you say, where you can make a real difference.

Hey Designers: Stop Being An Afterthought

I’ve been hearing it for 15 years. I once had a job where I got to say it myself a few times. I got tired of that pretty quickly. I don’t say it anymore. You shouldn’t either. Primarily because it’s not true.

Read more...
Advertisement Advertise with us!

Approaches For Multiplatform UI Design Adaptation: A Case Study

There is no winner in the battle between iOS and Android, and we all know that. If a product succeeds on one platform, it will undoubtedly be ported to the other. Sometimes app developers don’t even bother waiting, and release apps for both platforms simultaneously. For designers this means only one thing — they will have to adapt an application’s UI and UX to another platform while ensuring a consistent design language across the product.

Three Approaches For Multiplatform UI Design Adaptation: A Case Study

There are three different scenarios for UI multiplatform adaptation: retaining brand consistency; aligning with the conventions specific to the platform; and seeking a balance between the two. We decided to analyze these three approaches by looking at the most popular apps out there so that you get some insight into what method might work best for you.

Read more...

Desktop Wallpaper Calendars: September 2015

As designers we usually turn to different sources of inspiration, but, well, sometimes the best inspiration lies right in front of us. With that in mind, we embarked on a special creativity mission seven years ago: to provide you with inspiring and unique desktop wallpapers every month. Wallpapers that are a little more distinctive than the usual crowd and that are bound to fuel your ideas.

Desktop Wallpaper Calendars: September 2015

We are very thankful to all artists and designers who have contributed and are still diligently contributing to this mission, who challenge their artistic abilities each month anew to keep the steady stream of wallpapers flowing. This post features their artwork for September 2015. Both versions with and without a calendar can be downloaded for free. It’s time to freshen up your desktop!

Read more...

Web Development Reading List #101

What's happening in the industry? What important techniques have emerged recently? What about new case studies, insights, techniques and tools? Our dear friend Anselm Hannemann is keeping track of everything in the web development reading list so you don't have to. The reaction on the first post last week was quite overwhelming, so we moved from a bi-monthly frequency to a weekly frequency (for now). — Ed.

UI Mechanics of a Date Picker

Welcome back to the Web Development Reading List (WDRL) for this week. Instead of the previously announced biweekly schedule here on Smashing Magazine, I will post it in sync with the original WDRL; so, expect content to appear weekly here from now on.

Read more...

How We Designed And Built Our First Apple Watch App

One sunny morning in the summer of 2014, I was sitting in a café having just finished an hour-long call with my remote team. Scheduling that call had been a messy exercise: we live in different time zones and it was hard to find a time that worked for everyone. I wanted to make dealing with time zone differences less painful.

How We Designed And Built Our First Apple Watch App

I had some free time on my hands, so I pulled my notebook out and started playing around with an iWatch app idea. Yeah, you read that right — 2014 and iWatch, before a watch had ever been announced.

Read more...

Responsive Upscaling: Large-Screen E-Commerce Design

The responsive design revolution is truly upon us (if it hasn’t already happened!), and even though e-commerce websites haven’t picked up responsive design quite as aggressively as in other industries, it’s becoming increasingly popular.

Responsive Upscaling In E-Commerce

So far, most of the responsive design thinking has revolved around covering the range of experiences from mobile to desktop. Yet little attention has been paid to the opportunities for expanding that range beyond the standard desktop screen, to create an experience optimized for modern large-scale displays.

Read more...

Typographic Patterns In HTML Email Newsletter Design

Last year I read Jan Constantin’s post “Typographic Design Patterns and Current Practices” and straightaway wanted to do something similar with email. At the time I was studying responsive typography on the web, trying to break down the websites I liked in order to understand what made the typography work so well, then attempting to apply those findings to email design.

Typographic Patterns In HTML Newsletter Email Design

After seeing Constantin’s work, I also wanted to explore how other email designers were handling responsive typography. So, I amassed 50 emails across various industries that I think do a good job with typography to see if any patterns emerged. You can skip straight to the Google Doc showing the raw data and results.

Read more...

Sideblog Web Development Reading List #100

What's happening in the industry? What important techniques have emerged recently? What about new case studies, insights, techniques and tools? Our dear friend Anselm Hannemann is keeping track of everything so you don't have to. The result is a carefully collected list of articles that popped up over the last week and which might interest you. Starting from today, we are happy and honored to feature a bi-monthly web development reading list here on Smashing Magazine. Now it should be a bit easier to stay up to date. — Ed.

How DNS works

Welcome to the one hundredth edition of the Web Development Reading List and the first one to appear on Smashing Magazine. I am very happy to extend my audience and keep you up to date with the web development industry. If you have any feedback, please let me know in the comments or write me an email.

Read more...

What A/B Testing Taught Us About App Store Optimization

1.5 million apps in Apple’s App Store and another 1.5 million in Google’s Play store. That’s a lot of apps, and for a growing number of mobile users. An average user in the US will download only three new apps per month (at best), according to comScore’s “US Mobile App Report.”

What A/B Testing Taught Us About App Store Optimization

Competition in the App Store is fierce, and if an indie app developer wants to get noticed, having an amazing product is no longer enough.

Read more...

↑ Back to top