原文地址
2017年最新电子邮件设计趋势
电子邮件，远远没有如扎克伯格早几年预计的要消失的迹象，依然而且必然是互联网最重要和有效的市场工具。2017年最新电子邮件设计趋势，让你抛开对电子邮件样式的偏见，不再古板单调，新的充满魅力的设计趋势让电子邮件成为你的强力武器。很希望中文字体也能象英文字母一样，可以有很多的选择，毕竟字体是所有页面设计的焦点，没有好的字体，一切平面设计就失去了骨骼。
原文链接：https://explore.reallygoodemails.com/
抄录：
Email Design Trends of 2017 (so far)
My wife, parents, in-laws, and friends ask me why I spend so much time analyzing spam which just gets deleted by everyone else. Instead, they argue, I could easily binge-watch some remake of a 90’s classic on Netflix. You know what they say, though?: #EmailGeeks4Ever. (Okay, no one says that anymore.)
But after last year’s email trends article was published, lots of people have requested an update. So to please those interested, here are the trends that have been happening this year. If you are curious what was tracked last year and how the trends have changed, I’ve thrown a link to that at the end. Have fun, y’all!
Email Trend Thingy #1: Make a Sweet Background
Gone are the days of boring white backgrounds (other than this forced white background which Medium imposes for articles like these). When the world is your oyster, and over 16 million hex color codes are at your fingertips, why not spice things up a little bit?
The popular spice seems to be using colors in the pastel family:
Left to Right: The Hoxton, Offscreen Dispatch, and MailChimp (links go to the full emails)
But another great spice is a gradient. Whether it is horizontal, vertical, or diagonal, a nice fade can do wonders for a design.
Left to Right: Hulu, On, Fig Tree
And when you get bored with just a few colors and you want to mix a large amount of colors together in a big ol’ photo instead, that can be pretty cool — especially if it goes edge-to-edge.
This one is from Harry’s
AND if you just want to show off, you can do things like this:
Left to Right: Uber 2016, Uber 2017
In all of the examples above, the text, buttons, and, in some instances, images, are coded on top of the background. Why go through all that extra work instead of saving it to one image? Because these email geeks understand responsive layouts. That’s why.
Email Trend Thingy #2: Go Crazy With Fonts
Once you’ve mastered the color background, it seems like the next logical step is to master the color foreground. I’m talking about coloring the text and showing the world that you aren’t afraid to show off your colorful side like Joseph and the technicolor dreamcoat. (That’s a lot of color.)
Left to Right: Litmus, Facebook, DPDK
If you aren’t ready to be that outrageous, then you can use some beautiful font pairings instead. Typically, the most popular has been a large, bold serif with a smaller, non-serif. Here are just a few in addition to the Litmus email just above.
Left to Right: David Kind, Conductor
And it isn’t cool to have super tiny letters anymore, either. What’s cool is to make your font size 18 pixels or larger. 18 is the new 12.
Email Trend Thingy #3: ⚡
It seems natural that the texting world of emojis and icons would make its way into our emails. While we’ve seen them being used in subject lines for quite some time, we are now seeing them being added straight into body copy.
Left to Right: Gotcha.io, Of a Kind, Action Rocket
What if one of those emojis doesn’t match your brand guidelines? Then you can design your own icon and throw it into the text or use them as bullet points. We also saw some of this last year.
Left to Right: Blink XT, Fitbit
Email Trend Thingy #4: Play Tetris With Content
Boxes are everywhere. Probably because Amazon is taking over the world. That is spilling into the design subconscious and probably soon into Whole Foods.
Left to Right: Target, Helix, School of Life
The nice thing about boxed content like this is that it scales up and down nicely in responsive designs, as long as you’ve coded it to do so. It can go from a 4 column to a 2 column or up to a 6 column, all based on the screen size.
Speaking of screen size: a sponsor for this article is InVision. You can design for any screen size and get feedback from your friends or enemies. Visit them or keep on reading the other top 6 trends…
This article is brought to you in part by InVision.
Email Trend Thingy #5: Make Your Commercial a GIF
Your marketing team has probably put a ton of money into getting a video produced. After it hits the tube, why not slice some of the best scenes and GIF it up? I am pretty sure I’ve watched these GIF loops like twenty times.
Left to Right: Nike, Readdle
Or if the video is quick, just embed it and have fallbacks for older email clients that point to dedicated landing page. The experts at Wistia have been experimenting recently and even put together a comprehensive guide on when to use video in an email.
And just a few weeks ago, Kristian Robinson wrote about creating a faux-video in emails and how to do it. It is pretty schnazzy stuff.
Email Trend Thingy #6: Pulse Your Buttons
In the age of more interactive emails (or to bring some additional attention to people who don’t know what to do with a button), you can make your buttons move a little. It reminds me of the Microsoft Paper Clip which would pop up and ask if you needed help. Thanks, Mr. Clippy!
Left to Right: Zurb, BBC
Email Trend Thingy #7: Make Your Product Look Mysterious
You’ve seen those unboxing videos, right? The ones where people pull a new iPhone out of a brand new package, just to show off that the picture on the front of the box is true to what is actually inside the box? Super riveting stuff. There’s a little bit of mystery, kind of like that famous physicist Schrödinger who pointed out the dead or alive cats paradox: you don’t know which it is until you have opened it up.
This trend is kind of like that, but uses the lighting to elicit some mystery and paradox of its own. Drape it in darkness, and people will just need to click on the email to see if the glorious unveiling is a real product or not.
Left to Right: Nest, Cowrks, Harry’s
Email Trend Thingy #8: Make Neon Signs
You know those signs in restaurant windows to let people know you are open? Yeah, like that but in email. Now everyone on your email list will know you are open for business — all the time.
Left to Right: Quip, Sabah, Nike, The Black Tux
Email Trend Thingy #9: Recreate an Instagram Feel
Everyone uses Instagram (Well, not everyone. More like a debatable 1/7th). There’s something about recreating the wheel when there’s a proven feel to something. If you have a lot of content, or lots of photos, seems like this is a good route to copy.
Left to Right: GOAT, BURST
While the images above look like they are side-by-side, they are actually one column (I just put them side-by-side to save room). What is cool about both is that they give cred to the people who took the photos, thus increasing the chances of more fans to tag the brand in their respective photos in the future.
Email Trend Thingy #10: Stack Your Title & Text Side-by-side (Instead of Vertically)
You may have been taught in your elementary school english classes that a title always goes on top of your story or chapter. It is what we’ve been trained to do. But more and more, there’s been a break from this convention by some radicals who are putting their titles to the left of their copy.