Slate
Blackcurrant
Watermelon
Strawberry
Orange
Banana
Apple
Emerald
Chocolate
Marble
Slate
Blackcurrant
Watermelon
Strawberry
Orange
Banana
Apple
Emerald
Chocolate
Marble
-
Content Count
19,176 -
Joined
-
Last visited
Never -
Feedback
N/A
Everything posted by Rss Bot
-
Last week, we reported that a grocery store in Vancouver – East West Market – had come up with a novel way to discourage plastic bag use. It had printed supposedly 'shameful' slogans, such as 'the colon care coop' and 'Dr Toeurs' wart ointment', on its five-cent plastic bags in a bid to stop people buying them. We thought this seemed like a great idea, but predicted it might backfire. The bags are so good-looking we thought people would want to buy them. And guess what? We were right. The owner of East West Market, David Lee Kwen, told the Guardian that some customers were keen to collect the designs – which include some rather stylish typography (see our roundup of retro fonts to copy the look). Many of them were doing so "because they love the idea of it," said Kwen. Despite, this, he claimed the scheme is working: "Even if you have the bag, you have to explain its origin to your friends. And then, we’ve started a conversation." And of course, this is all just happens to be good publicity for East West Market. One of the 'shameful' bag designs [Image: East West Market] We also thought that one way to get round people wanting the bags would be to print the designs on canvas bags instead of plastic ones. And again, our predictions came true, as Kwen plans to do just that. "It’s a double-edged sword," he said of the scheme. "We wanted to address an issue, but we’ve also made something popular, so it’s turned out great." But it's not all been positive for East West Market. Some have pointed out that the store uses a lot of plastic in its other packaging. When East West Market posted an image of two customers who had chosen to carry their groceries instead of use a bag on Facebook (see below), many of the comments focused on the amount of plastic used to wrap the goods. It seems that becoming 'environmentally friendly' or campaigning to reduce plastic in your business is not as simple as many imagine. It also goes to show that if you can produce and design something beautiful related to plastic use, if nothing else, you'll at least get people talking. Read more: 38 standout packaging designs 5 ad campaigns that changed the world How to create work that could change the world View the full article
-
Back in 2017, design agency høly broke records by creating the most successful crowdfunded font in history. Its OpenType font, Futuracha, proved to be popular thanks to a feature that automatically adjusted letter shapes to fit whatever the user had written. And earlier this week, høly announced an updated and redesigned version of the font: Decoracha. Inspired by the principles of the Art Deco movement and the quirky antennae of a Madagascan cockroach, Decoracha builds on Futuracha by introducing capital letters, numbers, positional alternates, varied diacritics, and four different stylistic sets. And just like its predecessor, Decoracha still adjusts and readjusts to fit whatever you've typed. Decoracha is available to purchase with three licenses: student, personal, and commercial. Prices start from as little as €19, but if you're after something even cheaper, check out our list of the best free fonts for designers. Watch Decoracha in action below to get an idea of what it's capable of. As well as including up to seven alternates for every letter, Decoracha is also available as a webfont version. All of these updates mean that the flexible font is now more versatile than ever. It remains to be seen if Decoracha can top the work of Futuracha in terms of success. But given that Futuracha was downloaded by over 50,000 people in its first year of publication alone, we're expecting big things from this enriched redesign. To download Decoracha, head over to the høly site and pick you license. Related articles: Quirky font magically adjusts to what you're writing How to design a handwriting font that isn't boring Transform your type online with variable fonts View the full article
-
Archviz is one of the 3D world's most exciting communities. The term, which stands for architectural visualisation, melds architectural flair with technical know-how. But to those on the outside of the community, it can be a mysterious and often daunting area. That’s why we've assembled the experts to lift the lid and explore the foundations of archviz. So if you've checked out our free 3D models and went to take your skills further, let's hear what they have to say. What is archviz? Jeff Mottle, CEO and founder of CGarchitect, the leading online magazine for architectural computer graphics, has some thoughts: "At its core archviz is using some form of computer generated visualisation to depict architecture. In reality, the term encompasses an entire profession that ranges from image generation to real-estate marketing films, VR/AR, touch-screen installations, apps, etc." He adds: "There is very little standardisation in what we call ourselves in this field, so there are many terms and titles, but in the end it’s all about using visualisation in a compelling way to sell or design architecture and real-estate." Victor Bonafonte, art director and co-founder of creative collective Beauty & The Bit, expands the definition further: "It's the ability to portray forthcoming and unbuilt architecture in the present. Good archviz isn't attached to any specific technique. It can be anything, from a Frank Lloyd Wright watercolour to a CG city asset in a sci-fi movie. In the end both of them are showing hypothetical architecture." A still from Beauty & The Bit’s animated short film, Landmark [Image: Beauty & The Bit] It appears that the only defining factor of archviz is that architecture is, in some way, visualised. But what attracts talented artists to this vast corner of the CG industry? "I've loved architecture from a very young age and always knew I wanted to be somehow involved with it," says Mottle. "I also had a lot of interest in computers and all things technical, which I guess naturally led me into archviz." For freelance visual designer Mohit Sanchaniya, the appeal is similar: "The best thing about archviz is that it brings out your creativity, imagination and showcases architecture through an artistic masterpiece." What's the appeal of archviz? Back in 2001 there were very few resources available to those that wanted to indulge their passion for archviz, something that prompted Mottle to start his online magazine CGarchitect, which caters to the architectural computer graphics industry. Victor Bonafonte gathers inspiration from cinema, painting, traditional photography, videogames and concept art [Image: Victor Bonafonte] "The industry has grown exponentially since then, but CGarchitect has stayed the course and continues to be the leading and central hub for pros around the world looking to connect, advance their careers and learn," he explains. Sites like Mottle's have helped to cultivate the lively archviz community of today. "CGarchitect has become many things to many people," he continues. "We write and publish articles, feature top artists, advocate for the industry and regularly survey the field to provide the most up-to-date information." "We also host the 'Oscars' of our industry in the CGarchitect 3Dawards, now in their 16th year. I think that's my favourite project I work on each year. Regardless of the things we do, our mission is to evangelise the industry and elevate professionals in the field so they can pursue rewarding careers." In more recent years artists like Sanchaniya have emerged in a community that's more connected than ever. "I started my archviz career in 2014, during my college days," he reflects. "I graduated in civil architecture, which led to me focusing on architectural illustration. Early in 2017 I participated in the Tomorrow 2017 archviz challenge, which helped me to get a job at Tomorrow’s studio in Stockholm." Misty Chicago, Mohit Sanchaniya's winning image for the Evermotion Challenge in 2018 [Image: Mohit Sanchaniya] While Sanchaniya was busy studying in 2012, Bonafonte was starting Beauty & The Bit from home, with his partner Lina Garau. The small boutique studio is based around, but not limited to, archviz. "We provide architectural illustrations with a strong art direction, crafting iconic visuals that drive the observer’s emotions," says Bonafonte. This takes much more than placing blocks and materials in the correct place, as Bonafonte explains: "We like to think of our images not as a collection of checkmarks in a PDF document, but as something with much more coherence and intention." "When I started this company I was already working with people like SHL, SOM and BIG. I wondered if they'd think I was managing their projects from the same room that held all my home recordings. We've been growing consistently from that very moment." Beauty & the Bit is a boutique archviz studio based in Madrid, Spain [Image: Beauty & The Bit] Beauty & The Bit's growth has been such that in 2018 they embarked upon their most ambitious project yet, Landmark, a non-commissioned animated short project that aimed to go beyond the usual architectural approach. "At that moment in time I wanted to show that a different animation style is possible for architecture. Architecture has drama and storytelling, just like a movie, so why can't we incorporate those elements into architectural animations?" argues Bonafonte. He continues: "At some point there has to be something that breaks the rules and tries to give another turn to the screw. It was proudly worked on in our spare time last year, and believe me, we have hardly any spare time. It's been widely recognised and highlighted, not just in archviz circles but in several cinemas, as well as on sites dedicated to animation and visual effects." How can you start an archviz career? Even if you have the blend of artistic flair and technical wizardry necessary for archviz, taking the first step in your career can be a challenge for some. We asked our contributors to impart some wisdom, based on their own experiences. KAAN, Beursplein, Belgium. Created by Beauty & The Bit in 2017 [Image: Beauty & The Bit] "One of the positive aspects of being a freelancer is that you have a creative freedom on projects and are able to make them unique," explains Sanchaniya of his own route. "You can work in your own style, experimenting with new stuff and different workflows." However, there are things to be carefully considered before embarking on a freelance venture. Sanchaniya explains that it can be difficult to manage the business end of things on your own. There is also the small matter of making a name for yourself in the industry, something that takes time in and of itself. "I think the biggest single piece of advice I could give would be to ensure you understand why this industry exists and what role visualisation plays," says Mottle, someone who has a rare perspective over the industry. "I think there are far too many people that have entered the field on the back of being software experts, without a lot of thought into the value they bring. Some are purely technicians that leverage software to do the heavy lifting, and some are fine artists who leverage their skills as artists to bend the software to their will." "At the end of the day though, this profession is about telling a compelling story through architecture or leveraging the tools to help visualise during the design process," he continues. Beauty & the Bit utilised iToo Software’s Forest Pack for some exterior shots in their short film Landmark [Image: Beauty & The Bit] "Right now we're on the cusp of a major shift where software and technicality will play a much less visible role in the profession. This is going to leave a giant hole for those relying on their expertise in software. I think creative thinking and artistic ability will eventually be what is needed almost exclusively to work in this field." Another option is of course to apply for work at a studio focused on architectural visualisation, like Beauty & The Bit. When asked what advice he has for artists, Victor Bonafonte said: "Just follow your intuition, don't form an opinion of your work based on other people's comments. Commenting and criticising is easy and cheap, but having the guts to do something, that's a whole different thing." He continues: "Keep reinventing yourself, it's a unique way to grow as an artist. Work your ass off, be self-critical with what you do, and have some fun. Don't just chase money, it makes living easier but don't be exclusively focused on it. Chase excellence, chase quality, and chase beauty in what you do." This article was originally published in issue 246 of 3D World, the world's best-selling magazine for CG artists. Buy issue 246 or subscribe to 3D World. Related articles: The best 3D modelling software 2019 20 Cinema 4D tutorials to up your 3D skills How to create 3D grass View the full article
-
Calculating your rate as a designer or illustrator is a notoriously tricky task, as is managing clients that think they can design, or believe they are masters of design thinking, who are hiring you just so you can agree with them. If you can relate to the above, then you'll appreciate the graphic designer's price list. We originally wrote about this price list back in 2015, but have found that versions of it are still doing the rounds, suggesting that it continues to be relevant today. Plus, it's still pretty funny (or sad, depending on how you look at it). Still want to design everything? [Image: Digital Synopsis] There are several version of the price list on the net, this one is one of the better-looking ones around (some of them seem to be horribly low-res, we assume on purpose?), and is from Digital Synopsis. Based on the Fibonacci sequence, the fees follow the 1:1.61 ratio – otherwise know as the Golden Ratio – spiralling upwards as the client increasingly takes control. Clients: take note. If this price list is anything to go by, your design 'skills' might be about to get rather costly. Read more: 10 steps to getting a reluctant client to pay How to make money on Pinterest as a creative The best monitor stands for your studio (that don't cost $1,000) View the full article
-
With its amazing design, brilliant battery life, and focus on fitness, it's no surprise that the Apple Watch Series 4 is regarded as the best smartwatch money can buy. However, it's also the priciest smartwatch on the market. But if you've got an Apple Watch Series 3 or an appropriate smartphone that you're ready to trade in, you could save a whopping £340 on the RRP at John Lewis. The timing of this deal is no surprise. With Amazon Prime Day 2019 just around the corner, online retailers are dropping their prices on a range of goods. Depending on what you currently own, you could be the proud owner of an Apple Watch Series 4 model for just £59. For a list of full what you can trade in, click here. What sets the Apple Watch Series 4 apart from previous models is a screen that stretches to the edge of the device. Other improvements include better colour depth and unparalleled access to third-party apps. There are plenty of models to choose from on the John Lewis site, but take a look at some of the most eye-catching smartwatches below. Related articles: The best smartphone in 2019: be more creative on the move The 10 most beautiful Apple products (and the 5 ugliest) The best cheap Apple Pencil deals of 2019 View the full article
-
We're nearly halfway through Pride Month, the annual celebration of the LGBTQ+ community. It happens in June every year to mark the date of the Stonewall riots in New York, and this year's a big one as it's the 50th anniversary of Stonewall. This year also feels like a particularly important one thanks to the current social and political climate that's seeing attacks on LGBTQ+ rights from a number of quarters, so it's heartening to see big brands doing their bit and showing their support for Pride Month in various ways. Even if it's just something like a temporary logo (read more about logo design here), new packaging in support of Pride, or a line of rainbow T-shirts, it all helps. Here, then, are eight brands supporting Pride Month in various – and colourful – ways. The stories behind Pride flag designs 01. Skittles Four LGBTQ+ artists, including Kate Moross, created these packaging designs [Image: Skittles] Skittles has had a long association with Pride, and for the past couple of years it's marked the event by draining its rainbow in favour of colourless packaging. This year, though, it's decided on a different approach, and challenged Straight Forward to come up with a new packaging concept for Pride. The London agency brought in four artists who identify with the LGBTQ+ community – Thomas Wolski, Fox Fisher, Kate Moross and Maia Bokye – to create a collection of limited edition packaging designs that celebrate Pride while staying true to Skittles' brand messaging, with fantastic results. 02. Apple It's the perfect excuse to get a new strap for your Apple Watch [Image: Apple] There are very few major companies with an openly gay CEO, and Apple is one of them. Tim Cook tweeted in support of Pride Month last week, and while Apple never goes as full-on its support for Pride as other brands do, in recent years it's marked the event by releasing limited edition rainbow straps for the Apple Watch. This year is no exception; the new Pride Edition Sport Loop is available now. 03. Converse SHUT UP AND TAKE OUR MONEY [Image: Converse] Converse is pushing the boat out with its 2019 Pride collection, with eight limited edition designs that aren't just rainbow-themed. For the first time, Converse is also reflecting the transgender community with a set of designs using the pink, blue and white of the trans flag. As well as straightforward rainbow stripes there are some amazing lightning bolt designs, and it's not just footwear; there are some great-looking tops, too, as well as a hat and a bum bag. Converse will be donating proceeds from its sales to long-standing local and global LGBTQ+ partners, including the It Gets Better Project. 04. Instagram Instagram has set up 10 Pride Month installations across New York [Image: Instagram] Instagram has quite a few tricks up its sleeve to mark Pride Month 2019. It's unveiling 10 installations across New York that celebrate lesser-known LGBTQ+ pioneers, places and movements, and with the #UntoldPride hashtag it plans to honour history, empower queer expression and foster safety across the Instagram platform. It's also introducing more inclusive gender options [Image: Instagram] Instagram is also rolling out some new features for Pride Month. Along with GLAAD it's identified a set of popular hashtags such as #lgbtq and #pride2019, which will be displayed in a rainbow gradient this month. It's also partnered with The Trevor Project to create a guide to online well-being and self-care, and it's updating its gender selection options in Profile to be more inclusive, with the 'Not specified' option being replaced by 'Prefer not to say' plus a 'Custom' option. 05. Budweiser It's not just rainbows; Budweiser has a flag cup for every identity [Image: Budweiser] Another brand that recognises that there's more to Pride Month than the rainbow flag is Budweiser. As a sponsor of Pride in London it's running an inclusive Fly the Flag campaign, and has produced a whole set of flag cups reflecting the many different palettes of the LGBTQ+ spectrum, ensuring that no community gets lost in the crowd. And to help ensure that its impact lasts beyond Pride, it's partnered with nine charities that support the whole LGBT+ community. 06. Gap For anyone who finds all these rainbow designs just a bit too loud, there's always Gap. Its Pride collection for 2019 turns down the saturation just enough so that you can show your support without dazzling anyone, and it's also produced a set of understated black and white videos focusing on LGBTQAI advocate Jodie Patterson and her 'chosen family' of friends, relatives, mentors and neighbours. Fifteen per cent of its Pride collection sales will go to the United Nations Foundation in support of the UN Free & Equal campaign. 07. Marks & Spencer The M&S sandwich is both brilliantly conceived and thoroughly delicious [Image: author's own] We can't do a Pride Month round-up without recognising the brilliance of Marks and Spencer's LGBT sandwich. Whoever came up with the notion of adding guacamole to a BLT, we salute you. We're pleased to note that M&S has donated £10,000 to the Albert Kennedy Trust, as well as another £1,000 to BeLong to Youth Services in Ireland. The sandwich is delicious, too. 08. NASA All right, NASA isn't officially supporting Pride. You may have noticed that the USA has banned its embassies from flying the rainbow flag during Pride Month, and someone at NASA has decided that this simply isn't good enough. In reaction the US State Department's ban, rogue NASA staff got artist Lauren Power to create a NASA Pride 2019 logo, and we absolutely love it. Head this way if you want a t-shirt, tank top, sticker or mug adorned by it; all proceeds go to the artist. Related articles: How to encourage diversity in the design industry Rainbow flag designer commemorated with free font family 6 times brands temporarily changed their packaging View the full article
-
Learning how to draw muscles in motion means knowing how to add fluidity and movement into a still image. In this tutorial, we will study the male back and arms, exploring the natural rhythm of muscles and the expressive nature they display as they counter-balance and work in union to move the body with style and grace. As someone who loves anatomy, this is simply a beautiful thing to observe but being an artist also opens a world of possibilities, of flowing shapes, lines and rhythmic tones. If you would like to further extend your drawing capabilities with more amazing tutorials, check out our post on figure drawing and our roundup of the best how to draw tutorials. Click on the icon at the top-right of the image to enlarge it. The challenges of anatomy Reference photo of the author in a relaxed pose. Notice the appearance of the back muscles [Image: Patrick J Jones] Before we begin the tutorial, a word on anatomy. Anatomy is basically the same for everyone in a non-action pose, but the moment we move, the muscles change shape and affect each other as they jostle and push against each other. In other words, muscles are shape-shifters. Add to the fact that we’re all different shapes and sizes with different personalities and degrees of expression, and we end up with unlimited chances for expression using the human figure. Look at the way a boxer moves compared to a ballerina and you’ll see a world of difference in expression of line and tone within what is basically the same human anatomy. Of course, studies by nature are a notoriously slow affair, with a studied drawing usually ending up on the stiff side. Notice how the shape of those muscles have changed when the body has carried out an action [Image: Patrick J Jones] To identify the muscles and their interactions, reference the photos shown here against the Tug-of-War study sheet at the end of the article. My first book, The Anatomy of Style, was initially all study sheets documenting my knowledge of anatomy, but then became a more voluminous book. Taking those first notes and learning anatomy memory clues and basic structural shapes gradually fed my subconscious and freed me up to draw gesturally. Unfortunately, I’d not drawn for a month before this assignment. I’d been in the US for the wonderful IX show on imaginative realism, where I was giving a lecture on my latest book, Figures from Life, which is about the gesture of anatomy. On that note, the best way to counter stiffness borne of outrageous rust is to draw lots of gestural drawings beforehand. Okay, with that said, let’s get started… 01. Find the motion in stillness Notice the waves created from the rib-cage biting into the shoulder blade [Image: Patrick J Jones] In this photo, the rhythm of life in muscle movement is evident – when we learn to see it. Note the waves created when the rib-cage bites into the side obliques, and the rolling hills running from the shoulder across the raised arm. Here, the body suggests motion even in stillness. 02. Search for simplicity Gesture is king to ensure our drawings aren't stiff [Image: Patrick J Jones] Using my two-finger-wide sharpened charcoal piece, I draw in the simple shapes to begin with. The male figure is notoriously blocky and I need to find as much gesture as I can. By finding simplicity we can uncover gesture, even in blocks. Remember that gesture is king. If we work only with structure in mind, then our drawings will be stiff. Keep lines long and loose whenever possible. 03. Work the pinch The 'pinched' side of the body has shorter lengths to deal with [Image: Patrick J Jones] I work on the ‘pinched’ side of the body first because the distances between forms is shorter and easier to judge than on the wider, longer stretch side of the body. This is a tip I learned from master draftsman, Steve Huston. As usual I’m working with simple shapes first, which makes it easier deal with the complexities ahead. 04. Get down the shapes of the muscle blocks Muscles share similar shapes at their borders [Image: Patrick J Jones] With the block-in stage mostly complete, I once again employ the help of gesture to regain some fluidity. By working from one muscle to another it becomes apparent that they share similar shapes at their borders. It’s time to dance and to chase the rhythms of muscle and flesh. 05. Draw with rhythm Draw from one side to the other, in rhythm [Image: Patrick J Jones] Continuing down the model’s left arm, I continue the dance by drawing from one side to the other in rhythm. Note the natural flow of things, and how the forearm bulges are higher on the outside, like much anatomy such as the calves of the legs. I’m chasing rhythms here: left to right, high to low… 06. Engage the great motivator Choose the music that gets your creativity flowing [Image: Patrick J Jones] I title the art, The Pearl Fishers, after a piece of opera I first heard as a young boy. To get into the mood I play the music as I work and find it a great motivator with its similar echoes of rhythm and gesture. Next up is Madame Butterfly, to really get the passion flowing! 07. Render with rhythm Dust the drawing off with tissue for a softer undercoat you can work with [Image: Patrick J Jones] With the rhythms taken care of, I dust the drawing back with tissue to achieve a softer undercoat that I can work the darks and lights out of. I begin rendering the forearm and hand – an area so complex that it’ll have its own workshop – and up into the upper arm, rendering with the same rhythm as before. 08. Realise the ripples and echoes Shading in the darks creates ripples [Image: Patrick J Jones] Laying in the darks reveals the nature of muscles pushing into flesh to create ripples. See how the scapula pushes into the rhomboid muscles, creating wave-like echoes all the way down the spine to the sacrum dimples of the hips. All this poetry leads me to draw a sensitive face, such is the power of rhythm. 09. Avoid getting stuck in Render Hell Be careful not to overdo the render [Image: Patrick J Jones] We could call the drawing finished because the more we render, the stiffer a drawing becomes. But as this is a study I’ll continue to draw the minutiae and see if Render Hell raises its ugly head. I’ve also drawn a thicker rope than I posed with in the reference, for added authenticity. 10. Feel the clammy touch Abstract shapes in the background will add movement [Image: Patrick J Jones] Drawing the arm bracelet leads me into a stiff corner and feeling the clammy touch of Render Hell, I take a piece of compressed charcoal and engage my gestural hand again. I also add some abstract shapes in the background with willow charcoal for added movement. 11. Add detail to the sarong and adjust the face Don't fear failure when adding detail [Image: Patrick J Jones] I add ‘gold’ spots to the fisherman’s Lavalava sarong with an eraser, which feels a touch feminine for a fisherman, but I like the spots too much to let them go. To counter this, I draw a rugged face. This may not be an improvement, but nothing kills creativity more than the fear of failure, and so I blaze ahead regardless. 12. Admire the beautiful antagonist Highlight with erasers and detail with pencils [Image: Patrick J Jones] I continue highlighting with erasers and detailing with pencils. Note the beautiful antagonistic nature of the triceps and biceps of the raised arm as they work in sync. The triceps are lengthening to enable the bicep to contract and shorten. The opposite is happening on the straight arm. 13. Play the long game Experimentation wins when playing the long game [Image: Patrick J Jones] As I suspected, the continued rendering has killed a lot of the gestural energy of the earlier stages. However, experimentation wins out when playing the long game, and I’m all in as far as art goes. I swirl around some abstract storm clouds to see what happens. There are no mistakes in art. You just have to think of every stroke as a learning experience, regardless of the finished drawing. 14. Behold the shape-shifters Extra rendering will give you more experience of how muscles work [Image: Patrick J Jones] I work an oily sheen into the flesh by contrasting the darks and lights more. I’m left with a drawing more rendered than I would like, but I’ve cemented further knowledge of how muscles work and shape-shift into my subconscious, and that makes it all worthwhile. 15. Tug-of-war study sheet The more anatomy we study, the more knowledge we will have about drawing with gesture [Image: Patrick J Jones] With studies, I go into great depth identifying muscle landmarks and shapes and in this particular study I’m interested in how all that knowledge flows into gesture. If we learn our anatomy well enough it’ll embed itself into our subconscious and enable us to draw gesturally. This article was originally published in issue 170 of ImagineFX, the world's best-selling magazine for digital artists. Buy issue 170 or subscribe to ImagineFX. Read more: How to draw a face 15 observational drawing tips The best figure drawing books View the full article
-
Thanks to its pressure and tilt sensitivity, the Apple Pencil is one of the most popular stylus options. However its functionality could be set to change if Apple puts in place a patent it was recently granted. The patent, which covers future iPhones and iPads, could see Apple explore the possibility of proximity-based interfaces, aka hover screens. If the possibility of drawing on a screen without actually touching it sounds a little far-fetched, keep in mind that Apple made some fairly out-there launches last week. This is the company that launched its new Mac Pro alongside a monitor stand that almost costs $1,000 after all. But back to the patent. This news could potentially shake-up the user interfaces of the best drawing apps for iPad. In a similar vein to digital assistants like Siri, the patent aims to step in when it's unwise for users to constantly touch their screens, like when they have wet or dirty hands. If you're an artist who flits between using traditional mediums and digital tools, this could be a handy way to avoid getting paint on your iPad. Amazon Prime Day 2019: Where to get the best deals Picked up by AppleInsider, the patent is for: "Devices, methods, and user interfaces for interacting with user interface objects via proximity-based and contact-based inputs". Catchy. Thanks to the use of one or more sensors, Apple devices could be able to detect the proximity of an input object. This includes the Apple Pencil or even a finger. Not only could a device detect these inputs, it would also be able to register the intensity of the contact with the display. In layman's terms, we hazard a guess that this means an iPad or iPhone will be able to pick up how users are gesturing at the air above a screen. Hard jabs could indicate one command, while a smoother gesture could be translated into movement. Of course, this is just our speculation, Apple probably has plenty more innovative ideas up its sleeves. This flexibility means that the hover screen has some useful functionality options. For example, the interface could prompt menus to appear on the screen display when the stylus is held at a certain distance. A tap on the desired option would then select it. Depending on how it plays out, this could potentially streamline the workflow of digital artists when it comes to choosing brushes, colours and textures. Hovering over the screen could open up menu options [Image: AppleInsider] The hover screen also has some futuristic-sounding capabilities. By grabbing the air above an iPad, users could rearrange text and images, then drop them into a new place by releasing their grip. It's important to keep in mind though that this patent doesn't mean Apple is certainly going to put hover screens in place. However if it wants too, it now has all the approval it needs. And if you're on the lookout for an Apple Pencil bargain, head on over to our guide to the best cheap Apple Pencil deals and grab the popular stylus for less. Related articles: 19 best iPad Pro apps designed for Apple Pencil New iPad Air and Mini come with Apple Pencil support Is an Apple Paintbrush on its way? View the full article
-
Good user interface design improves overall user experience. It makes the user’s interaction with an app or site simple, intuitive, efficient and fluid, so much so that you when it works well, the user might not even notice it’s there. Many a team appreciates the apparently effortless simplicity of Trello’s lists to manage their pipelines, fantasy sports fans can attest to the easy digestibility of a huge amount of information in the ESPN Fantasy Sports app, and Artsy’s sleek lines and colour palettes make great design for a small handheld device look easy. But when it goes wrong, that’s when people really notice. Bad UI can dissuade, or directly prevent, users from continuing their experience. The ten bloopers below, some comical, some just plain annoying, can all teach us something, even if it's just what to avoid. It should also be noted that Bad UI is also often linked to a lack of testing – see our list of the best user testing software for our favourite testing tools. 34 web design tools to help you work smarter 01. Want 120 eggs with that? A fundamental of UI design is to choose the right tool for the job, which should normally mean respecting existing conventions and employing control elements in a way that users are already familiar with. So perhaps you’re training like Rocky Balboa and really do want to add an extraordinary number of eggs to your order, but checkboxes? The legend appears to prohibit the ordering of 120 eggs, because of course that would be ridiculous, but the fact that they’ve had to say that demonstrates that perhaps the wrong tool has been used. Checkboxes are used for when we can mark more than one option, and radio buttons for when only one choice is allowed, although perhaps here a plus and minus button may have worked better. Either way, we’re even more disappointed that there’s no discount for ordering 15 eggs. 02. Change your phone number to use our service Get a new number [Image: flyflair.com] There are cases when you may want to cater solely to users from one geographical region with its own specific formatting conventions, but the website of an airline operating out of several international airports is probably not one of them. In this example from Canada’s Flair Airlines, if you’re from a country where phone numbers have more or fewer than 10 digits, you have no choice but to enter a false number. Although, since there’s no field for a country code, they won’t be able to call you anyway. When designing a UI for anything that will have – or could gain – users from multiple regions, make sure use isn’t constrained by local naming and numbering conventions. Adapt to users rather than forcing them to adapt to your interface. 03. How do you say 'switch language' in Chinese? Mozilla’s website in Chinese [Image: Mozilla] So you go online during a trip abroad and you’re greeted by something like this. Where do you look first? Top right? Nothing there. Top left? Nope. Your third guess might have you scroll all the way down to the bottom in search for anything that looks like a dropdown menu, and in this case, that’s where you’ll find the language option. But considering that changing the language is the first thing you’re going to want to do if you end up on a site that you can’t read, it probably makes sense to make that option as easy to find as possible, and ideally selectable before having to perform any other action such as logging in. A globe icon or the language icon designed by Farhat Datta may help people find the option. Whatever you do, just don’t use flags to represent languages unless you want to upset an awful lot of people. 04. When clarification obscures We’re all perfectly used to marking checkboxes to add things, and clicking checkboxes to say we don’t want things is by no means beyond us, so on the face of it, there shouldn’t be much room to mess this up, but here, Homeburger’s attempt to explain the process just leaves us baffled. You have to uncheck the thing you don’t want in order to not get it? Beware of ambiguity, but also beware of attempts to avoid it that just make things more complex. 05. Can we fit anything else in here? iTunes' cluttered UI will be missed by few [Image: iTunes] There’s nothing like a cluttered interface to make a user feel from the outset that they’re in for a painful experience, and unfortunately, there’s no shortage of examples of big players with overly busy UI design that hurts the eyes and takes too long to navigate. Few people are mourning the death of Apple’s iTunes, while many big name online stores (including Amazon) continue to throw in everything and the kitchen sink on to their shopfront in a way that hardly facilitates navigation. Even the application of colour theory and wise use of contrast can do little to make an overly cluttered UI look more appealing, so make sure you pare it back. But don't go too far, there’s also danger in going to the other extreme of absolute minimalism. The options still need to be findable. 06. Death by dropdown This dropdown menu that makes anyone less than a knight feel inadequate [Image: Boden] Everyone hates dropdowns, so it’s perhaps strange that some UI designers still haven’t realised this. When it comes to filling in online forms, there are few things more frustrating than having to find your country if it’s at the bottom of the list, or choose your year of birth rather than simply type it in, which just seems a perverse form of torture for the young or old, and one that’s no more likely to prevent someone from making a mistake. This example from Boden is at least entertaining, if a little deflating to anyone lacking a fancy title – there’s not option of Mx we notice. Perhaps the broader lesson in this example is that sometimes you have to stop and ask, is this even necessary? Just pity all the wing commanders out there who have to scroll all the way down the bottom of the list. And if you want to know more about designing forms, see our post on 6 form patterns and when to use them. 07. Waiting around KLM's iFly50.com looks very nice but underestimates the reader's patience [Image: iFly50] Animation and novel ways of interaction have been heralded as a way of producing a delightful experiences, but let’s make sure they don’t become an excuse for designers to show off. Remember that while look and feel is important, the core of a great UI is function: Even something as innocent as Twitter’s 'like' button animation earned vitriol for being annoying and childish, and while a playful loading icon can raise a smile first time round, it will have people hating it if they have to see it too often. Any unnecessary interaction that creates friction in using the UI can be just as irksome. KLM’s iFly50.com showcase of 50 travel destinations has some great imagery but is anyone really going to hold down a button for several seconds each time they want to see more information? Avoid adding friction unless the point is to put users off performing an action. 08. Say what? Bright, and even fluorescent colours have become a bit of a trend in UIs and they can be very effective in making content look sharp and stand out, but remember that text needs to readable. Teamweek's mint green looks a treat, but it’s not so easy to read white text on a mint green button. Colour isn’t the only cause of readability fails. The trend towards lower contrast may aim to be easier on the eye, but it doesn’t help if you have to strain to read the type, while fine fonts and unresponsive sites can also hurt users’ eyes. Check text is easy to read, and check it can be read on different devices. And if you are looking for your dream font, then don't miss our list of free fonts. 09. Thinning out content The Grit has a lot to say about itself [Image: The Grit] Is someone really going to want to enter separately into 'about us', 'our values' AND 'our mission'? These might be separate concepts in the eyes of the company but it seems unlikely that a user would want to enter to one of them specifically, and why make the user go through five clicks to get the whole story? This example from The Grit immediately looks like thin content that would be better merged together, otherwise a user may not read any of it. 10. Shame on you! Paleo Flourish makes you feel bad for turning down an offer [Image: Paleo Flourish] Confirmation shaming is not big and it’s not clever. This example from Paleo Flourish is one of the more aggressive in a trend of shaming website modals. Occasionally, it can be done in a humorous way, but in general insulting your target audience by forcing them to choose between 'Go on then', or 'No, I prefer to remain a sad, lonely, loser, thanks' is no way to win them round. Read more: 20 best UI design tools 6 UI mistakes that are killing your conversion rates Create cool UI animations with CSS View the full article
-
If you're looking for a new camera, but aren't bothered about having the absolute latest model, you're in luck. Although the mirrorless Fujifilm X-T2 has now been super-seeded by the Fujifilm X-T3, the X-T2 is still a fantastic camera, with specs that will be more than enough for most. And in the run up to Amazon Prime Day 2019, we're starting to see deals on this model. It's currently on offer for half price, costing $799 rather than the usual $1,599, and there's even over $200 worth of accessories thrown in to Adorama's offer. What's so good about this particular camera? Let us explain... The Fujifilm X-T2 has a 24.3MP APS-C sensor, meaning it produces stunning stills. It can also record 4K video at 30fps, or 1080p at 60fps, and boasts impressive pro features such as focus peaking and Zebra shooting. The non-touch tilting three-inch screen has 1.04 million dots, there's a precise electronic viewfinder with 2.36 million dots, and best of all for adventurous photographers, it's also dust, moisture and low temperature resistant, meaning you can take photos rain or shine. If you'd like to compare it to your other options, then don't miss our post on the best cameras for creatives. If you'd like some lenses as well as a new camera (and let's face it, you'll need at least one lens if you don't have one already), then Adorama has another deal that might be of interest. In this offer, you get the same Fujifilm X-T2 camera body plus an 18-55mm lens, and the free accessories from the deal above. If you're in the UK, you won't get all those free accessories, but there's still a pretty sweet deal to be had on the Fujifilm X-T2 camera body from Amazon, it's down from £999 to £884, and with a lens included, costs £1,190, down from £1,349. Read more: The best cameras for beginners The best memory cards for your camera Get a bargain PS Pro 4 View the full article
-
With Progressive Web Apps and Single-Page Apps (PWAs and SPAs), developers have the technical tools to deliver fast and engaging web experiences, rivalling their native counterparts. But there exists a missing piece of the puzzle, a catalyst that can propel a high-performing web app to a hyper-performant, best-in-class user experience. This ingredient is found through considering performance a fundamental principle of the UX and visual design process. This is Performant Design. A delay between 300 and 1,000 milliseconds makes the user feel like a machine is working, but they begin to mentally context-switch above 1,000 milliseconds. Anything that provides the content faster will result in a more positive engagement. These tips will show you how to make an app along performant design principles; follow them to get your web apps flying. How to build a Progressive Web App 01. Use lazy loading Load times can be significantly reduced by Lazy Loading offscreen elements. This deconstructs the initial payload to render content that is in view first. Images and other heavy elements load later in the sequence, or as the user scrolls. Lighthouse is a Google tool full of actionable insights that help designers and developers optimise performance in fine detail across the loading spectrum. 02. Don't download fonts Downloading custom fonts cost around 200–500ms on 3G connections. Letting the device handle font rendering by using system fonts ensures text loads instantly, and using variable fonts offers typographic variation without forcing the user to download fonts in multiple weights. Check out variable fonts in action at v-fonts.com. 03. Optimise vector art This demo of SVGOMG shows 60 per cent+ savings from optimising artwork markup [Image: SVGOMG] Exporting vector icons and illustrations often adds a lot of unnecessary bloat to the file. This can be cleaned up considerably, reducing a site's image payload and giving the user quicker access to key icon-based navigation and signposting. Coming from Google's Development Team, SVGOMG is a useful tool to help optimise SVGs. 04. Optimise images Squoosh demonstrates how huge file savings can come without compromising image quality [Image: Squoosh] The task of optimising images is a job that holds space in both the design and development process. The art of image optimisation comes from the human eye judging the compression tool's impact on image quality. Several algorithms and rendering techniques can significantly reduce the size of an image in ways that are invisible to the naked eye. The Google Chrome team introduced Squoosh to help in both these processes. This powerful web-based image compression tool puts high-resolution visual comparison to the forefront, while giving users access to all the complex behind the scenes compression options. 05. Ensure it feels fast When motion is used effectively it helps inform users and guide the their next step Delays of less than 100 milliseconds still feel instant, but anything above that is perceptible. When it comes to optimising speed, it's what the user perceives that really matters, which is what makes designing for those in-between states integral to delivering hyper performance. Content placeholders, or skeletons, are used to construct a preloaded version of a page while content is loading. They not only prevent jagged and disruptive 'reflows' — where rendered elements are pushed out of view by subsequent items loading in their place — they can also make users believe the page is loading quicker than it really is. When implementing skeleton screens, content should be rendered as soon as it is ready, rather than blocking it until everything is ready to show. Which works best? Which one feels faster? An app where the user has no indication when the content is coming? Or one that uses staggered loading animations, skeleton screens, frosted images and metadata on content? These two examples may take the same amount of time to load, but the user perception of length is completely different. Using a spinner shows no indication of when the page will be finished loading. Brief animations, on the other hand, can mask the loading transition and imply that the system is 'progressing' rather than 'processing.' We all want to see reaction to our actions, and it's no different on the web. Smooth scrolling, silky animations and tap feedback states all help to increase a user's perception that the experience is responding immediately to their touch. Considering tap, hover, loading and passive states all help to simulate a performant experience, Google's Material Design provides guidance of how to effectively craft all these states. Today's user is impatient, and the more you make them think, the more likely they are to go elsewhere to get the job done. Clarity and simplicity are therefore key components of any highly performant web experience. Emphasised call to action (CTA) buttons allow users to move forward quickly in their task with confidence. Paying careful attention to CTA size, colour, placement and microcopy helps make the key actions more obvious and reduces thinking time. Patterns first seen in native apps, such the floating action button and fixed header bar, get the user moving quickly and translate well to any performant web app. A general rule of navigation is 'out of sight, out of mind'. Patterns such as a Bottom Navigation Bar and Tabs successfully put primary user actions front and centre, while the traditional 'hamburger' menu has a lower engagement rate. Facebook found that by moving from a hamburger menu to a tabbed approach improved engagement, satisfaction, revenue and perception of speed. Having a strategy of the type of content you want to promote is important, and simply treating all navigational items as equal will result in a decrease of engagement in the areas that you want to improve. Spotify found that by reducing the number of options in the tab bar to five increased the reach of Spotify's programmed content — a great example of how promoting certain navigation items over others can focus the user's experience. 06. Use one-tap payments and sign-in Digital wallets like GooglePay and upcoming automatic sign-in API both leverage data stored on the device to simplify friction-heavy user flows. GooglePay allows shoppers to complete multiple checkout steps in a single tap, while one-tap sign in gets users into their account in the same way. Results from early adopters show that removing the interruption of login screens and checkout forms, along with the mental friction of remembering and entering information, speeds up task completion and improves engagement. 07. Make it work everywhere Financial Times is one of the highest profile responsive PWAs, allowing desktop readers to consume articles offline and on the go. Today's user spends around six hours a day online with an average of 6.5 connected devices per person. Not only is it fundamentally important to design for a number of different devices, but to design for areas of low and no connectivity. Users often take multiple sessions to complete a task, and delivering performant experiences on each device ensures that entire process is smooth and satisfying. Desktop supports PWAs and designing performant responsive PWAs without the bloated code commonly associated with responsive websites, means designing mobile first. This brings the essentials to the forefront, adding more items only when the user agent can handle it. Service Workers allow PWAs to stand up when the network connection goes down. This opens the door to craft offline user experiences by use of clear network status messaging and disabling elements that would otherwise derail the experience. This article was originally published in issue 286 of creative web design magazine Web Designer. Buy issue 286 here or subscribe to Web Designer here. Related articles: How to design app icons Performance UX: A primer How to make responsive web apps with container queries View the full article
-
3D portraits are difficult to create but astonishing when done right. Getting the hang of designing in 3D is especially tricky when you're trying to mimic objects from the real world, and one of the hardest things to recreate in 3D is a human. Your audience spends so much time looking at people that mistakes will be spotted quickly. That is what makes the following pieces of art so impressive. We've found some of the most jaw-dropping 3D portraits and collated them here for you. The artists that created these amazingly realistic portraits describe the techniques they used in the portraits that took months to complete. Scroll down to take a look at some of the most amazingly realistic 3D portraits we've ever seen. We'll hear from the artists that created them as they describe the techniques they used in their projects that took months to complete. If you would like to explore more amazing 3D art, and want to hone your own 3D skills, explore these tutorials for KeyShot , ZBrush and Blender. Or, take a look at what can be achieved without a computer in our roundup of incredibly realistic pencil drawings. Click on the icon at the top-right of the image to enlarge it. Register interest for VERTEX 2020, the ultimate event for 2D and 3D artists 01. Abdelrahman Kubsi Kubsi is inspired by the challenge of mimicking nature [Image: Abdelrahman Kubsi] This awesome 3D portrait of Walter White took character and creature artist Abdelrahman Kubisi six weeks to complete, working in his spare time around his full time job at MPC. Discussing his technical approach Kubsi says: "I used the new Arnold 5 shader for the skin, and used Texturing.xyz maps for displacement detailing and colour textures." He continues: "I always start by collecting reference, it's the most important part in the job for me, then I start the digital sculpting inside ZBrush. I texture inside Mari, building layer upon layer to make the skin look real." When asked what inspires him to create, Kubsi says: "Mimicking nature, which in my opinion is very difficult, and trying to make things that look hyper-realistic. If I'm able to make people think my work is a photo, then I feel like I’ve done a good job." 02. Tsubasa Nakai Nakai's female face is made great by its celebration of fine details [Image: Tsubasa Nakai] Director and CG supervisor Tsubasa Nakai created this stunning female face using Maya, ZBrush, Photoshop, Mari and Substance Painter. The detail of the smudges of make-up, porous skin and freckles are astonishing. It's the imperfections that make this face so stunningly realistic, and the light in her eyes is breathtaking. "In order to create this beautiful CG woman, I tried using Multi-channel Faces texture from Texturing.xyz. The technical goal of this project was to express the fine details. Texturing.xyz and XGen really helped me to achieve this. I projected a Multi-channel Faces texture to the model, with a Photoshop UV workflow." You can see how to do this here. 03. István Vastag Vastag created hairs that grow from below the skin's surface [Image: István Vastag] This incredibly lifelike image took Digic Pictures environment supervisor István Vastag nine months of evenings and weekends to complete, using 3ds Max, ZBrush, Mari, V-Ray and Nuke. “There were several interesting issues that I had to face,” Vastag explains. “I paid great attention to where the face geometry meets the eyeball geometry. All the hairs are growing from below the skin surface so they are all correctly affecting the subsurface scattering. Textures were painted in Mari using simple brushes and adjustment layers.” 04. Jacques Defontaine Defontaine uses basic tools to capture the emotion on an individual face [Image: Jaques Defontaine] Freelance artist Jacques Defontaine is a master of hyper-realistic 3D portraits (take a look at his portfolio if you don't believe us). Before starting each new character, he likes to experiment and try out new skills. He insists that his approach to creating such lifelike images is actually fairly straightforward: “I have a little collection of stamps and stencils that I use for sculpting and painting textures, but apart from that it’s all basic tools. In ZBrush I always use the Geometry HD and Layers features, as I find those very powerful.” Having worked in the CG industry since 1996, Defontaine has years’ worth of experience to draw from. “Many things inspire me but the human face is my favourite, they can look so different and convey so many emotions. Being able, or at least to try, to capture that look and emotion is a real challenge, and that’s what drives me.” 05. Artur Tarnowski Tarnowski likes to have a lot of control over the skin, using masks for detail [Image: Artur Tarnowski] Artur Tarnowski is a character artist for Warsaw-based studio Layopi Games, with a wealth of experience in modelling. This image took him just a month and a half to complete. “I had almost everything done in two weeks,” he says. “The rest of the time was spent adjusting the model, hair shape, shader parameters, and lighting setup. All those little – some would say unnoticeable – details that make the final image look realistic.” During the process Tarnowski used a displacement shading network in Arnold to blend three types of maps. “The first is my secondary detail from ZBrush,” he explains. “The second is Texturing XYZ micro detail and the third is a tileable micro detail with pores, etc. The skin shader is also quite complex as I like to have a lot of control over the skin in Hypershade. That means a lot of masks for makeup or freckles as well as many remap nodes for adjusting roughness, specular and skin tones.” 06. Emerson Silva Silva enjoys creating texture and rendering [Image: Emerson Silva] 3D artist Emerson Silva began his career by creating low-poly models for mobile games back in 2004. “It was a very small area in Brazil, and few companies survived for more than two years,” he explains of his decision to advance in his artistry. His approach towards ‘Sadhu’ began by gathering references to build a mental image, right down to details like lighting and rendering. He continues: “My next step is to make a simple base mesh, I love working with low polygon because it’s easier to make changes. I always do this in 3ds Max before sending it to ZBrush.” It’s then that Silva creates the final look of his piece, setting the pose and getting the model ready for work in Substance Painter. “I currently use Substance Painter for the entire texturing process, I find it very enjoyable to create textures in. I usually do texturing and rendering at the same time, and always in sections. I start with the head and only go to the other part when I’m satisfied.” 07. Saurabh Jethani Jethani creates characters for video games [Image: Saurabh Jethani] When Saurabh Jethani's not living his dream of creating characters for video games, he lends his talents to making hair, clothes, hard-surface characters and creatures. With technical elements like the low-poly and UVs already in place, the artistic process for this particular portrait took Jethani just a week to complete. “I used TexturingXYZ displacement for pores and albedo for skin colour,” he explains. “Their separate displacements (secondary, tertiary and micros) can be combined in the RGB channel of an image to be projected together simultaneously. This allows me to separately control the value of each channel. I would recommend anyone going for realistic face information to try those maps out.” 08. Ian Spriggs Spriggs pays attention to personality when representing people [Image: Ian Spriggs] Ian Spriggs is a 3D portrait and character artist working in Maya, Mudbox, V-Ray and Photoshop. "I love trying to figure people out and work out what makes them who they are," he explains. "Portraits are like a window into the subject’s life; you really have to know someone to be able to represent them well – it's not only facial features you are representing, but also their personality." For this reason, he likes to create portraits of friends and family members. "Digital humans need a personality to make them believable; characters in a T-pose might look real, but we won’t connect with them," he adds. Find out how Spriggs created this portrait and have a go for yourself in this step by step guide. 09. João Victor Ferreira Ferreira uses light source to keep his art realistic [Image: João Victor Ferreira] “First, I took dozens of photos for reference in many different lightings, including daylight and interior light,” explains character modeller João Victor Ferreira. Using these photos for comparison, he then began to sculpt the head from a base mesh. He continues: “Importantly I created my 3D scene in an ambient with the light source being as close as possible to one of my reference photos. This gave me a sense of how close the model was to reality.” In fact, Ferreira believes that taking the time to gather reference is amongst the most important elements in creating great art, and he is motivated by the desire to better himself with every new piece. This article was originally published in 3D World, the world's best-selling magazine for CG artists. Subscribe to 3D World . Content has also been included from issue 130 of 3D Artist. Buy issue 130 or subscribe to 3D Artist. Read more: The best free 3D models How to create 3D grass Cinema 4D tutorials to up your 3D skills View the full article
-
If you’re looking to build a beautiful website, you’ll be glad to know that you don’t necessarily need lots of programming experience. With a lifetime subscription to Storeshock WordPress Themes and Elements, you can access a range of Wordpress design goodies for just $59. This platform makes building a website easy as pie. It provides countless themes, plugins, web elements, and templates that will make it super straightforward to get your dream website up and running. The drag-and-drop page builders are a breeze to use, and you can even convert PSD and Ai designs to layouts. Best of all, this awesome platform and everything that comes along with it are at your fingertips for life - all for just $59. Related articles: 34 web design tools to help you work smarter in 2019 The future of web design Introducing the WordPress Gutenberg editor View the full article
-
Want to launch a career as a programmer? If so, you'll need to know Ruby. The programming language is a crucial skill for coders to master. Luckily, with The Complete Ruby Programmer Course, you can pick it up in no time at all. With Ruby, you’ll be able to navigate Ruby on Rails, which is one of the most widely used and in-demand web development frameworks in the world. It’s powerful and can create all different kinds of applications, but it’s also relatively easy to learn in comparison to other programming languages. The best VPN service 2019 That’s what makes this course a great place to start as you set on your journey to become a coder. By the end of this course, you’ll be able to create entire interactive programs from scratch. What's more, you can now save 94% on its regular price! Related articles: 34 web design tools to help you work smarter in 2019 The best laptops for programming in 2019 The future of web design View the full article
-
When you're choosing the best monitor for video editing, you'll want to make sure it delivers the best picture quality possible so you can be sure your work will look great played back on any screen. For great color reproduction and brightness, you'll need to look for a monitor with an IPS (in-plane switching) rather than TN (twisted nematic) display, so that's what we'll be looking at here. We're also focusing on 4K displays; although 8K screens are available, they're prohibitively expensive and overkill for even professional video editing. With that in mind, whether you're a pro or a keen hobbyist, read on to find the right monitor for you. Image credit: Dell For editing videos and all other creative work, the Dell Ultrasharp U3219Q is the monitor to beat. Its 32-inch display offers full sRGB and Rec. 709 coverage, with 95% DCI-P3 and excellent colour uniformity, all in a smart chassis with super-thin bezels. It lacks some of the professional-grade accoutrements you'll find in the Eizo ColorEdge CG319X a little further below, but you won't find a better monitor for video editing at such a reasonably price point. There's also an 8K version available (the Dell UltraSharp UP3218K), but at three times the cost of this model, there's no competition. Image credit: BenQ A monitor that's perfect for video editing doesn't have to break the bank, as the BenQ PD3200U proves. This 4K monitor lacks the stylistic flourishes of some more expensive alternatives, but its 32-inch display means you're getting a lot of screen for your money – and a good quality one at that. The PD3200U is made with creatives in mind, and includes several dedicated profiles that will be of particular interest for video editing, including animation and darkroom modes. Its color accuracy is excellent straight out of the box, avoiding the need for time-consuming calibration. Image credit: Eizo The Eizo ColorEdge CG319X is an outstanding 4K monitor that's ideally suited to video editing in a professional studio. Its color accuracy is remarkable, reproducing 98% of the DCI-P3 standard used in digital cinema – just one of many broadcast and cinema presets, which include the Rec. 2020 standard used for Ultra HD television broadcasts. Its 4096 x 2160 resolution is also optimized for video editing, matching the 4K standard used in video production. It also comes with a monitor hood to reduce glare, and a built-in AI-controlled system that automatically calibrates the display to compensate for changes in temperature of the monitor itself and its environment. Image credit: BenQ Although marketed as a gaming monitor, the BenQ EX3501R is also a great monitor for video editing thanks to its HDR support, fast refresh rate and impressive color reproduction. BenQ calls this a 'video enjoyment monitor', and has given it a muted design to match. The vast curved screen the star of the show, and at 2.35:1, it's proportioned for cinemascope films. The inclusion of a USB-C port means it's a great monitor for video editing on PC and Mac users alike (though bear in mind that HDR support in Windows is still patchy). Image credit: LG The LG 27MD5KA 27-inch UltraFine 5K USB-C Monitor is built with Macs in mind, as its input options show. With no HDMI and resolution capped at 4K in Windows (compared to 5K on Mac), it's a no-go for PC users. It covers 92 percent of the AdobeRGB spectrum, with impressive contrast and deep blacks. The 27MD5KA also includes speakers, though their quality isn't sufficient for video editing. It's perhaps no surprise that this monitor is promoted by Apple itself, and if you're looking for a second screen for video editing on a Macbook Pro, it's well worth consideration. View the full article
-
There's just over a year to go until the opening of the Olympic Games Tokyo 2020. To get ready for the biggest event in the sporting calendar, television network Eurosport recently unveiled its official logo and brand identity for the games. And in a distinctive bit of design, the identity takes its inspiration from Japan's signature art style: manga. The channel, which describes itself as the Home of the Olympics in Europe, settled on the logo (above) as a way to bring Eastern and Western cultures together. Thanks to its angular typography, which borrows from the comic books aimed at both adults and children, Eurosport's Tokyo 2020 logo also wants to usher manga into a new era. Given that plenty of artists around the world want to learn how to draw manga, it makes sense to target this aesthetic. The versatile identity was announced in a tweet (below) and is designed to smoothly integrate with the Eurosport logo and the image of the Olympic rings. In a blog post about the new identity, Eurosport's Vice President of Marketing, George Aivazoglou, said: "We wanted our Tokyo 2020 brand identity to create a unique symbol that incorporates and respects Japanese culture and the iconic Eurosport logo, to become instantly recognisable and resonate with millions of people watching the Games across Europe." And over the next 18 months, sports fans and viewers can expect the identity to underpin Eurosport's marketing campaign ahead of the opening of the games on 24 July 2020. "With this design we believe we have created a visual identity that is versatile, conveys the dynamic side of the Games and engages younger generations – truly visionary," Aivazoglou adds. Eurosport is confident its identity will make an impact [Image: Eurosport] Of course, it remains to be seen how the full marketing campaign will be put into action. However, we hope that as it progresses, the identity will include more overt manga allusions. As it is, we're struggling to see the link between the design and manga. The angular lettering is, at a push, reminiscent of the Japanese alphabets. And while this is a nice touch, it currently feels like a bit of a stretch to make the comic connection. The lettering also has legibility issues as the number '2' in 200 is easily mistaken for the letter 'r'. For a list of amazing typefaces that do nail their design both in terms of theme and appearance, why not check out our list of the best free fonts available to designers right now? Related articles: How to make it as a manga artist How to create an authentic manga comic strip Typography trends in 2019 to look out for View the full article
-
Kaspersky Lab is a household-name, global cybersecurity company with over two decades of experience. Kaspersky Anti-Virus 2019 is their latest and greatest malware elimination tool. Does it keep up with the competition when looking for the best antivirus software around? There are plenty of features to keep users safe while online. A critical element is the core antivirus engine, which will block malware prior to it threatening you and your PC. Additionally, System Watcher seeks out undiscovered threats through behaviour monitoring technology. It uses multiple layers of protection against a full array of threats including network attacks, malicious email objects and phishing attacks. A selection of bonus features complete the package, including Kaspersky Secure Connection, an extremely basic VPN powered by Hotspot Shield. In general, we would certainly appreciate a VPN without a registration requirement, but its very low 200BMB daily limit sells itself short. The option for an upgrade for unlimited traffic at $4.99/£3.80 monthly is no bargain as there are tons of other VPN choices available at that price point. Norton Anti-Virus Basic review Kaspersky's ‘Secret sauce’ is an intelligent behavioural model which uses machine learning for identification of malware through behaviour, without relying on prewritten virus signatures. This suite slots into the OS, working hand in hand with Windows 10's own security tools, providing a higher level of protection to keep a full variety of malware threats at bay. There are also recently added detection capabilities to shut down outgoing requests for connections to servers known to be malicious. Adware is less likely to destroy your system than other threats, but is often annoying and Kapersky can delete it without issue. There are interface tweaks that optimise getting a protection status update. In addition, this software has undergone optimisation so it runs quickly, and uses fewer resources to get the job done. Kaspersky Anti-Virus 2019: Price The price of this software remains quite competitive. Kaspersky Anti-Virus currently costs $29.99/£23 to protect a single PC, with a one-year license. There is also the option to add devices and extend the subscription to a five device, two-year license which is only $79.99/£61, and averages to a low $7.99/£6 per device year, including a first year discount. For the protection of multiple platforms, Kaspersky Total Security is worth considering. There are additional elements that get added to secure PCs, Macs and mobile OS, for a mildly higher cost of $49/£38 for the protection of five devices, for the one-year license, or $99.99/£77 for the two year license, which averages approximately $10/£8 per device, for each year of coverage. Whatever the number of devices that need to be secured, all Kaspersky consumer products feature a full 30-day trial. It is 100% free to download and give it a test drive on your PC, without providing any payment details. Kaspersky Anti-Virus 2019: Setup Kaspersky has a simple, streamlined and fast installation process. The trial is found via download links located on their website, and the installer is a compact download. First, accept the license agreement, and the installation package will automatically download and proceed to set up. Even lacking a license, and not inputting our email address, the installation happened. We did have to go through a quick 'Activate Trial License' link, and our Kaspersky Anti-Virus 2019 setup completed. Truthfully, it was not completely done, with Kapersky’s dashboard indicating an issue: to update the signatures and program files. Many competitors automatically perform this step during the installation, but having control over an update is an asset for some. Finally, with a single click, the program fully updates. Kaspersky Anti-Virus uses a reasonable 275MB (approximately) of hard drive space, with a mere two core processes running in the background, again requiring a relatively lightweight 90MB RAM. It’s safe to say that it runs light on system resources. An antivirus program has the requirement to secure itself from any malware, so we put it through its paces with some simple tests that tried to modify, or go further and delete, some of the Kaspersky files. Through this testing, the conclusion is that this package can more than take care of itself, and none of these attacks caused any harm to this antivirus software. Kaspersky Anti-Virus 2019: Features Kaspersky Anti-Virus features a simple interface which shows the current protection status through a clean visual display of a green indicator. There are four main buttons that cover the essential tasks: scan launch, database update, report viewing, and accessing the on-screen keyboard. The Scan panel launches into a quick or full system scan, and can also fully sanitize an entire external drive, or be targeted to specific files and folders. A shortcoming though is that more navigation is required in comparison to the competition; for instance it takes three clicks via the console for initiating a Quick Scan. But this system is easy enough to use, with more than enough available options. Kaspersky claims that their latest version is their quickest ever. Our tests do confirm this bold claim, as the Quick and Full Scans were both above the average for antivirus suites on our benchmarking on our review PC. There is also a simple scheduler to run various scan types on an automated basis, which can be specified to schedule scans on a daily (weekday or weekend), weekly or monthly basis. Also, a custom configuration can be employed for scheduling a scan for the next day in case the computer is turned off. This minimizes the performance impact by limiting scans to when the computer is locked, or the screensaver is engaged. Kaspersky Anti-Virus allows the user to finely control each scan type, such as specifics for the zone to be disinfected, the file type for examination, a detection engine choice, and the action for detected threats – disinfecting the file, deleting it, or asking for next steps. There are plenty of benefits to this higher level of flexibility, for example speeding up Quick Scans by configuring Kapersky to pass over old files, only scrubbing new and modified files. Or to limit Full System Scans to scrubbing only in certain, designated network folders. Being able to have this level of granular control does have some trade-offs, as optimizing the scans can certainly increase the speed, while reducing the level of anti-malware. For all the included options, we still would have liked to have seen even more choices to create truly novel, custom scan types. We would definitely like the option to create an 'Ultra Quick Scan' with just a few clicks, while still keeping the option for the original Quick Scan, thereby leaving us with the choice. We also note that major competitors such as Avast and Avira do provide these types of choice, so power users may be on the lookout for this, but Kaspersky users are limited to only the existing scan types. Kaspersky Anti-Virus 2019: Bonus features Kaspersky Anti-Virus does more than regular scanning via a generous helping of bonus features. These include the uncomplicated on-screen keyboard, always available to give protected logins for user credentials, account numbers and other sensitive details that benefit from a more secure approach. We pitted it against more than one commercial keylogger software, and none were able to record our keystrokes. The Vulnerability Scan can assess how secure your system is, assessing expired security patches, poorly configured Windows settings, and even more. On our PC, this scan found that the autorun for removable drives got enabled by default, thereby exposing a potential vulnerability to USB key-based malware, which was fixed with a few clicks. The Windows Troubleshooting Wizard searches for any non-standard operating systems, which has the potential to be malware, and fixes them up in a jiffy. While this sounds really useful, also realise that we are in the dark as to the number of issues this deals with. Firing it up on our review PC failed to discover any new issues, except for the autorun issue above that we were already aware of. The Browser Configuration Wizard again overpromises, which is a shame as this module limits itself to configuration issues with only a solitary browser – Internet Explorer – which is not even the browser of choice for most users. At worst, at least this browser engine is used by some other applications, so even for alternative browser users, fixing their IE issues can potentially raise the security of their system. The Privacy Cleaner works to locate and remove windows, and activity records, out of your browsing history, lists of cookies for Recent Documents, recent programs run, recent folders used, and so forth. There really nothing wrong with this software, but like others in this suite, it’s simply not a standout, which is exacerbated with the realisation that there are boatloads of dedicated freeware software available with identical functionality. Next up is the Kaspersky Rescue Disk, a bootable environment designed to detect and remove deeply embedded threats, which have the potential for corrupting Windows and can prevent it from booting. While this is a useful feature that most will welcome, power users know that this feature is entirely free for everybody to download on the Kaspersky website. Kaspersky Anti-Virus 2018 is only giving the download link. In summary, Kaspersky is somewhat weak in the bonus feature department, and is behind its competition. To compare, Avast Free Antivirus has a free Wi-Fi Inspector to locate wireless vulnerabilities, weak passwords, and out of date software patches. Also, Bitdefender Antivirus Plus offers additional features that include a password manager, protection for online banking activities, and an integrated bootable rescue mode. We can say that most do not select their antivirus program only for the available bonus features, but we would like to see Kaspersky offer such additional features in the future. Kaspersky Anti-Virus 2019: Protection AV-Comparatives' Real-World Protection reports on the performance of the leading antivirus engines when sent up against a full panel of known, and yet to be identified malware threats. In their July 2018 report, Kaspersky gets ranked in first place among 18 antivirus suites. It also was the only suite to achieve this perfect score, neutralizing an uber-high 100% of tested malware, and equally impressive – with no false alarms. Reports do vary from month to month, so we sought another opinion, and looked at AV-Comparatives' February to June report, a summary of their 5 tests. For this round of testing, Kaspersky came in 4th place among 18 contenders, just behind Trend Micro, F-Secure and Bitdefender. We consider this result as strong, with an impressively high 99.7% of threats neutralized, along with just a single false positive. Trend Micro and F-Secure did block a tad more threats, but their downside is that they both had a higher number of false alerts, 38 and 111, respectively, which indicates some misidentification of the potential threats. AV-Test's June 2018 Windows testing is also quite positive for Kaspersky's suite. It was awarded top scores in multiple areas, which include protection, performance and ease of use. Out of the pack of eighteen antivirus suites that competed, only two, Avira and McAfee, are able to match the score that Kaspersky achieved. With these dedicated labs having a whole lot more time and resources to dedicate to testing, we cannot replicate what these leading testing labs are able to do. However, we want to go beyond just simply accepting their verdicts as fact. Therefore, utilizing some smaller scale testing of our own custom design, we independently ran Kaspersky’s suite through its paces. Bitdefender Antivirus Plus 2019 review We used Quttera, which is known for website scanning, and got their list of 600 newly suspected URLs. We then tested to see how many of these URLs would be blocked by Webroot SecureAnywhere, and Kaspersky Anti-Virus. We are aware that this is only a rough estimate of what these programs are capable of, these suspected URLs are only a few hours old and only a subset are really confirmed to be malicious. However, against those disclaimers, Webroot SecureAnywhere performed poorly with only 38 sites blocked, but Kaspersky Anti-Virus was stronger, blocking 61 sites. Finally, we tasked Kaspersky against our simple ransomware simulator of our own design. Although it is not particularly robust or complicated, from the homebrew design, there is absolutely no chance it can be a previously identified threat to Kaspersky, which makes it rely on behavior monitoring alone to identify this ransomware. The test ransomware was initiated, and the Kaspersky System Watcher module studied the simulated ransomware’s behavior. There was a rapid realization that this ransomware represented a threat and the process was shut down. Kaspersky then totally deleted the ransomware file. The simulator did encrypt some document files prior to Kaspersky neutralizing it but this was also no problem, as Kaspersky Anti-Virus efficiently decrypted and restored the original files. This performance is impressive, and demonstrates that Kaspersky protects against totally new and undiscovered threats with ease. View the full article
-
Mozilla has officially revealed its new Firefox logo, part of a new icon family for the browser. The launch of the designs, which have been more than 18 months in the making, coincides with a shift in brand positioning for Mozilla. Whereas before Firefox was often used to refer the browser, Mozilla wants to reposition the word to cover the entire family of Firefox apps and services. The road to these logos has been a long one. Mozilla previously invited the public to share their thoughts on potential ideas as part of the logo design process. We got a tantalising sneak peek of the designs last week, when Firefox's communication design leader Sean Martell tweeted a picture of a box of stickers that appeared to leak one of the final designs. This design appears in the new branding system (below) as the logo for the Firefox browser. Alongside this logo are three line-based graphics for other services including Send, Monitor, and Lockwise. The whole system comes under a general Firefox logo umbrella, which relies on the motif of a circular, swooshing fox tail. Firefox now refers to the umbrella of services [Image: Firefox] In a blog post announcing the designs, Mozilla says that the new brand "is about more than logos". To be specific, it's based on four key word pillars, namely 'Radical', 'Kind', 'Open' and 'Opinionated'. Notable designers have been linked to the development of these logos. Michael Johnson provided early inspiration, while the designer of the original Firefox logo, Jon Hicks, was on hand to give advice. Meanwhile Ramotion's Michael Chu has been credited as a driving force behind the new brand. Mozilla also adds that we can expect more from the rebrand: "We have to stretch our brand guidelines even further in the months ahead, so we’re interested in hearing your reaction to what we’ve done so far." Related articles: 18 controversial moments in logo design and branding 8 of the best free logo design tools 5 logo design apps for beginners View the full article