background preloader

25+ Flat Design Inspiration for Designers

25+ Flat Design Inspiration for Designers

40 Free And Fresh Fonts Of 2013 Fonts are the most important part of your design and you should have to perform very carefully when you are looking for web fonts for your website. A well-chosen font is as important as it has to be typical and eye-catching, to catch the reader’s eye and make him want to read the rest of given information. It is also an important key to the success of the project you work on. Angilla Tattoo Southern Aire Phraell font Recorda Script Glametrix font Trufla Words font Confetti Stream font Admiration Pains font Lighthouse VintageOne font Ventography Misdemeanor font Penelope Anne font 970 Views

Adobe Muse Tips – Scrolling menu | Creative droplets Recently, I played with Adobe Muse CC, part of the Adobe Creative Cloud. This application is for designers who need (or want) to create websites without writing a single line of code. If you’re a designer who knows how to create amazing pages in InDesign, why not use your skills to target the web? Adobe Muse represents a great opportunity for classic designers who don’t have the energy to learn HTML and CSS. Web design patterns The real question is: Can a good print designer become a good web designer? The web is full of “design patterns”: I’ll explain how to achieve classic web design patterns with Adobe Muse. #1. A fixed navigation bar sticks to the top of the page. The website The great bearded reef is a perfect example. Here is a sample page produced with Adobe Muse: Click on the image and scroll down. Make sure that your design is in a layer on top of your content. Pin your navigation bar. #2. As in the previous sample, make sure that your menu bar in a layer above your page content.

100+ Cool And Creative Social Media Icon Sets | Inside my Rocket You reading this blog post means that you’re probably well aware of the importance of providing easy social media sharing functionality of your websites content. One easy way of doing this is by slapping social media icons right in the face of your readers. I’ve searched the web high and low to find you the 100+ coolets and most creative social media icon sets. Some of them are clean and elegant – others are very experimental. You need to find the right balance. Don’t pick icons which go overboard making the logo of the social network too hard to recognize. Most of the social media icons below are free. 1. 2. 3. 4. 5. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 8-bit Social Icon Pack 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 3D Silver Social Media Icon Set 31. 32. 33. 34. 35. 36. 37. 38. 39. 40. 41. 42. 43. 44. 45. 46. 47. 48. 49. 50. 51.

The Seven Success Factors of Social Business Strategy [INFOGRAPHIC] | Vala Afshar Houston, we have a problem - a social business strategy problem. The era of social networking started in the early 2000s with the launch of Friendster. In fact we can argue that there were renditions of social networking even before that --from Bulletin Board Systems (BBS) to CompuServe, Prodigy, and AOL. A recent survey by Altimeter of nearly 700 social media professionals yielded that: Only 34% of businesses feel that their social strategy is connected to business outcomes.Just 28% of companies feel that they have a holistic approach to social media, where lines of business and business functions work together under a common vision.A mere 12% are confident they have a plan that looks beyond the next year.Only half said that top executives were "informed, engaged and aligned with their companies' social strategy." As a CMO and an active user of social media, I am stumped at how the industry still treats social as an experiment. 1) Define business goals 2) Establish a long-term vision

20 Outstanding Free Social Media Icon Sets for 2013 Here’s an awesome list of my favorite free social media icons for 2013. I tried to pick sets that also included Pinterest and Google+ which are probably the newest kids on the social-media-block. All the social icon sets are available for free on the artist’s websites. Just click the download link above each example. Click here to learn about how to upload and install your icons using html. 1. Download Free 2. Download Free: 3. Download Free 4. Download Free 5. Download Free 6. Download Free 7. 8. 9. 10.

Designing Style Guidelines For Brands And Websites Advertisement A website is never done. Everyone has worked on a project that changed so much after it launched that they no longer wanted it in their portfolio. Edward Tufte once said: “Great design is not democratic; it comes from great designers. Why Create A Style Guide? You’ll have an easy guide to refer to when handing over the project.Makes you look professional. Branding Guidelines: What To Include? Strategic Brand Overview This should be short and sweet. 1See Kew’s branding guidelines2. Kew uses strong photography in its “brand essence” message, with a few paragraphs that both inspire and define the brand. Logos For print and Web, most brands revolve around the logo. 3See Cunard’s branding guidelines4. Cunard provides many variations on its minimum sizes. 5See Think Brick’s branding guidelines6. Provide logos with different colors, and specify which colours are allowed. Show Examples of What and What Not to Do You’re a professional, and you know better than to mess around with logos.

40 Photos That Give A Window Into Black Life In Chicago In The '70s Como projetar um site responsivo? Navageção Como projetar um site responsivo? Navegação Projetar modelos de navegação pode ser um desafio quando falamos em diferentes tamanhos de tela. Portanto, alguns métodos populares podem ajudar a tornar a navegação […] Projetar modelos de navegação pode ser um desafio quando falamos em diferentes tamanhos de tela. A principal preocupação ao projetar um site responsivo é saber aproveitar o espaço, principalmente em telas pequenas. Segundo Steven Bradley, ao projetar um site responsivo é importante manter em mente que: O espaço para navegação horizontal é limitado;Possibilidade de cerca de 4 links em um menu horizontal;Botões, links e alvos muito pequenos dificultam a seleção. Abaixo estão modelos dos simples aos mais complexos de navegação sugeridos por Brad Frost. Padrões simples Top Nav ou abordagem “não fazer nada” O nome dessa abordagem já é bastante sugestivo. A grande vantagem dessa abordagem é a simplicidade. Footer Anchor ou Âncora de Rodapé Momentum Contents Magazine Footer Only ou Rodapé Pea

44 Cool Flyer Designs For Inspiration Inspiration June 24, 2011 A flyer is a single page leaflet advertising a nightclub, event, service, or other activity. These are typically used by individuals or businesses to promote their products or services. Flyer printing isn’t very expensive and this is one of the main reasons why distributing flyers is regarded as a very efficient form of direct marketing. In this roundup we’ve compiled some amazing and well-designed flyers for inspiration. View Source View Source View Source View Source View Source View Source View Source View Sources View Source View Source View Sources View Source View Source View Source View Source View Source View Source View Source View Source View Source View Source View Source View Source View Source Author: Prakash Ghodke

Webinar (Aug. 7) – DPS for the Independent Publisher: Getting Started « Adobe Digital Publishing Independent Publishers: join us for a complementary, one-hour webinar introduction to Adobe Digital Publishing Suite! We invite small to midsize publishers interested in learning more about creating digital magazines to come learn how to grow readership, drive engagement, and create revenue, all while ensuring an efficient workflow and positive ROI. This webinar will explore case studies from titles including The New Republic, Interweave, Cook’s Illustrated, and more. Additionally, you will learn to: Create and publish apps to leading devices with your existing staff and skillsDraw print subscribers to digital editionsDeliver custom notifications to your readersLeverage marketing tools to create and deliver a custom experience

Colorful Light Burst Text In Photoshop Written by Steve Patterson. In this Photoshop Text Effects tutorial, we’ll learn how to engulf text in an explosion of light and color. There’s quite a few steps involved in this text effect, and we’ll be using a couple of filters that are not used very often in everyday Photoshop work, but creating the effect is quite simple and the end result is definitely worth the effort. Using Photoshop CS6? Here’s the result we’re going for: The final result. Let’s get started! Step 1: Open A New Photoshop Document Open a new document in Photoshop by going up to the File menu and choosing New…, or by using the keyboard shortcut, Ctrl+N (Win) / Command+N (Mac). Create a new document in Photoshop. Step 2: Add Your Text With your new blank document open, grab the Type tool from the Tools palette or by pressing T on your keyboard. Choose a thick, heavy font, and with black as your foreground color, enter your text. Step 3: Resize Your Text With Free Transform Step 4: Rasterize Your Text Click OK.

The Creative Portfolio Sites of 50 Designers A few months ago we reviewed Web Design Agency Homepages. However, many designers prefer to work alone, and their portfolios are also worth checking out. Thus, here are 50 individual creative portfolios, which will knock your socks off! Keeping in mind that most agency sites are built on a “Logo – Tagline – Best Work – Contact Info” basis, we were curious to see if this formula would work as well for freelance designers as it does for web design agencies. Yes, it works sometimes, and you can see it from the examples featured in this article, but it seems, as expected, the main focus of most portfolio sites is to catch visitor’s attention, introduce the designer and then invite readers to get deeper into the portfolio in order to see the best works and know more about the designer, his/her skills, awards and experience. And if you believe reading is not enough to understand what an inspirational portfolio site is, please take a look at the following examples: 50 Creative Portfolios GregSuj

Related: