The future of design: AR will be bigger than the internet

Original Source: http://feedproxy.google.com/~r/CreativeBloq/~3/gZMcIB_Bf74/the-future-of-design-ar-will-be-bigger-than-the-internet

Soon, a new era of experimental design and design thinking will be upon us. We’ll have entirely augmented experiences everywhere we walk, and voice design is the next big horizon for creatives. 

They’re just two predictions into the future of design shared by Scott Belsky, co-founder of Behance, and Adobe's chief product officer and executive vice president of Creative Cloud. 

Belsky took to the stage in London at an exclusive Adobe event earlier this summer to talk through the challenges and opportunities presented by emerging technologies – and to forecast the future for designers.

scott belsky at the gherkin in London

Scott Belsky at Adobe’s Future of Design event in London

As the future becomes increasingly commoditised, he said, creativity – and the role of user experience designers, particularly – will become increasingly important. 

"Companies are putting designers at the head of the table," he explained. "The user’s experience of technology these days is even more important than the tech itself. The UI is what distinguishes a product; a company. That’s one reason why designers are being employed across industries.”

Get 15% off Adobe Creative Cloud with our exclusive offer

In fact, when Adobe spoke to hiring managers at a range of top companies, 87 per cent of them said that UX designers are some of their most critical hires right now. 

So aside from a bright future for UX designers, what else is next for design? Here are five predictions Belsky made at the event – followed by an exclusive conversation with Creative Bloq, in which he explores the biggest new challenges and opportunities designers should prepare for.

Jump straight to the Scott Belsky interview
01. Augmented reality

We’ll soon have entirely augmented experiences everywhere we walk. AR will be as critical as the web,” Belsky predicted, adding that this is why Adobe has developed Project Aero, a powerful new augmented reality tool that makes it easier for designers and developers to create immersive content, and bridge the gap between the physical and digital worlds. More on that below.

02. Voice design

“It’s the simplest interface of all, so we need to be able to design for it,” he said. Voice design tools are being brought into Adobe XD because we’re moving into a voice-driven world (think: Amazon Echo and Google Home) – and it’s raising many questions for designers, not least ethical ones.  

03. Artificial intelligence

Labour will become increasingly automated, with AI and machine learning helping creatives work smarter and faster by taking on repetitive tasks. “AI is a vertical of creativity,” said Belsky. “Think of it as a creative assistant.” 

04. Connected creativity

New tools like Adobe Capture – which turns photos on your phone or tablet into creative assets – will continue to deliver on the creative freedom promised by Creative Cloud in increasingly unique ways. “There’s an idea that in some ways we’re still chained to desktop – we expect to do our professional work there,” he said. “But that’s not where creativity happens.”

05. Ethics in design

What are our responsibilities for the end customer experience? What is the responsibility of the designer in preserving a consumer choice? When using visual search, such as Google, you're presented with a lot of options. Using a voice interface, this might not be the case – so who chooses which option you get, and how can you ensure the consumer’s best interests are served? Ethical questions have always been important, but in this new age of design they're even more so.

New challenges and opportunities for designers

ipad with image of creature on it

Project Aero: immersive media is poised to become the next disruptive platform. Welcome to the first wave of mainstream AR

So will AR really be bigger than the web? What sorts of questions is voice design raising? And what skills will designers need to meet the future of design head-on? We caught up with Belsky after the event to find out more…

What are the biggest opportunities of AR for designers?

Scott Belsky: I believe AR will do almost everything the web does for us, but in the context of our physical world, rather than on a screen. It will change the way we do everything from finding our way around cities, to reviewing the menu in restaurants, to dating, to fixing appliances in our homes. 

AR will do almost everything the web does for us, but in the context of our physical world, rather than on a screen. It will change the way we do everything.

Scott Belsky

Augmented Reality will enrich these experiences in ways we can barely imagine. However, none of this is possible without designers creating compelling three-dimensional interactive content and being able to collaborate with developers across platforms. 

AR and voice have the greatest potential to disrupt the way we experience the world. Every business group across Adobe is thinking about and building for AR because we strongly believe that it’s a transformative medium. AR is at the intersection of our physical and digital worlds, and requires a fundamentally different paradigm for interaction and design beyond the traditional screen experience. Designers will have the opportunity to literally design a new reality, and that’s going to be fun and challenging. 

How soon will AR be everywhere?

SB: We’re at the beginning of a journey with augmented reality. We believe that Project Aero is breaking new ground, with the goal of simplifying the development of AR content, delivering an even more powerful medium for storytelling for artists and designers around the world. Through our collaboration with Apple, Pixar and other partners, Project Aero will give creative professionals the ability to create more authentic experiences. 

What’s compelling is the quality and depth of the imagery, which makes the experience real and even more vivid. The industry is evolving at a rapid pace and there will be commercial and consumer demand for these types of experiences.

We see the potential of AR experiences to enable new forms of creative expression, spawn new customer experiences, and ignite new business models that we can’t even imagine today. We envision immersive media ultimately becoming ubiquitous in everyday life.  We’ll have a new interface through which we interact with a range of retail, news, search and other common applications.

What are the biggest challenges of AR for designers? How will Project Aero help?

SB: Most designers I speak with are excited about AR, but have no idea where to get started designing immersive experiences and how to work with developers to make them a reality. 

Our challenge is to help designers work with the tools they know and love, like Photoshop or Adobe XD for screen design, and then import their work to new tools like Adobe Dimension to make their creations 3D. And then, with Project Aero, designers will be able to make their creations interactive and easily 'published' to locations in augmented reality.  

For the first time, designers will be able to lay out and manipulate designs in physical spaces with a ‘what you see is what you get’ tool, making AR creation more fluid and intuitive. What’s more, delivering these immersive experiences to audiences on mobile devices will become faster, easier and safer. 

How can designers get ahead in voice design?

SB: Design is becoming more immersive and voice has become more important. Increasing numbers of people use a voice interface to order dinner, choose music, set reminders, and so many other tasks, thanks in large part to consumer products like Amazon’s Alexa and Google Assistant. 

Smart speakers will be installed in more than 70 million U.S. households by 2022, according to a Juniper Research report, and consumers have high expectations of voice technology because they’re used to naturally interacting and talking to people. For designers, creating voice user interface (VUI) experiences requires new skills that transcend the keyboard, mouse and screen.

For designers to be successful in the future, they’ll need to know how to create a voice interface that is efficient and intuitive.

Scott Belsky

For designers to be successful in the future, they’ll need to know how to create a voice interface that is efficient and intuitive. Our goal is to help designers succeed in this medium and in the broader world of immersive and interaction design. That’s one of the reasons we’ve invested so heavily in Adobe XD as an experience design platform that can adapt to new modalities over time.  

Adobe XD brings prototyping and design together, which has unlocked new capabilities including allowing designers to easily switch from wireframes to prototypes and use tools such as After Effects to add deeper animations to their UX/UI designs. Unfortunately, I can’t share more now, but you’ll see a massive amount of innovation from us as it relates to XD in the coming months. 

What are the biggest hurdles posed by voice design? 

SB: As I mentioned, there has been a tremendous growth in voice-enabled devices. For designers, creating VUI experiences requires new skills since you cannot simply apply the same design guidelines to VUI, as you would a graphical app or web experience. Designers must have a deep understanding of human communication and natural conversation flow to design for VUIs.

Additionally, it requires a mindset shift to design for this medium. VUIs need to contain the right amount of information to meet users’ expectations and provide users with information on what they can do with the technology. For example, proactive prompting along the lines of, 'What can I help you with today?' might help a user get started. Without visual guidance, it’s easy for the user to get lost.

There are, of course, ethical considerations when it comes to VUI design too. For example, designers will need to carefully consider how often the technology is listening or recording, and clearly spell that out for the user. Companies and their designers will need to ensure privacy is baked into the product from the start. 

Another important issue in voice is the default settings. When you ask your voice assistant to order flowers, what service does it default to using? Making tasks easy is great for consumers, but the design will have to make it transparent how those tasks are happening and give users the option of changing the defaults so they can personalise the experience.

Related articles:

How to future-proof yourself as a designer10 huge graphic design trends to know for 2018The ultimate guide to design trends

Sunshine All Day Every Day (August 2018 Wallpapers Edition)

Original Source: https://www.smashingmagazine.com/2018/07/desktop-wallpaper-calendars-august-2018/

Sunshine All Day Every Day (August 2018 Wallpapers Edition)

Sunshine All Day Every Day (August 2018 Wallpapers Edition)

Cosima Mielke

2018-07-31T13:11:56+02:00
2018-07-31T15:32:00+00:00

Everybody loves a beautiful wallpaper to freshen up their desktops. So to cater for new and unique artworks on a regular basis, we embarked on our monthly wallpapers adventure nine years ago, and since then, countless artists and designers from all over the world have accepted the challenge and submitted their designs to it. It wasn’t any different this time around, of course.

This post features wallpapers created for August 2018. Each of them comes in versions with and without a calendar and can be downloaded for free. A big thank-you to everyone who participated!

Finally, as a little bonus, we also collected some “oldies but goodies” from previous August editions in this collection. Please note, that they only come in a non-calendar version. Which one will make it to your desktop this month?

Please note that:

All images can be clicked on and lead to the preview of the wallpaper,
We respect and carefully consider the ideas and motivation behind each and every artist’s work. This is why we give all artists the full freedom to explore their creativity and express emotions and experience throughout their works. This is also why the themes of the wallpapers weren’t anyhow influenced by us, but rather designed from scratch by the artists themselves.

Submit your wallpaper

We are always looking for creative designers and artists to be featured in our wallpapers posts. So if you have an idea for a wallpaper, please don’t hesitate to submit your design. We’d love to see what you’ll come up with. Join in! →

Meet Smashing Book 6 with everything from design systems and accessible single-page apps to CSS Custom Properties, Grid, Service Workers, performance, AR/VR and responsive art direction. New frontiers in front-end and UX with Marcy Sutton, Harry Roberts, Laura Elizabeth and many others.

Table of Contents →

Purple Haze

“Meet Lucy: she lives in California, loves summer and sunbathing at the beach. This is our Jimi Hendrix Experience tribute. Have a lovely summer!” — Designed by PopArt Web Design from Serbia.

Purple Haze

preview
with calendar: 320×480, 640×480, 800×480, 800×600, 1024×768, 1024×1024, 1152×864, 1280×720, 1280×800, 1280×960, 1280×1024, 1366×768, 1400×1050, 1440×900, 1600×1200, 1680×1050, 1680×1200, 1920×1080, 1920×1200, 1920×1440, 2560×1440
without calendar: 320×480, 640×480, 800×480, 800×600, 1024×768, 1024×1024, 1152×864, 1280×720, 1280×800, 1280×960, 1280×1024, 1366×768, 1400×1050, 1440×900, 1600×1200, 1680×1050, 1680×1200, 1920×1080, 1920×1200, 1920×1440, 2560×1440

Coffee Break Time

Designed by Ricardo Gimenes from Sweden.

Coffee Break Time
preview
with calendar: 320×480, 640×480, 800×480, 800×600, 1024×768, 1024×1024, 1152×864, 1280×720, 1280×800, 1280×960, 1280×1024, 1366×768, 1400×1050, 1440×900, 1600×1200, 1680×1050, 1680×1200, 1920×1080, 1920×1200, 1920×1440, 2560×1440
without calendar: 320×480, 640×480, 800×480, 800×600, 1024×768, 1024×1024, 1152×864, 1280×720, 1280×800, 1280×960, 1280×1024, 1366×768, 1400×1050, 1440×900, 1600×1200, 1680×1050, 1680×1200, 1920×1080, 1920×1200, 1920×1440, 2560×1440

A Midsummer Night’s Dream

“Inspired by William Shakespeare.” — Designed by Sofie Lee from South Korea.

A Midsummer Night’s Dream
preview
with calendar: 800×480, 1024×768, 1280×720, 1280×800, 1600×1200, 1680×1050, 1680×1200, 1920×1080, 2560×1440
without calendar: 800×480, 1024×768, 1280×720, 1280×800, 1600×1200, 1680×1050, 1680×1200, 1920×1080, 2560×1440

This August, Be The Best!

“Here is the August monthly calendar to remind you of your as well as your team’s success in the previous months. Congratulations, you guys deserved all the success that came your way. Hope you continue this success this month and in the coming months.” — Designed by Webandcrafts from India.

This August, Be The Best!

preview
with calendar: 320×480, 640×480, 800×480, 800×600, 1024×768, 1024×1024, 1152×864, 1280×720, 1280×800, 1280×960, 1280×1024, 1366×768, 1400×1050, 1440×900, 1600×1200, 1680×1050, 1680×1200, 1920×1200, 1920×1440, 2560×1440
without calendar: 320×480, 640×480, 800×480, 800×600, 1024×768, 1024×1024, 1152×864, 1280×720, 1280×800, 1280×960, 1280×1024, 1366×768, 1400×1050, 1440×900, 1600×1200, 1680×1050, 1680×1200, 1920×1200, 1920×1440, 2560×1440

No Drama LLama

“Llamas are showing up everywhere around us, so why not on our desktops too?” — Designed by Melissa Bogemans from Belgium.

No Drama LLama
preview
with calendar: 320×480, 640×480, 800×480, 800×600, 1024×768, 1024×1024, 1152×864, 1280×720, 1280×800, 1280×960, 1280×1024, 1400×1050, 1440×900, 1600×1200, 1680×1050, 1680×1200, 1920×1200, 1920×1440, 2560×1440
without calendar: 320×480, 640×480, 800×480, 800×600, 1024×768, 1024×1024, 1152×864, 1280×720, 1280×800, 1280×960, 1280×1024, 1400×1050, 1440×900, 1600×1200, 1680×1050, 1680×1200, 1920×1200, 1920×1440, 2560×1440

The Colors Of Life

“The countenance of the clown is a reflection of our own feelings and emotions of life in the most colorful way portrayed with a deeper and stronger expression whether it is a happy clown or a sad clown. The actions of the clown signify your uninhibited nature — the faces of life in its crudest form — larger, louder, and in an undiluted way.” — Designed by Acowebs from India.

The Colors Of Life

preview
with calendar: 320×480, 640×480, 800×480, 800×600, 1024×768, 1024×1024, 1152×864, 1280×800, 1280×960, 1280×1024, 1366×768, 1440×900, 1680×1050, 1680×1200, 1920×1080, 1920×1200, 1920×1440, 2560×1440
without calendar: 320×480, 640×480, 800×480, 800×600, 1024×768, 1024×1024, 1152×864, 1280×800, 1280×960, 1280×1024, 1366×768, 1440×900, 1680×1050, 1680×1200, 1920×1080, 1920×1200, 1920×1440, 2560×1440

Hello August

“August brings me to summer, and summer brings me to fruit. In the hot weather there is nothing better than a fresh piece of fruit.” — Designed by Bram Wieringa from Belgium.

Hello August

preview
with calendar: 800×600, 1280×1024, 1440×900, 1680×1050, 1920×1080, 1920×1200, 2560×1440
without calendar: 800×600, 1280×1024, 1440×900, 1680×1050, 1920×1080, 1920×1200, 2560×1440

Exploring Thoughts

“Thoughts, planning, daydreams are simply what minds do. It’s following the human impulse to explore the unexplored, question what doesn’t ring true, dig beneath the surface of what you think you know to formulate your own reality, and embrace the inherent ‘now’ of life. The main character here has been created blending texture and composition. Thoughts will never have an end.” — Designed by Sweans from London.

Exploring Thoughts
preview
with calendar: 320×480, 800×480, 800×600, 1024×768, 1024×1024, 1152×864, 1280×720, 1280×800, 1280×960, 1280×1024, 1366×768, 1400×1050, 1440×900, 1600×1200, 1680×1050, 1680×1200, 1920×1080, 1920×1200, 1920×1440, 2560×1440
without calendar: 320×480, 800×480, 800×600, 1024×768, 1024×1024, 1152×864, 1280×720, 1280×800, 1280×960, 1280×1024, 1366×768, 1400×1050, 1440×900, 1600×1200, 1680×1050, 1680×1200, 1920×1080, 1920×1200, 1920×1440, 2560×1440

Chilling At The Beach

“In August it’s Relaxation Day on the 15th so that’s why I decided to make a wallpaper in which I showcase my perspective of relaxing. It’s a wallpaper where you’re just chilling at the beach with a nice cocktail and just looking at the sea and looking how the waves move. That is what I find relaxing! I might even dip my feet in the water and go for a swim if I’m feeling adventurous!” — Designed by Senne Mommens from Belgium.

Chilling At The Beach

preview
with calendar: 1280×720, 1280×800, 1920×1080, 2560×1440
without calendar: 1280×720, 1280×800, 1920×1080, 2560×1440

Let Peace Reign

“The freedom and independence sprouts from unbiased and educated individuals that build the nation for peace, prosperity and happiness to reign in the country for healthy growth.” — Designed by Admission Zone from India.

Let Peace Reign

preview
with calendar: 320×480, 640×480, 800×600, 1024×768, 1024×1024, 1152×864, 1280×720, 1280×800, 1280×960, 1280×1024, 1366×768, 1400×1050, 1440×900, 1600×1200, 1680×1050, 1920×1080, 1920×1200, 1920×1440, 2560×1440
without calendar: 320×480, 640×480, 800×600, 1024×768, 1024×1024, 1152×864, 1280×720, 1280×800, 1280×960, 1280×1024, 1366×768, 1400×1050, 1440×900, 1600×1200, 1680×1050, 1920×1080, 1920×1200, 1920×1440, 2560×1440

On The Ricefields Of Batad

“Somebody once told me that I should make the most out of vacation. So there I was, carefully walking on a stone ridge in the ricefields of Batad. This place is hidden high up in the mountains. Also August is harvesting season.” — Designed by Miguel Lammens from Belgium.

On The Ricefields Of Batad

preview
with calendar: 1680×1200, 1920×1080, 1920×1200, 1920×1440, 2560×1440
without calendar: 1680×1200, 1920×1080, 1920×1200, 1920×1440, 2560×1440

Fantasy

Designed by Ilse van den Boogaart from The Netherlands.

Fantasy

preview
with calendar: 1280×1024, 1366×768, 1400×1050, 1440×900, 1600×1200, 1680×1050, 1680×1200, 1920×1080, 1920×1200, 1920×1440, 2560×1440
without calendar: 1280×1024, 1366×768, 1400×1050, 1440×900, 1600×1200, 1680×1050, 1680×1200, 1920×1080, 1920×1200, 1920×1440, 2560×1440

Oldies But Goodies

The past nine years have brought forth lots of inspiring wallpapers, and, well, it’d be a pity to let them gather dust somewhere down in the archives. That’s why we once again dug out some goodies from past August editions that are bound to make a great fit on your desktop still today. Please note that these wallpapers, thus, don’t come with a calendar.

Happiness Happens In August

“Many people find August one of the happiest months of the year because of holidays. You can spend days sunbathing, swimming, birdwatching, listening to their joyful chirping, and indulging in sheer summer bliss. August 8th is also known as the Happiness Happens Day, so make it worthwhile.” — Designed by PopArt Studio from Serbia.

Happiness Happens In August

preview
without calendar: 320×480, 640×480, 800×480, 800×600, 1024×768, 1024×1024, 1152×864, 1280×720, 1280×800, 1280×960, 1280×1024, 1366×768, 1400×1050, 1440×900, 1600×1200, 1680×1050, 1680×1200, 1920×1080, 1920×1200, 1920×1440, 2560×1440

Psst, It’s Camping Time…

“August is one of my favorite months, when the nights are long and deep and crackling fire makes you think of many things at once and nothing at all at the same time. It’s about these heat and cold which allow you to touch the eternity for a few moments.” — Designed by Igor Izhik from Canada.

Psst, It’s Camping Time...

preview
without calendar: 1024×768, 1024×1024, 1280×720, 1280×800, 1280×960, 1280×1024, 1400×1050, 1440×900, 1600×1200, 1680×1050, 1680×1200, 1920×1080, 1920×1200, 1920×1440, 2560×1440

Bee Happy!

“August means that fall is just around the corner, so I designed this wallpaper to remind everyone to ‘bee happy’ even though summer is almost over. Sweeter things are ahead!” — Designed by Emily Haines from the United States.

Bee Happy!

preview
without calendar: 640×480, 800×600, 1280×720, 1280×800, 1280×960, 1366×768, 1400×1050, 1440×900, 1600×1200, 1680×1050, 1680×1200, 1920×1080, 1920×1200, 1920×1440, 2560×1440

Hello Again

“In Melbourne it is the last month of quite a cool winter so we are looking forward to some warmer days to come.” — Designed by Tazi from Australia.

Hello Again

preview
without calendar: 320×480, 640×480, 800×600, 1024×768, 1152×864, 1280×720, 1280×960, 1600×1200, 1920×1080, 1920×1440, 2560×1440

A Bloom Of Jellyfish

“I love going to aquariums – the colours, patterns and array of blue hues attract the nature lover in me while still appeasing my design eye. One of the highlights is always the jellyfish tanks. They usually have some kind of light show in them, which makes the jellyfish fade from an intense magenta to a deep purple – and it literally tickles me pink. On a recent trip to uShaka Marine World, we discovered that the collective noun for jellyfish is a bloom and, well, it was love-at-first-collective-noun all over again. I’ve used some intense colours to warm up your desktop and hopefully transport you into the depths of your own aquarium.” — Designed by Wonderland Collective from South Africa.

A Bloom Of Jellyfish

preview
without calendar: 320×480, 800×600, 1024×768, 1280×960, 1680×1050, 1920×1200, 2560×1440

Let Us Save The Tigers

“Let us take a pledge to save these endangered species and create a world that is safe for them to live and perish just like all creatures.” — Designed by Acodez IT Solutions from India.

Let Us Save The Tigers

preview
without calendar: 320×480, 640×480, 800×480, 800×600, 1024×768, 1024×1024, 1152×864, 1280×720, 1280×800, 1280×960, 1280×1024, 1366×768, 1400×1050, 1440×900, 1600×1200, 1680×1050, 1680×1200, 1920×1080, 1920×1200, 1920×1440, 2560×1440

Shades

“It’s sunny outside (at least in the Northern Hemisphere!), so don’t forget your shades!” — Designed by James Mitchell from the United Kingdom.

Shades

preview
without calendar: 1280×720, 1280×800, 1366×768, 1440×900, 1680×1050, 1920×1080, 1920×1200, 2560×1440, 2880×1800

Ahoy

Designed by Webshift 2.0 from South Africa.

Monthly Quality Desktop Wallpaper - August 2012

preview
without calendar: 1366×768, 1440×900, 1680×1050, 1920×1080, 1920×1200, 2560×1440

About Everything

“I know what you’ll do this August. 🙂 Because August is about holiday. It’s about exploring, hiking, biking, swimming, partying, feeling and laughing. August is about making awesome memories and enjoying the summer. August is about everything. An amazing August to all of you!” — Designed by Ioana Bitin from Bucharest, Romania.

About Everything

preview
without calendar: 320×480, 800×480, 800×600, 1024×768, 1280×960, 1280×1024, 1440×900, 1600×1200, 1680×1050, 1920×1080, 1920×1200, 1920×1440, 2560×1440

Shrimp Party

“A nice summer shrimp party!” — Designed by Pedro Rolo from Portugal.

Shrimp Party

preview
without calendar: 320×480, 800×600, 1280×800, 1440×900, 1600×1200, 1920×1080, 2560×1440

The Ocean Is Waiting

“In August, make sure you swim a lot. Be cautious though.” — Designed by Igor Izhik from Canada.

The Ocean Is Waiting

preview
without calendar: 640×480, 800×480, 800×600, 1024×768, 1024×1024, 1152×864, 1280×720, 1280×800, 1280×960, 1280×1024, 1400×1050, 1440×900, 1600×1200, 1680×1050, 1680×1200, 1920×1080, 1920×1200, 1920×1440, 2560×1440

Oh La La… Paris Night

“I like the Paris night! All is very bright!” — Designed by Verónica Valenzuela from Spain.

Oh la la.... Paris night

preview
without calendar: 800×480, 1024×768, 1152×864, 1280×800, 1280×960, 1440×900, 1680×1200, 1920×1080, 2560×1440

World Alpinism Day

“International Day of Alpinism and Climbing.” Designed by cheloveche.ru from Russia.

World Alpinism Day

preview
without calendar: 1024×768, 1280×800, 1280×1024, 1440×900, 1680×1050, 1920×1200

Estonian Summer Sun

“This is a moment from Southern Estonia that shows amazing summer nights.” Designed by Erkki Pung / Sviiter from Estonia.

Estonian Summer Sun

preview
without calendar: 320×480, 1024×1024, 1280×800, 1440×900, 1920×1200

Aunt Toula At The Beach

“A memory from my childhood summer vacations.” — Designed by Poppie Papanastasiou from Greece.

Aunt Toula At The Beach

preview
without calendar: 320×480, 640×480, 800×480, 800×600, 1024×768, 1024×1024, 1152×864, 1280×720, 1280×800, 1280×960, 1280×1024, 1366×768, 1400×1050, 1440×900, 1600×1200, 1680×1050, 1680×1200, 1920×1080, 1920×1200, 1920×1440, 2560×1440

Flowing Creativity

Designed by Creacill, Carole Meyer from Luxembourg.

Flowing creativity

preview
without calendar: 320×480, 1024×768, 1024×1024, 1280×800, 1280×1024, 1680×1050, 1920×1080, 1920×1200, 2560×1440, 2880×1800, 1366×768

Searching for Higgs Boson

Designed by Vlad Gerasimov from Russia.

Monthly Quality Desktop Wallpaper - August 2012

preview
without calendar: 800×600, 960×600, 1024×768, 1152×864, 1229×768, 1280×800, 1280×960, 1280×1024, 1400×1050, 1440×900, 1440×900, 1440×960, 1600×1200, 1600×1200, 1680×1050, 1728×1080, 1920×1200, 1920×1440, 2304×1440, 2560×1600

Unforgettable Summer Night

Designed by BootstrapDash from India.

Unforgettable Summer Night

preview
without calendar: 320×480, 640×480, 800×480, 800×600, 1024×768, 1024×1024, 1152×864, 1280×720, 1280×800, 1280×960, 1280×1024, 1366×768, 1440×900, 1440×1050, 1600×1200, 1680×1050, 1680×1200, 1920×1080, 1920×1200, 1920×1440, 2560×1440

Join In Next Month!

Thank you to all designers for their participation. Join in next month!

What it's like to be a Batman artist: Tony S Daniel shares his story

Original Source: http://feedproxy.google.com/~r/CreativeBloq/~3/VJm6L3TFoV0/what-its-like-to-be-a-batman-artist-tony-s-daniel-shares-his-story

Just like the Joker, Tony S Daniel is wrestling with Batman. As we’re interviewing him, issue 45 of the latest series is in its death throes, and it simply won’t die.

Normally, Batman wouldn’t be such a problem for the artist, who’s returning to a character he’s pencilled numerous times during his career. The trouble is that his inker has dropped out mid-issue, so he’s on double duty, drawing and inking his boards on the fly, Fed Ex-ing them off to DC Comics while responding to our questions.

Art techniques: top tutorials for painting and drawing

Long hours aside, Batman is where Tony’s fans want him, and it’s where he wants to be. “It’s like that feeling you get when you go back to your favourite place,” he says. “It’s still what you remember, but you’re older and wiser and maybe you can even appreciate a few details you didn’t first time around. It’s a good feeling.”

Working with writer Tom King, this latest run is kicking off with a new time-travelling storyline featuring Booster Gold, Catwoman and, of course, the Caped Crusader. Tony has always been a fan of a bigger, darker and grittier Batman, a character whose moods are shaped by the murder of his parents in Gotham City. He’s an artist who feels he’s at his most effective when he’s loose and spontaneous.

Aquaman, Wonder Woman, Batman and the Flash striking a heroic pose

This cover variant accompanied the 2017 issue of Justice League that DC published to coincide with the Warner Bros. fi lm based on the series

There’s a sense that Tony wants to get back on track with Batman. His last significant encounter with the character was during the New 52 reboot DC carried out in 2011. Tony relaunched Detective Comics at that time, which features Batman as its lead. The run ended prematurely with Tony feeling a little burned out.

“I was overworked at that time, writing Hawkman, and writing and drawing Detective Comics. It caught up with me real fast and the quality wasn’t what I demanded of myself,” he says.

I’ve learned you have to say ‘no’ to things sometimes. It could be in your own best interest

Tony S Daniel

He continues: “I could’ve stayed on for a couple more years, but I knew it would best to take a break and regroup. I’ve learned you have to say ‘no’ to things sometimes. It could be in your own best interest.”

Batman at his best

For Tony, the best Batman he’s ever drawn was during the R.I.P. story arc with writer Grant Morrison. The partnership between Tony on pencils and Grant weaving a mad storyline began on Batman issue 670, in 2007, with The Resurrection of Ra’s al Ghul. 

That first cover remains one of Tony’s favourites, and fans remember this period as one of the greatest in the character’s history. With the spontaneity of Grant’s plotting matched in Tony’s pencils, many put the artist up there right alongside the likes of Frank Miller and Neal Adams in the Batman pantheon.

Batman looking down on the Joker surrounded by doll heads

Tony’s unsettling cover for Detective Comics, volume 1 – part of DC’s ambitious New 52 relaunch of its titles back in 2011

“That was a magical time for me. I was so into it,” says Tony. “I couldn’t wait to read each script from Grant, because like every other fan, I wanted to know what the hell was going on! It really was a classic story and I’m so proud to have been a part of it.” 

If it was this version of Batman that brought Tony into the mainstream, it was an earlier book called The Tenth that put him on the map within the comics world. First published in 1997 by Image Comics, Tony owned the IP and The Tenth was a platform for him to both write and draw at the same time.

Dynamic and different, it featured young people with supernatural powers, up against Rhazes Darkk and his evil supermonsters. Originally, the plan was for Tony to block out the story and for Beau Smith to write and letter it.

Catwoman feasts on pop corn as she watches Batman fight the Joker

A new era of Batman begins with the current series issue 45, as Tony returns on pencils.

“After the first arc, I realised that I was doing more and more of the writing and dialogue, and thought I’d give it a try. It felt very natural for me,” he says.

“I love being the writer and artist. I do have a greater sense of being the storyteller, as opposed to being the artist only. I will get back to creator-owned at some point. Maybe next year, I hope. Though there’s risks with going down the creator-owned route, I’ve never shied away from risks.”

Writing on the side

After writing and drawing other comics at Image and Dark Horse, Tony was so inspired by the writing side that he took time out of comics to become a screenwriter.

Back in the world of comics, although he’s written and drawn hits like the Batman story Battle for the Cowl, and relaunched Deathstroke as artist-writer, today he prefers to draw alongside a good writer, and keep his screenwriting going on the side. He’s finishing a script with James Bonny, so watch this space.

Deathstroke and Harley Quinn amongst the ruins of Gotham

The cover to Tony’s fourth issue of Deathstroke, featuring Harley Quinn helping to bring Gotham to its knees

At the moment, Tony has his hands full with his current comics. On top of Batman, he’s drawing Damage. Although DC already had a character called Damage, to all intents and purposes the current series is a new launch. It’s got that tell-tale strength and directness you expect from a Tony S Daniel comic, with a fresh feel and – literally – a smashing main character.

“My style has constantly mutated over the years,” says Tony. “I don’t think I’ve ever forced a style change – it’s always happened slowly, organically. I think I have a mix of realism and cartoonishness that I try to balance. I find that if I go too realistic, the work ends up looking flat.”

This article originally appeared in ImagineFX issue 160; subscribe here. 

Related articles:

How to create a comic page5 ways to improve your digital art skillsHow to colour comics

How to Select the Right Copywriting Gig on Fiverr for Marketing Copy

Original Source: https://www.sitepoint.com/how-to-select-the-right-copywriting-gig-on-fiverr-for-marketing-copy/

This article was created in partnership with Fiverr. Thank you for supporting the partners who make SitePoint possible.

In this article, we are going to educate SitePoint readers on how to select the right gig on Fiverr for marketing copy.

As a worldwide verified freelancing platform, Fiverr is a 100% safe and productive site where you can buy and sell services. Boasting one of the fastest customer service departments available today, Fiverr's team immediately responds to questions and inquiries for a seamless customer usability experience.

In this guide you will learn:

The top tips for success when shopping around Fiverr
How to select blogging, email, and editing gigs
How to select a marketing copy gig that is right for you
Pros and cons of cheap versus expensive Fiverr writers

The Top Tips for Success When Shopping Around Fiverr

We are going to go over how to select the right gig every time when shopping on Fiverr.

/1. Be realistic about your expectations regarding the price you need to pay for a required writing job. Quality work costs more, even at Fiverr. Although it's still more affordable than any other freelancing marketplace, you're not going to get published on Forbes, or publish a high-quality e-book with custom illustrations, if you don't invest several hundred dollars.

Think of Fiverr as your go-to marketplace where you can always find the most affordable deals on writing services and more. Projects range from short blog post editing that will cost you only a few bucks, to top quality e-book writing services that will cost you several hundred dollars.

/2. Know how to clearly communicate. A good and bad point of Fiverr is that it's a global marketplace with every nationality selling and buying services. That means you need to be able to clearly articulate what it is that you want, in basic English, without the complexities.

If you can't clearly explain what it is that you need, do not try and outsource the project. That's a sign that you need to go back to the drawing board and reevaluate what it is that you need, first and foremost. When approaching a freelancer, you need to have an adept understanding of the task at hand, and the details required to make it happen.

It's ok to be a pain – the writers expect it. Now is the time to be safe, rather than sorry, and get all the information out in the open. It's up to the writer if they want to take on the task or not.

Be comprehensive.

Selecting Blogging, Emailing, and Editing Gigs

Now that you're ready to address your marketing copy, first understand that there are a variety of gigs out there related to content marketing. You can work on a press release, e-mail copy, newsletter, blog, product description, website page, and the list goes on.

For the sake of this piece, we're going to look at the 3 most important marketing copy gigs for our business: blogging, emailing, and editing & proofreading.

1. Blog writing gigs

Blogs are applicable for B2C, B2B, and personal posts, providing brands with an easy way to communicate a message, announcement, or feature to their followers. You want to find a writer that matches your personal style.

Within basic gigs, you can reasonably expect a Fiverr writer to provide 100-300 word blog posts, with titles and references.

When communicating with these writers regarding your blog, we recommend you use the following steps to ensure they have everything they need to write an awesome blog for you:

Your Blog URL: Firstly, send the writer your blog URL. They need to be able to familiarize themselves with your blog tone. Your blog might be informal with a little humor, or it could be incredibly serious and fact-based. Your ghostwriter will know how to take on your tone, but they need the right information first to make it happen.

If you don't have an existing blog, do your best to find at least 1-2 links to other blogs that have the tone you want. Your blog writer is not a mind-reader, and needs some kind of starting point in understanding your overall goal. The more examples you can provide them, the better.

Your Topic: Although blog writers can come up with completely original topics just based on your industry, if you do have a topic in mind, now is the time to communicate it to them (and not after the blog has been written). Let's say you own a social media management company. There is plenty to write on, but where do you want them to begin? Are you looking for more conversions regarding your SEO service? Tell the blog writer you want a blog on the benefits of SEO with a call-to-action at the end pushing the reader to sign up for your SEO services.

Although some of this might seem self-explanatory, be sure to articulate exactly what topic you want if that's your end goal. If not, you can let the blog writer do their thing.

Any Secret Specifications: When we find reliable Fiverr providers, it can be easy to assume they know how to do everything. Ghostwriters can select topics, research them, and write amazing marketing copy for your business. However, they can’t know that your company is only six months old and doesn’t actually provide SEO services (but will in two months). These secret specifications need to be communicated from the onset. It's not fair to surprise them after the entire blog has been crafted.

2. Email copy gigs

Email copy gigs on Fiverr will help you draft one or multiple emails for luring customers and patrons to your website.

Within the basic gigs, providers on Fiverr will vet your platform and draft up one or two emails that you can send to your subscriber list.

If you explore gig add-ons, email writers can write a series of emails, with release dates, so you continue to string on your leads.

3. Editing & proofreading gigs

A variety of editors are able to provide rewrites, proofing for grammar, syntax, spelling, and capitalization, as well as feedback on the copy.

Within the basic gigs, editors will proofread up to 1k or 2k words on your behalf, tracking their changes in a Word document. You can choose to accept or reject the changes, as well as request that a tracked changes and accepted changes document is provided at the end of the order.

How to Select a Marketing Copy Gig That Is Right for You

Now that we've explored the types of marketing copy gigs available to you on Fiverr, we're going to look at 5 steps for selecting the right marketing copy gig. There are many writers and editors available to you through the site, so where do you begin? How do you weed out the faulty providers? Here are our recommendations.

1. Reviews

As a review-based platform, you want to use Fiverr's publicly stated reviews to your advantage. If a gig only has 2 reviews, and one of them is not 5 stars, chances are you're not going to gamble. But if you see a gig with 300 reviews and a 5 star average, you know you're working with a serious provider.

The post How to Select the Right Copywriting Gig on Fiverr for Marketing Copy appeared first on SitePoint.

Exclusive Freebie: Communication  Icon Pack

Original Source: https://inspiredm.com/exclusive-freebie-communication-icon-pack/

The power of communication cannot be underestimated, especially not with the Freepik Communication Icon Pack. It has everything that you could think of in relation communication in the modern world. 

From smart slick cameras, tablets, and folders you have everything you can think of. Communication is all around us and is changing as the world evolves and modernizes. This icon pack is a constant reminder of that. There are three versions of each icon available and they are 100 percent editable which means you can customize them to suit your needs.

Each icon is free to download and even better you can find more styles on the Freepik and Flaticon websites. You can use the icons from anything to postcards to stationary. Free for personal and commercial use!

Download this awesome resources from here.

The post Exclusive Freebie: Communication  Icon Pack appeared first on Inspired Magazine.

Logging Activity With The Web Beacon API

Original Source: https://www.smashingmagazine.com/2018/07/logging-activity-web-beacon-api/

Logging Activity With The Web Beacon API

Logging Activity With The Web Beacon API

Drew McLellan

2018-07-27T13:40:14+02:00
2018-07-27T14:14:35+00:00

The Beacon API is a JavaScript-based Web API for sending small amounts of data from the browser to the web server without waiting for a response. In this article, we’ll look at what that can be useful for, what makes it different from familiar techniques like XMLHTTPRequest (‘Ajax’), and how you can get started using it.

If you know why you want to use Beacon already, feel free to jump directly to the Getting Started section.

What Is The Beacon API For?

The Beacon API is used for sending small amounts of data to a server without waiting for a response. That last part is critical and is the key to why Beacon is so useful — our code never even gets to see a response, even if the server sends one. Beacons are specifically for sending data and then forgetting about it. We don’t expect a response and we don’t get a response.

Think of it like a postcard sent home when on vacation. You put a small amount of data on it (a bit of “Wish you were here” and “The weather’s been lovely”), put it in the mailbox, and you don’t expect a response. No one sends a return postcard saying “Yes, I do wish I was there actually, thank you very much!”

For modern websites and applications, there’s a number of use cases that fall very neatly into this pattern of send-and-forget.

Getting the process just right ain’t an easy task. That’s why we’ve set up ‘this-is-how-I-work’-sessions — with smart cookies sharing what works really well for them. A part of the Smashing Membership, of course.

Explore features →

Smashing TV, with live sessions for professional designers and developers.

Tracking Stats And Analytics Data

The first use case that comes to mind for most people is analytics. Big solutions like Google Analytics might give a good overview of things like page visits, but what if we wanted something more customized? We could write some JavaScript to track what’s happening in a page (maybe how a user interacts with a component, how far they’ve scrolled to, or which articles have been displayed before they follow a CTA) but we then need to send that data to the server when the user leaves the page. Beacon is perfect for this, as we’re just logging the data and don’t need a response.

There’s no reason we couldn’t also cover the sort of mundane tasks often handled by Google Analytics, reporting on the user themselves and the capability of their device and browser. If the user has a logged in session, you could even tie those stats back to a known individual. Whatever data you gather, you can send it back to the server with Beacon.

Debugging And Logging

Another useful application for this behavior is logging information from your JavaScript code. Imagine you have a complex interactive component on your page that works perfectly for all your tests, but occasionally fails in production. You know it’s failing, but you can’t see the error in order to begin debugging it. If you can detect a failure in the code itself, you could then gather up diagnostics and use Beacon to send it all back for logging.

In fact, any logging task can usefully be performed using Beacon, be that creating save-points in a game, collecting information on feature use, or recording results from a multivariate test. If it’s something that happens in the browser that you want the server to know about, then Beacon is likely a contender.

Can’t We Already Do This?

I know what you’re thinking. None of this is new, is it? We’ve been able to communicate from the browser to the server using XMLHTTPRequest for more than a decade. More recently we also have the Fetch API which does much the same thing with a more modern promise-based interface. Given that, why do we need the Beacon API at all?

The key here is that because we don’t get a response, the browser can queue up the request and send it without blocking execution of any other code. As far as the browser is concerned, it doesn’t matter if our code is still running or not, or where the script execution has got to, as there’s nothing to return it can just background the sending of the HTTP request until it’s convenient to send it.

That might mean waiting until CPU load is lower, or until the network is free, or even just sending it right away if it can. The important thing is that the browser queues the beacon and returns control immediately. It does not hold things up while the beacon sends.

To understand why this is a big deal, we need to look at how and when these sorts of requests are issued from our code. Take our example of an analytics logging script. Our code may be timing how long the users spend on a page, so it becomes critical that the data is sent back to the server at the last possible moment. When the user goes to leave a page, we want to stop timing and send the data back home.

Typically, you’d use either the unload or beforeunload event to execute the logging. These are fired when the user does something like following a link on the page to navigate away. The trouble here is that code running on one of the unload events can block execution and delay the unloading of the page. If unloading of the page is delayed, then the loading next page is also delayed, and so the experience feels really sluggish.

Keep in mind how slow HTTP requests can be. If you’re thinking about performance, typically one of the main factors you try to cut down on is extra HTTP requests because going out to the network and getting a response can be super slow. The very last thing you want to do is put that slowness between the activation of a link and the start of the request for the next page.

Beacon gets around this by queuing the request without blocking, returning control immediately back to your script. The browser then takes care of sending that request in the background without blocking. This makes everything much faster, which makes users happier and lets us all keep our jobs.

Getting Started

So we understand what Beacon is, and why we might use it, so let’s get started with some code. The basics couldn’t be simpler:

let result = navigator.sendBeacon(url, data);

The result is boolean, true if the browser accepted and queued the request, and false if there was a problem in doing so.

Using navigator.sendBeacon()

navigator.sendBeacon takes two parameters. The first is the URL to make the request to. The request is performed as an HTTP POST, sending any data provided in the second parameter.

The data parameter can be in one of several formats, all if which are taken directly from the Fetch API. This can be a Blob, a BufferSource, FormData or URLSearchParams — basically any of the body types used when making a request with Fetch.

I like using FormData for basic key-value data as it’s uncomplicated and easy to read back.

// URL to send the data to
let url = ‘/api/my-endpoint’;

// Create a new FormData and add a key/value pair
let data = new FormData();
data.append(‘hello’, ‘world’);

let result = navigator.sendBeacon(url, data);

if (result) {
console.log(‘Successfully queued!’);
} else {
console.log(‘Failure.’);
}

Browser Support

Support in browsers for Beacon is very good, with the only notable exceptions being Internet Explorer (works in Edge) and Opera Mini. For most uses, that should be fine, but it’s worth testing for support before trying to use navigator.sendBeacon.

That’s easy to do:

if (navigator.sendBeacon) {
// Beacon code
} else {
// No Beacon. Maybe fall back to XHR?
}

If Beacon isn’t available and your request is important, you could fall back to a blocking method such as XHR. Depending on your audience and purpose, you might equally choose to not bother.

An Example: Logging Time On A Page

To see this in practice, let’s create a basic system to time how long a user stays on a page. When the page loads we’ll note the time, and when the user leaves the page we’ll send the start time and current time to the server.

As we only care about time spent (not the actual time of day) we can use performance.now() to get a basic timestamp as the page loads:

let startTime = performance.now();

If we wrap up our logging into a function, we can call it when the page unloads.

let logVisit = function() {
// Test that we have support
if (!navigator.sendBeacon) return true;

// URL to send the data to, e.g.
let url = ‘/api/log-visit’;

// Data to send
let data = new FormData();
data.append(‘start’, startTime);
data.append(‘end’, performance.now());
data.append(‘url’, document.URL);

// Let’s go!
navigator.sendBeacon(url, data);
};

Finally, we need to call this function when the user leaves the page. My first instinct was to use the unload event, but Safari on a Mac seems to block the request with a security warning, so beforeunload works just fine for us here.

window.addEventListener(‘beforeunload’, logVisit);

When the page unloads (or, just before it does) our logVisit() function will be called and provided the browser supports the Beacon API our beacon will be sent.

(Note that if there is no Beacon support, we return true and pretend it all worked great. Returning false would cancel the event and stop the page unloading. That would be unfortunate.)

Considerations When Tracking

As so many of the potential uses for Beacon revolve around tracking of activity, I think it would be remiss not to mention the social and legal responsibilities we have as developers when logging and tracking activity that could be tied back to users.

GDPR

We may think of the recent European GDPR laws as they related to email, but of course, the legislation relates to storing any type of personal data. If you know who your users are and can identify their sessions, then you should check what activity you are logging and how it relates to your stated policies.

Often we don’t need to track as much data as our instincts as developers tell us we should. It can be better to deliberately not store information that would identify a user, and then you reduce your likelihood of getting things wrong.

DNT: Do Not Track

In addition to legal requirements, most browsers have a setting to enable the user to express a desire not to be tracked. Do Not Track sends an HTTP header with the request that looks like this:

DNT: 1

If you’re logging data that can track a specific user and the user sends a positive DNT header, then it would be best to follow the user’s wishes and anonymize that data or not track it at all.

In PHP, for example, you can very easily test for this header like so:

if (!empty($_SERVER[‘HTTP_DNT’])) {
// User does not wish to be tracked …
}

In Conclusion

The Beacon API is a really useful way to send data from a page back to the server, particularly in a logging context. Browser support is very broad, and it enables you to seamlessly log data without negatively impacting the user’s browsing experience and the performance of your site. The non-blocking nature of the requests means that the performance is much faster than alternatives such as XHR and Fetch.

If you’d like to read more about the Beacon API, the following sites are worth a look.

“W3C Beacon specification,” W3C Candidate Recommendation
“MDN Beacon documentation,” MDN web docs, Mozilla
“Browser support information,” caniuse.com

Smashing Editorial
(ra, il)

The best colour tools for web designers

Original Source: http://feedproxy.google.com/~r/CreativeBloq/~3/XoqHAngN_VI/the-best-colour-tools-for-web-designers

As web designers, one of the most important choices we make has to do with our colour selections. Choose the wrong ones, and you might just lose out on an opportunity. It's true – the colours we choose can have a psychological impact on those who view them.

For example, red is generally viewed as a high-energy colour, while blue implies calmness and peace. To illustrate this point, consider the colours you might use on a website selling children's toys versus a site for a law firm. Chances are, you'll go with bright, vibrant colours for the former, and muted tones of blue and grey for the latter.

But how do you know which colours work well together? Luckily, you don't have to be a master at colour theory to put together a workable colour palette. To help you with the important task of colour selection, here are some of the best free colour web design tools (plus one special bonus at the end for Mac users).

01. HueSnap

hue snap colour tool

Snap inspiration on the go and turn it into colour palettes

Inspiration can strike at any time. It might be the decor of a hotel room or the light in the park one evening that sparks the inspiration for your next website colour scheme. For when that happens, HueSnap is here to help. You can snap a photo and use HueSnap to extract the colours from the image and make them into a palette. 

The app is tailored for mobile use, and you can save and share your palettes with others. There are plenty of features to help you modify a palette, such as options to choose complementary and compound colours, and your palettes can have up to six colours each.

02. Khroma

khroma colour tools

Khroma uses AI to suggest colours you’ll like

Khroma is an AI colour tool that aims to help you easily browse and compare original colour combinations. With it, users train an AI algorithm to act like an extension of their brain. Users start by picking 50 colours they like, and these colours are used to train a neural network that can recognise hundreds of thousands of other similar colours. Find out more about Khroma and how to use it here.

03. Coolors.co

Laptop, desktop and mobile screens displaying colour palettes

The Explore section includes hundreds – if not thousands – of palette options

Coolors offers a wide variety of tools for adjusting the palette just the way you want it. In addition, you can export your final creation in many different formats so you can use it virtually wherever you want. 

Coolors isn’t just a tool to create a colour palette, it also allows you to view other completed creations from other users so that you can draw inspiration. The Explore section has hundreds (if not thousands) of palettes you can view, save, and edit yourself. Even better, Coolors is available on desktop computers, and as an iOS application, an Adobe Photoshop and Illustrator add-on – and even a Google Chrome Extension for easy access.

04. Adobe Color CC

Colour wheel selection screen with adjustment tools

This has been around a while, but is still incredibly useful

Free tool Adobe Color CC has been around for a while, and it's one of the best colour tools out there for picking a colour palette. Not only can you create your own colour schemes, but you can also explore what others have created. 

Select a colour from the wheel or from an image and apply colour rules such as only using complementary colours, monochromatic colours or shades of the colour you select, to generate a colour palette. Or, click on each colour and explore the colour wheel to customise the selection. As an added bonus, you can save the themes you create to your Adobe library.

05. Colordot

Bars of colours with reference numbers

Use simple mouse gestures to build up your colour palette

Colordot by Hailpixel is an excellent free online tool for creating a colour palette. Using simple mouse gestures, you can select and save colours. Move your mouse back and forth for hue; up and down for lightness; scroll for saturation and click to save a colour to your palette. Click the tog icon to see each colours RGB and HSL values. It also has a $0.99/£0.99 iOS app that allows you to capture colours with your camera.

06. Eggradients

eggradients screen shot

Gradient inspiration and thought-provoking names

Eggradients offers ideas for beautiful gradients to use within your design work, put together by someone with both a great eye for colour and an interesting sense of humour. Each gradient, displayed in an egg shape, comes with its own thought-provoking name. Examples include 'Wozniak’s Broken Heart' for a pale blue and 'Merciful Enemy' for a yellow to green transition. 

07. 147 Colors

Grid of multicoloured swatches

This free tool includes the standard CSS colours

When you're responsible for generating easy-to-read CSS, sometimes using standard colours and colour names is the way to go. Thanks to 147 Colors by Brian Maier Jr, you can get a glimpse of all of them, and pick the ones that work for you. 

It contains the 17 standard colours, plus 130 other CSS colour names. Filter the results by shades of blue, green and so on, or choose from the full rainbow of 147 colours.

08. Canva Color Palette Generator

Canvas tool colour selection screen

Create a colour palette based on an image

The Color Palette Generator by Canva is perfect if you're looking to create a colour palette based around a particular image.  Although other tools offer similar options, Canva’s is super-simple to use: you upload an image and the generator will return a palette of the five main colours contained in it. You can click on the colours you like and copy the HEX value to your clipboard.

Unfortunately, this is where the usefulness of Canva’s offering ends, as this is all you can do with its palette generator – you cannot adjust the colours of the palette. The only other options you have are to copy the hex values provided or upload another photo.

09. Material Design Palette

Material Design Palette selection screen

Create a palette based on Google’s Material Design principles

With Material Design Palette you can select two colours, which are then converted into a full colour palette for you to download, complete with a preview. 

The company also offers Material Design Colors, which enables designers to see the different shades of a colour, along with their corresponding HEX values.

10. ColourCode

Bars of colours with HEX values

Save and export colour palettes as SCSS, LESS or PNG files

ColourCode by Tamino Martinius and Andreas Storm is similar to Colordot, but it offers a bit more guidance. This free tool hits you right in the face, showcasing a background that changes colours with your cursor movement. Besides that, this tool offers different categories for the palette (analogue, triad, quad, monochrome, monochrome light etc). 

With ColourCode, you can set different options along the colour wheel to create an original combination. You can also save your palette or export it as a SCSS or LESS file. You can even export to PNG, if you'd like.

11. Color Calculator

Colour Calculator instruction screen

Select a colour and a colour harmony, and this tool will generate a colour palette

The Color Calculator is straightforward: you select a colour and a colour harmony option. In return, you get back the results of your recommended colour scheme. 

What's nice about this site, however, is that it also goes into a little bit of detail about colour theory and how it relates to your colour choices.

12. HTML Color Code

HTML Color Code download screen

This suite of tools includes a list of standard colour names

This bulging free suite of tools by Dixon & Moe includes an in-depth colour picker with plenty of explanations of colour rules; a series of colour charts featuring flat design colours, Google's Material design scheme and the classic web safe colour palette; and a list of standard HTML colour names and codes. 

This site also offers tutorials and other resources for web designers, and options to export results from its tools as HEX codes, HTML, CSS and SCSS styles.

13. W3Schools: Colors Tutorial

Colors Tutorial naming examples screen

This free tutorial includes links to a number of handy colour tools

If you're looking for an all-in-one solution that includes a guide to colours, as well as a number of different tools, then the Colors Tutorial at W3Schools is the perfect choice.

Not only can you learn about colour theory, colour wheels, and colour hues, but you'll also be able to use the other tools it has, such as the Color Converter. With this tool, you're able to convert any colour to-and-from names, HEX codes, RGB, HSL, HWB and CMYK values.

14. Digital Color Meter (Mac)

Example of Digital Color Meter in action

Mac’s built-in tool lets you grab colours from your screen

OK, Mac users… this one's for you. With your machine's built-in Digital Color Meter tool, you can 'grab' a colour from anywhere on your screen, then get the values for that colour as a decimal, hexadecimal, or percentage. Plus, you can even 'copy' the selected colour as a text or image.

Read more:

If celebrities were Pantone colours3 huge colour trends for 2018How to pick the perfect colour palette every time

Be Legendary. Nike Branding Concept for Tokyo 2020

Original Source: http://feedproxy.google.com/~r/abduzeedo/~3/4wQsSWfJdIg/be-legendary-nike-branding-concept-tokyo-2020

Be Legendary. Nike Branding Concept for Tokyo 2020

Be Legendary. Nike Branding Concept for Tokyo 2020

AoiroStudio
Aug 02, 2018

Daniele Caruso is a freelance illustrator based in Swindon, United Kingdom. He is working mainly in illustration, graphic design and branding. We are taking a look at his branding concept for Nike: Be Legendary, for the upcoming and anticipated Tokyo 2020. With the tagline “legendary”, Daniele included mythological creatures to create an artistic atmosphere alongside with the colour palette that totally reminds me of Dotonbori (the bright heart) from Osaka, Japan. What do you think? Would you like this kind of visual approach if it was from Nike.

More Links
danielecaruso.com
Behance
Be Legendary. Nike Branding Concept for Tokyo 2020Be Legendary. Nike Branding Concept for Tokyo 2020Be Legendary. Nike Branding Concept for Tokyo 2020Be Legendary. Nike Branding Concept for Tokyo 2020

nike
branding
concept
illustration
tokyo


Collective #438

Original Source: http://feedproxy.google.com/~r/tympanus/~3/zfuMSJF18o8/

C438_WOTW

Inspirational Website of the Week: Volt By Drive

A great game-like design with some nice animations. Our pick this week.

Get inspired

C438_NW

Our Sponsor
Earn your master’s in Information Design and Strategy

Learn to blend digital skills like information architecture & experience design in Northwestern’s online master’s program for designers.

Apply now

C438_city

Little Big City

A fantastic project by Yi Shen: generating a real city on a little planet with the help of ClayGL.

Check it out

C438_game

Pyxel

Pyxel is a retro game development environment in Python.

Check it out

C438_fusionjs

Introducing Fusion.js: A Plugin-based Universal Web Framework

Leo Horie from Uber Engineering introduces Fusion.js, an open source web framework for building lightweight, high-performing apps.

Read it

C438_costjs

The Cost Of JavaScript In 2018

Addy Osmani covers some strategies you can use to deliver JavaScript efficiently while still giving users a valuable experience.

Read it

C438_doodles

theDoodleLibrary

A fantastic collection of free, reusable drawings and doodles in a vector (SVG) format.

Check it out

C438_css

CSS exclusions with Queen Bey

Chen Hui Jing writes about CSS Exclusions and new CSS features in general,? and why we should keep them out regardless of current browsers’ support.

Read it

C438_task

Taskbook

Taskbook enables you to effectively manage your tasks and notes across multiple boards from within your terminal.

Check it out

C438_clipboard

The Clipboard API Crashcourse

A practical guide to the Clipboard API by David East.

Check it out

C438_bullshitweb

The Bullshit Web

A very interesting article by Nick Heer on the course the web took concerning unnecessary page load for questionable purposes.

Read it

C438_network

Dynamic resources using the Network Information API and service workers

Learn about the new Network Information API that allows developers to determine the connection types and the underlying connection technology that the user agent is using. By Dean Hume.

Read it

C438_zen

CodeZen

With this tool you can generate shareable and elegant images from your source code.

Check it out

C438_betweenjs

Between.js

A lightweight JavaScript (ES6) tweening library by Alexander Buzin.

Check it out

C438_apps

UI Sources

Get real product insights from the best designed and top grossing apps on the App Store with this email newsletter.

Check it out

C438_native

Performance Techniques in 2017

A slide deck with lots of info on getting native performance with new Web APIs.

Check it out

C438_vunits

The trick to viewport units on mobile

Louis Hoebregts shows an interesting trick to get viewport units behave on mobile.

Read it

C438_reportingobs

ReportingObserver: know your code health

Eric Bidelman writes about the ReportingObserver, a new API that lets you know when your site uses a deprecated API or runs into a browser intervention.

Read it

C438_motion

Improve your motion

An article by Erick Leopoldo with practical tips on how to make animations better.

Read it

C438_font

Free Font: Bivona

A playful, energetic font by Dathan Boardman from Rocket Type.

Get it

C438_loader

Space Loader

A great space themed loader by Chris Gannon.

Check it out

Collective #438 was written by Pedro Botelho and published on Codrops.

User Experience Psychology And Performance: SmashingConf Videos

Original Source: https://www.smashingmagazine.com/2018/08/smashingconf-ux-videos/

User Experience Psychology And Performance: SmashingConf Videos

User Experience Psychology And Performance: SmashingConf Videos

The Smashing Editorial

2018-08-01T13:30:35+02:00
2018-08-01T15:01:09+00:00

Today, we’d like to shine a light on two videos from our archives as we explore two very different approaches to User Experience (UX). The first explores how we relate our websites to the needs and situations of our visitors, trying to meet them where they are emotionally. The second is a detailed technical exploration into how we measure and track the data around performance as it relates to user experience.

The second video may seem unrelated to the first video; however, while the collecting and analyzing of data might seem very impersonal, the improvements we can make based on the information makes a real difference to the experience of the people we build our sites to serve.

Designing Powerful User Experiences With Psychology

Recorded at the SmashingConf in San Francisco earlier this year, Joe Leech explains how psychology impacts user experience. Joe explains the frustrations people using our products face, and the things happening in their everyday lives and environment that can make interacting with our websites and applications difficult. He goes on to help us understand how we can design in a way to help these visitors rather than frustrate them.

How’s The UX On The Web, Really?

Once you have created a great user experience, how do you know that it is really working well? Especially in terms of site performance, we can track how people are using our sites and examine that data to see what is really happening.

At the SmashingConf in London, Ilya Grigorik was the Mystery Speaker and spoke about the ways to assess performance in real terms, and benchmark your application against other destinations on the web.

Enjoyed listening to these talks? There are many more SmashingConf videos on Vimeo. We’re also getting ready for the upcoming SmashingConf in New York — see you there? 😉

With so much happening on the web, what should we really pay attention to? At SmashingConf New York 2018 ?? we’ll explore everything from PWAs, font loading best practices, web performance and eCommerce UX optimization, to refactoring CSS, design workflows and convincing your clients. With Sarah Drasner, Dan Mall, Sara Soueidan, Jason Grigsby, and many other speakers. Oct 23–24.

Check the speakers →

SmashingConf New York 2018, with Dan Mall, Sara Soueidan, Sarah Drasner and many others.

Smashing Editorial
(ra, il)