Prepress, Publishing & Graphic Design News

Design News

The May Bundle: Over 70 Fonts for just $29

The month of May is coming to an end soon, and if you missed this impressive font bundle by our friends of The Hungry JPEG, it will be gone forever next month.

In the bundle, for just $29, you’ll find over 70 high-quality fonts of all styles, pretty much a full font library for a ridiculously low price. We’ve included a preview of a few fonts here, but to discover all the typefaces available in the bundle, you should check out this page.

Get the font bundle for just $29!

The May Bundle: Over 70 Fonts for just $29

The May Bundle: Over 70 Fonts for just $29

The May Bundle: Over 70 Fonts for just $29

The May Bundle: Over 70 Fonts for just $29

The May Bundle: Over 70 Fonts for just $29

The May Bundle: Over 70 Fonts for just $29

The May Bundle: Over 70 Fonts for just $29

The May Bundle: Over 70 Fonts for just $29

The May Bundle: Over 70 Fonts for just $29

The May Bundle: Over 70 Fonts for just $29

The May Bundle: Over 70 Fonts for just $29

Enjoyed this post? Share it!

shares

Read original article



Visual Dialogue Creates New Websites and Identities for Smithsonian Center

The Smithsonian Center for Folklife and Cultural Heritage preserves and documents Americana and World culture, which includes presenting the Folklife Festival on the National Mall in Washington each summer, and housing the Smithsonian Folkways Recordings, the nonprofit record label of the U.S.

Visual Dialogue had created their previous websites nearly a decade ago and, working in close collaboration with the Smithsonian in-house web team, embarked on a major update of all three sites. In the website redesign process, a lack of effective branding was identified, so a new identity system was also rolled out in conjunction with the sites.

The three new interrelated sites feature best practices of contemporary web design: responsive layouts for large monitors to smartphones, visually engaging scrolling pages, a variety of multimedia content, clear web fonts, and an easier to update modular system.

Smithsonian Center New Websites and Identities 01

"At a time when living culture has a profound role to play in fostering mutual understanding, I am especially proud that we are evolving globally with these new digital platforms and collaborating with partners to bring these stories of cultural diversity to light," commented Michael Atwood Mason, Director of the Smithsonian Center for Folklife and Cultural Heritage.

Smithsonian Center New Websites and Identities 02Smithsonian Center New Websites and Identities 03Smithsonian Center New Websites and Identities 04Smithsonian Center New Websites and Identities 05Smithsonian Center New Websites and Identities 06Smithsonian Center New Websites and Identities 07

Read more https://www.dexigner.com/news/30087



For the last four or five years, responsive design has been the go-to approach for most webmasters looking to optimize their sites for mobile. There are good reasons for this, which we touch on in this article, but it’s not necessarily the ideal solution in when creating a positive mobile browsing experience. Despite widespread perception that responsive design is now the optimal approach, there are still valid reasons to consider a different way: a dedicated mobile site. In this article we address some of the benefits of mobile sites that you may not have considered, as well as a reassessment of the strengths and weaknesses of responsive design. The purpose is not to dispute the general efficacy of responsive design, but rather to highlight the fact that it isn’t the de facto ‘best’ choice in all applications.

Mobile Optimization: Reassessing the Responsive vs. Mobile Site Debate

The industry standard

The introduction of responsive design as a way to easily accommodate a range of screen sizes was revolutionary. As the number of people using mobile devices for internet browsing grew so rapidly, the ability to accommodate a variety of formats was a huge bonus for webmasters. Now that mobile browsing has overtaken desktop, it’s no surprise that responsive design is considered by many to be the industry standard. So much so that website building packages, designed to be accessible for a layperson, often include integrated responsive design to bring this advantage to non-experts. The hosting company 1&1 is a prime example of this. For a quick refresher, here are a few core advantages to responsive design:

  • Versatile
    Ready to adapt to any size of screen automatically
  • One website
    Because it doesn’t require a separate website, responsive design sites are easier to maintain and promote
  • One URL
    Eliminates confusion of having a different URL for a mobile site for both users and search engines
  • Prepared for the future
    Responsive design can handle the dimensions of new devices with ease

The Unsung Hero

In the eyes of some, mobile websites (usually denoted with ‘m.’ in the URL) are old hat – why go to the effort of creating two sites when you can stick to one? It’s true that having to develop a separate mobile site with a different URL poses some challenges. For instance, you have to maintain two websites simultaneously, which is not only more time consuming but can also create complications for search engine visibility if not managed correctly. However, it’s not quite as simple as that. Not all websites are alike, and there are compelling reasons to consider a mobile-dedicated site, depending on the nature of your project.

User experience

A major advantage of a mobile-dedicated site is that it’s bespoke. That is, because it’s distinct you’re your main website, you can tailor it specifically for mobile use without affecting the desktop browsing experience. The difficulty with responsive design is that any design changes you make to improve the mobile UX will also affect users browsing on larger screens, sometimes negatively. This is a tricky balancing act, and can result in trying to please both mobile and desktop users, but achieving neither. Mobile sites allow you to separate these concerns.

That said, the significance of this issue largely depends on how complex your website is in terms of content and functionality. For example, relatively simple and streamlined websites without many complex design elements or applications won’t have much of an issue. On the other hand, large online stores would struggle to implement design elements for their entire stock and payment processing in way that satisfies both mobile and desktop UX. Particularly for a business like this, a hassle-free user experience is crucial to optimizing conversion rates. This is where a mobile site comes into its element.

Speed

Responsive sites tend to be slower than dedicated mobile sites, which can also negatively impact user experience. This is because a responsive site still has to load virtually all HTML elements and content, no matter if a desktop or mobile device is being used. So, either you have to significantly reduce the size of your site – and risk diluting the desktop user experience – or accept slower loading times on mobile. On the other hand, mobile sites allow you to streamline mobile performance completely independently of your desktop site. This way, you can ensure both sites load as quickly as possible.

SEO

In the past, search engines weren’t as good at ranking mobile sites effectively, so responsive design was regarded as more SEO-friendly. This is changing, and search engines are now much more able to appropriately recognize them. Having a mobile site also offers you the potential to optimize for mobile-specific search intention. This means you can more precisely target mobile users and direct them to a website that’s created specifically for them. Furthermore, the greater freedom to tailor the mobile user experience can be beneficial for SEO, as UX is a tangible ranking factor.

Summary

Responsive design is an extremely useful method of mobile optimization, no doubt about it. It excels in its role for many websites, but can be complicated to implement for necessarily more bloated and complicated sites. Mobile sites offer more design freedom, allowing you to maximize the user experience of more complex web projects. Mobile optimization is not a case of choosing the ‘best’ method – it’s a matter of selecting the most appropriate method for your individual needs.

Enjoyed this post? Share it!

shares

Read original article



Inspired by Japanese prints, art by Mike Dorsey

Mike Dorsey is a tattoo artist who also creates stunning artworks in the style of Japanese ukiyo-e prints. Despite the large inspiration from Middle-Age Japan, his prints keep their own specificities, because the artist includes lots of elements from modern day Western society. You can see a glimpse of his work below, but you should head to his portfolio to see more.

Inspired by Japanese prints, art by Mike Dorsey

Inspired by Japanese prints, art by Mike Dorsey

Inspired by Japanese prints, art by Mike Dorsey

Inspired by Japanese prints, art by Mike Dorsey

Inspired by Japanese prints, art by Mike Dorsey

Inspired by Japanese prints, art by Mike Dorsey

Inspired by Japanese prints, art by Mike Dorsey

Enjoyed this post? Share it!

shares

Read original article



Unless you work in a hipsterish company that only does black and white, as a designer, you must constantly work with color. Here are a few tools and website to help you out.

1. Material Color

The Material Design website is THE reference when it comes to anything about using Material Design elements and style. The color section of the website provides very useful tools for the designers who want to go the Material Design route, the main tool being the appropriately named Color Tool.

5 tools to work with color in web design

2. The Flat UI Color Picker

For a while, Flat Design Style was seen as a trend that would go away quickly. It didn’t. I can’t count the number of times I’ve used this awesome Flat UI Color Picker for my own web designs.

5 tools to work with color in web design

3. UI Gradients

A simple tool to create gorgeous CSS gradients very quickly. Browse the available gradients or create your own, then just get the CSS code in one click. You can also rotate your gradients as you wish, and download it as a JPG file if that’s what you need.

5 tools to work with color in web design

4. Color Hunt

Get regular color palette inspiration with Color Hunt, you can even receive it by email or add the Chrome extension.

5 tools to work with color in web design

5. CSS Colours

Browse CSS colours and choose the right one for your project. Simplest website ever, you scroll the colours and copy-paste the ones you need. It’s also possible to arrange the colours by gradation.

5 tools to work with color in web design

Enjoyed this post? Share it!

shares

Read original article