41 wine and vineyard logos that leave a long-lasting finish

How do you explain your wine’s special and unique taste to a shopper who’s never tried it before? While you can’t always give out free samples, the design of your wine and vineyard logo can do the next best thing: explain your brand’s special and unique personality. Wine logo by Sonia MaggiYour winery logo—along with how well you design the bottle label—conveys to new customers what your wine is like. Sitting on the shelf next to your competitors, your visuals need to both attract and inform, reflecting your brand values while persuading shoppers to try it. Below, we’ve collected ideas and inspiration for beautiful wine logos and outline the basics of how to design a great wine and vineyards logo. Read on for a wide variety of top winery and wine logos to inspire you. How to turn good wine and vineyard logos into great ones
— If you’re coming into logo design without any experience, it can be intimidating. Here we’ll give you a crash course in logo design; first the universal best practices and then considerations specific to wineries. Fundamentals of logo design Logo design is a nuanced specialization of graphic design that encompasses aesthetics, branding & marketing, composition, color theory, typography and artistic skill. We give a fuller introduction to the craft in our free online guide How to design a logo, but here we’ll summarize some key points to provide a little background. Design for your brand. There’s not one “best type of logo”—the most successful logos are the ones that best represent their brand. The aggressive red and garish typography of the Coca Cola logo may suit the brand well, but those same design choices would hurt more relaxed brands like a yoga studio or massage parlor. So before anything else, you have to consider what kind of brand you want to be—your “brand identity.” Are you a playful brand or a serious brand? Are you a fun party wine or a more sophisticated dinner wine? That will guide your design choices, in particular colors, shapes and letters. Colors, shapes and letters. Each different color and shape represents different emotions—for example, logos with excessive black seem more sophisticated, logos with a lot of circles seem friendlier etc. Likewise, that extends to font choice, such a formal, elegant serifs vs. casual, modern sans-serif. Every design decision reflects on your brand, so build your brand...

14 Awesome Website Color Combinations and Palettes

Choosing the right color palette for your website is tricky. A website design comprises of a variety of elements – text, buttons, links, logo, banner images to name a few. Over 90% of our initial assessment of a website is made on color alone, so it would make sense to choose your color schemes with care. To come up with interesting and attractive color palettes, designers spend a lot of time studying color theory and following schemes that tend to trend more than others. To get you started we have gathered some of the best website color schemes you can take inspiration from. We have included color codes for each design – this way you are able to plug in the codes and create a site that evokes the same look and feel of the original site. 1. Forever Agency The use of bold color is apparent in this website. The bright green remains to be the main color while accents of other brighter hues are introduced in various other parts of the screen. This hue is a trend that is hugely popular among website designers. The green seen here is slightly different from the others as it is a lot brighter and is seen in locations such as the footer, icons, the sidebar and other parts of the website. 2. IC Creative The background overlay and the oversized headline in contrasting color creates a huge impact on the viewer. Color overlays are another major trend that we have been seeing a lot this year. With the bright yellow on a dark overlay creates the dramatic effect that draws the eye of the viewer on to the screen. 3. Pittori di Cinema This site is a great example to showcase the effects of high color minimalism on a viewer. The bright yellow color with black is a commonly used color scheme is quite popular among designers that work on this genre. The brighter the palette, the higher the impact. 4. Cowboy Bike The color scheme on this website attracts the viewer to the content. The color black placed on a bright, monotone palette helps push the main content to the surface. 5. Pavithra Portfolio This brightly colored website draws the viewer in from the get-go. The designers use of solid colored backgrounds on each scrolling screen is reminiscent of the material design color palette. While it might look like its a lot of color at first glance, the toned down hues create a strangely calming effect. 6. Gabrielle Dolan Gabrielle Dolan’s website uses...

10 Popular Google Web Font Pairings

Selecting complementary fonts is never an easy task for web designers. Sometimes it’s hard to know where to even begin. If you’re having trouble putting together a good body and header font combo for your website, or just want a little nudge in the right direction, here are ten popular combinations that look amazing together. Work Sans and Roboto These two fonts get along wonderfully. Work Sans is a font specifically made to be used at large-to-medium sizes. And while its wide letter spacing makes it unsuitable as a body font, it’s perfect for headers. Meanwhile, Roboto was designed to look natural and legible. It’s an extremely popular, practical font, and one that pairs well with Work Sans’ eye-catching but elegant appearance. Source Serif Pro and Source Sans Pro Looking for something a little more sophisticated? These two fonts were created in the same project to complement each other. Source Serif Pro will add a dash of style to your headers, while Source Sans Pro, made with user interfaces in mind, offers a streamlined, easy-to-read experience. Playfair Display and Montserrat Playfair Display was made with traditional, late 18th century typefaces in mind. As a display font it looks best in your headers, where it will add a sleek, timeless look to your website. And merged with the Montserrat body font, which was inspired by early 20th century signs in Buenos Aires, you’ll achieve a surprisingly synergistic combination. Poppins and Raleway Poppins is a pleasing geometric font based around circles and curves. It works well as both a header and body font because of its versatile, beautiful design. Raleway, meanwhile, is actually designed as a large size font. Despite this, it works very well as a body font with Poppins. Try it out; you’ll be surprised at this unlikely combo! Libre Baskerville and Lato These two fonts work together because they contrast well. Libre Baskerville is a tall, elegant serif font, while Lato is sans serif, modern, and designed to give off a warm, friendly feeling. Both of them will lend a lot of personality to your site. Merriweather and Open Sans The ever-popular Open Sans pairs fantastically with pleasant, friendly Merriweather. The latter’s wide, bold appearance makes it a great header font, while Open Sans’ simple and neutral design will make reading long passages easy on the eyes. Space Mono and Muli Monospace fonts...

What’s New For Designers, March 2019

This month we are all about tools that make life easier. And that’s exactly what you’ll find in this roundup of new things for designers – from color tools to workflow enhancers to code snippets to fonts that will make you smile, everything here can make your design life easier. If we’ve missed something that you think should have been on the list, let us know in the comments. And if you know of a new app or resource that should be featured next month, tweet it to @carriecousins to be considered! QuickChart.io QuickChart.io is a free tool to help you build quick charts for digital use. This tool is designed to replace Google Image Charts API, which is slated for shutdown this month. Here’s how it works: Chart images are defined by their URLs. Each URL contains a JSON object that includes all the data and display options. These options follow the popular open-source graphing library Chart.js. Everything is customizable so you can use your color and font palettes to make the chart completely yours and you can embed charts in emails, SMS, reports and pretty much anything else you need. This Person Does Not Exist This Person Does Not Exist is a collection of randomly generated headshots for projects. The images are computer generated and are not of real people. Refresh for new faces and use in projects. The fun thing about this project is how real the images look – although you do occasionally come across some glitchy ones. IVID <Interactive Video Player> IVID is an interactive video player for modern browsers that comes with easy setup and use. It’s plug and play! The full VanillaJS web component player allows you to skip to the next video, uses inherited HTML5 video properties, has on-screen controls that are customizable, keyboard controls and a simple setup. Ludwig Ludwig is a toolbox that lets you train and test deep learning models without writing code. It uses a data type-based approach that works for users at all levels. Plus, it has more flexible tools for experienced users that want more control over model building and training. This tool is available under an open source license. CSS Color Wheel CSS Color Wheel is a new take on the classic model with an animated color wheel with different styles. The pen by Louis Hoebregts is interesting, fun and informational. (Make sure to change the curves for different versions.) Color Harmonies Color...

Top 10 UX Blogs That All Web Designers Should Read

There’s a lot to learn in the world of UX design. There’s so much terminology along with varying workflows that it can take years to master the craft. It helps if you have some good reading material to keep you on the forefront of UX changes. These blogs are by far the best places to start with frequent posts on UX design for websites, mobile apps, and general digital interfaces. The UX Designer Toolbox
Unlimited Downloads: 500,000+ Wireframe & UX Templates, UI Kits & Design Assets
DOWNLOAD NOW 1. UX Booth UX Booth has been online for years and they’re probably the most well-known UX blog on the web. Each week they publish a few articles related to user experience and general design topics. It’s really a mixed bag of content but the quality is superb. Most of these topics are really groundbreaking so they talk about many ideas you won’t find on other blogs. I highly recommend UX Booth as a must-read blog. It should be in your rotation if you do any type of design work. 2. Usability Geek Here’s another great blog on the topic of general user experience and usability. On Usability Geek you’ll find plenty of articles covering trends and design techniques for the web. There’s also a solid focus on mobile apps too along with workflows for larger teams like agile. Usability Geek feels more like a general UI/UX and interaction design blog. It covers a little bit of everything, and there’s something here for everyone regardless of your background. A fantastic read for new and seasoned designers alike. 3. UX Movement If you look over the homepage you’ll notice UX Movement doesn’t update very often. But when they do every post is fantastic. This website is the cornerstone of new ideas for UX on the web and mobile. I’m always surprised at how insightful and valuable these articles can be, especially ones that offer results from case studies. UX Movement’s biggest downside is the slow trickle of content. You’ll be lucky to get 1-2 posts every month. So you probably won’t bother visiting this site weekly, but it should be on your radar. And if you’re looking to delve into the belly of UX design then try browsing through their archives to see what you can find. 4. InVision Blog InVision has turned into a massive company with their online prototyping & workflow tools. During that time they also launched the InVision Blog which has some pretty...

8 Plugins to Improve WordPress Search

There are so many things to love about WordPress – but its default search capability is not one of them. It’s very basic and doesn’t account for things like misspellings or context. That can really hamper the user-friendliness of a site that’s heavy in content. Thankfully, the WordPress developer community has created some fantastic plugins to bring search functionality up to snuff. Most are fairly simple to set up and will start providing better results in mere seconds. Here is a collection of WordPress plugins you can use to turn your search field into a truly powerful tool: Your Web Designer Toolbox
Unlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design Assets
DOWNLOAD NOW Relevanssi Relevanssi is a great choice for those who are looking for fine-grain control over search. There is a plethora of settings to tweak. For example, you can add “weight” to post elements such as the title or tags used. It also accounts for a lot of the quirks involved with a typical WordPress site. Custom post types, custom fields, PDF documents and even the contents of Shortcodes can be indexed (note that some features may require the Premium edition). But even if you aren’t keen on changing a lot of settings, you can simply install the plugin, build your site’s index and instantly improve search. Ajax Search Lite These days, users are quite accustomed to using a “live” search that offers up suggested results as they type. It’s a feature that can really make finding a specific piece of content a more efficient process. Ajax Search Lite adds this capability to any WordPress site, along with the ability to filter a search by category or post type. Plus, you also have the option of letting the plugin replace your site’s existing search field or add it in via a Shortcode or widget. The Pro version adds even more features, like the ability to search a BuddyPress feed and media attachments. Search Exclude There may be times when you want prevent specific content from being searchable within your WordPress website. Search Exclude makes this quite easy – just click the added checkbox in the post editor to hide that content from internal search. It’s important to note that this plugin will not affect any SEO settings for a page or post – just the ability for users to search for it within your site. Advanced Woo Search If you’re running an online...

Popular Design News of the Week: March 11, 2019 – March 17, 2019

Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers.  The best way to keep track of all the great stories and news being posted is simply to check out the Webdesigner News site, however, in case you missed some here’s a quick and useful compilation of the most popular designer news that we curated from the past week. Note that this is only a very small selection of the links that were posted, so don’t miss out and subscribe to our newsletter and follow the site daily for all the news. 8 Web Development Trends to Take Notice of in 2019   Maze 2.0   Going Beyond the Golden Ratio   IBM is Preparing for a UK Exit from the EU   Planning for Responsive Images   A JavaScript-Free Frontend   Create a Beautiful and Responsive HTML Email Template   Consult this Handy Chart to See if You are an ***hole Designer   Web Design Museum   Using Shaders to Create Realistic Special Effects in Web Design   Bringing Black and White Photos to Life Using Colourise.sg   Haiku Animator   5 UX Tips I Learned Working in Gamedev   10 Analytics Tools for Optimizing UX   Design Checklist for Perfect Charts   On the Dismissal of Design tools   Hot Take: Dark Mode   Design in Tech Report 2019   Women Made it – Tools, Books and Blogs Made by Women   The Planned Obsolescence of Old Coders   8 Creative Ways to Share your User Research   Typography on the Web   How the Bauhaus Kept Things Weird   Mozilla Firefox Send Lets You Share Encrypted Files Privately and for Free   Design Better Products by Building Trust   Want more? No problem! Keep track of top design news from around the web with Webdesigner News. Add Realistic Chalk and Sketch Lettering Effects with Sketch’it – only $5!

Source p img {display:inline-block; margin-right:10px;} .alignleft {float:left;} p.showcase {clear:both;} body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}

Everything you need to know about Bauhaus: an infographic

Bauhaus is one of the greatest design movements of the 20th century. Founded in 1919, the famous design school has influenced all kinds of cultural fields with its revolutionary ideas and theories. Its indelible mark has been stamped on art, design and architecture. But you don’t need to be an artist to have heard about Bauhaus. We all have a feel for what Bauhaus design looks like, but can’t necessarily explain it. Until now… We’ve put together this Bauhaus infographic to summarize everything you need to know about the movement. Scroll down and let us take you on a Bauhaus journey, from its principles and characteristics to the history, milestones and evolution of the Bauhaus movement in graphic design today. A journey through 100 years of Bauhaus — Designed by Lera Balashova100 years after its inception we can still clearly see the influence of Bauhaus on the design world today. Its iconic and timeless characteristics will probably never go out of style. We can’t wait to see how Bauhaus will continue to inspire artists and graphic designers for decades to come. Want to see the Bauhaus movement in action? Check out our article on what today’s famous logos would look like in Bauhaus style. Learn more The post Everything you need to know about Bauhaus: an infographic appeared first on 99designs.

Did You Remember to Do These 5 Things Before Launching Your WordPress Site?

A lot of hard work goes into building a website. And a site built with WordPress presents its own unique challenges. Not only do you have to ensure that your theme is pixel-perfect, you also need to make sure that you’re using the right plugins and coding practices. Even then, there are still more mountains to climb. Take, for instance, the act of launching your new site. If you used a development environment to build your site (whether a local server or a non-public spot on a web host), some changes need to be made when moving to production. It’s quite a delicate process – almost like a ballet. There are a number of steps involved, and each one has to be done just right. Otherwise, the whole thing could fall flat. But not to worry! We have compiled a helpful checklist of things to do before launch. While it’s not exhaustive, it does cover some common items that can be easily forgotten. The goal is to ensure the smoothest transition possible. 1. Update to Production URLs Using a development environment also means that you’re using a temporary URL for your site. Therefore, you’ll want to make sure that you’ve updated to the production URL via Settings > General within WordPress. However, you may still need to update URLs within your site’ database as well. The settings change alone doesn’t affect hard-coded links within pages, posts, widgets or menus. So, you’ll want to do a search and replace to reflect the new address (just make sure you back up the database first). The easiest way to do this is via a plugin, such as Velvet Blues Update URLs or Better Search Replace. This is the recommended route, since these plugins can help you avoid changing the wrong thing. Still, be extra careful with this step. 2. Turn on Search Indexing When your development process is being done on a web hosting account, you may decide to block search engines from crawling your WordPress install. This is good practice, as you wouldn’t want to see your development site showing up in search engine results. It looks bad and could even negatively impact the current site’s SEO. This is easily done in WordPress, by checking the Search Engine Visibility box within Settings > Reading. Yet, it’s easy to overlook after your site has been launched. Some SEO plugins, such as Yoast SEO, will alert you to change the setting. Short of that, it’s always a good idea to double-check. 3....

Total Twitter Followers
Tweets Impressions Monthly
Facebook Followers
Pinterest Followers

32,6K
143,6K
1,392
2,073

YouTube Subscribers
Total YouTube Views
Instagram Followers
LinkedIn Followers

193
383,3K
22
84

Alexa Global Rank
Alexa Rank in US
Keywords Analyzed
Updated

554,8K
174,9K
21,345
20 Apr 2019