Incredible Web Designs that Resemble Posters » General » Design Festival. In recent years, a web design trend has emerged in which designers create web pages that resemble the layout of print posters. If you printed out a copy of the entire length of the web page, the printed version would look like it belonged on a wall. Some common elements in these poster-like web designs include long, eye-catching graphics that often stretch the entire length of the page and very readable text blocks that are located in order of importance down the page. Just like posters, these web pages include the most important information first, with additional less attention-grabbing information near the bottom.
Each design starts out with bang in order to capture a visitor’s interest quickly, just like an effective poster does with passersby. Below are some of the best examples of web pages that follow this poster design trend. We Came From Mars This amazing web page begins as if at Mars. Prepare to Activate Good Foot App Iutopi.com Manufacture D’Essai Elless Deda Amanda Stevens Full Stop. 50+ PSD UI Web design elements. I’m a big believer in not reinventing the wheel when it comes to web design. If someone has already created something that fits what you need and/or want, and especially if that element is available for free, then why waste your time designing something that turns out virtually identical?
Your time and effort is better spent on creating new and unique parts of your design, while using what’s already available for other parts. Below are more than 50 free UI element packs from a variety of designers. Buttons, form elements, media players, and similar stock elements are the most popular, though there are other elements included also. And as a bonus, there are over half a dozen premium element packs at the end. Free Elements Soft UI Kit: Free PSD for Mocking Up Web Designs A set of common web elements for mockups, designed by Adrian Pelletier and provided by Six Revisions. Transparent Glass UI: Free PSD for User Interface Design Freebie: Modern UI Pack Photoshop PSD Web UI Treasure Chest v1.0. 20 Signs That You Are A Psychopath. Three Quick Design Tricks: Sliced Text, Metal Knobs and Curled Stickers.
Today we have a small collection of completely random but very useful design tricks that you should keep in the back of your mind the next time you need a new idea. We’ll be showing you how to slice up some text in Illustrator to give it an edgy feel and how to build a metal slider and a curled sticker in Photoshop. Quick Design Tricks It’s time for another dose of great little design tricks to add to your arsenal.
These aren’t in-depth tutorials but instead little five minute or less techniques that you can implement in any design that you’re currently working on. As a designer, it’s important to keep up on inspiration and fresh ideas and these little tricks will allow you to infuse some new elements into your designs without feeling like you’re ripping off someone else’s work. Feel free to use these tricks completely as they appear but also don’t be afraid to experiment a little and put your own unique spin on each! Slice That Text Going Further Metal Knob/Slider Curled Sticker Conclusion.
Inspiration: Black and White Photography. Friday is a good day to take some time to see inspiring photographs, and that is why we decided to gather a few black and white images today, to help you close the week with a nice dose of inspiration. In my opinion, black and white photography capture scenes in an almost magical way… without colors images seems stronger, they have a different intensity, a different feeling. Let’s say b&w images allow you to see things without any distractions, you just see the scene, pure and simple.
About the Author Gisele Muller loves communication, technology, web, design, movies, gastronomy and creativity. Web writer, portuguese/english translator and co founder of @refilmagem & @mentaway Twitter: @gismullr Related Posts 357 shares Colorful Logos for Your Inspiration We’ve rounded up some examples of logo designs that make excellent use of color. Read More 716 shares 11 Inspiring Examples of Dark Colors in Web Design. 10 steps to a perfect logo. Hottest Web Applications of the Month – July. Here we are again! In this particular month, we will like to share to you a whole bunch of great web apps that will improve your workflow in all sorts of different ways from online video editing to rapid prototyping, learning Ruby on Rails and more – you name it, we’ve got it.
Of course, if you’ve got a great app you think we should include on this list you can suggest them by commenting below, or sending us a tweet @Hongkiat using the tag #hkwebapp. We’d love your feedback on the types of apps you’d like to see, and your favorite apps. Tomorrow Tomorrow is a very neat and nicely designed to-do app. I’ve been trying out the app for a few weeks now, and I found the “deliberately” limited option really helps me focus on the task in hand.
InVision InVision is an extremely useful tool for designers and developers that helps you to build up real working interactive prototypes in no time. Sync.in JayCut Rails For Zombies Wetransfer StrawberryJ.am Aviary Music Creator Feedly Historious Switchr OhLife. Weekly Freebies: 20 Awesome Cheatsheets for Designers and Developers. You simply can’t beat the usefulness of a good cheatsheet. Having all the information you need in one convenient spot will help you make that transition from newbie to ninja in no time. Today we have a collection of the best free cheatsheets from around the web. You’ll find some old favorites like the jQuery Visual Cheatsheet and some new entrants like the Manual Photography Cheatsheet. No matter what you’re into, there’s probably a cheatsheet for it! Go Squared CSS3 Cheatsheet WebKit CSS3 Cheat Sheet CSS3 Simple Shapes – Cheat Sheet CSS ShortHand Property Cheat Sheet HTML5 Cheatsheet HTML5 & CSS3 Support Go Squared HTML Cheatsheet HTML5 Canvas Cheatsheet HTML5 Visual Cheatsheet JavaScript jQuery Visual Cheat Sheet JavaScript Cheatsheet PHP & Rails PHP Quick Reference Cheatsheet WordPress Help Cheatsheet Ruby On Rails Cheatsheet Other Blog Design SEO Manual Photography Cheatsheet Markdown Cheatsheet for Dashboard Git Cheatsheet iPhone Objective-C Cheatsheet Color Theory Love it?
Should Designers Start from Design School? Graphic design and web design, has become a popular career path in the last decade. As such, no matter an aspiring designer decides to attend a traditional brick-and-mortar school or an online school, there are always a plethora of professional classes, degrees and certifications to help them get started in this competitive field. (Image Source: Fotolia) Yet many may wonder – just how effective are these courses? A career in graphic design does not technically require a degree or certification to pursue, and many successful web designers have launched their careers without ever taking a graphic design course.
Yet, the answer to the question ultimately lies in specific aspects of the aspiring designer’s career goals, their natural aptitude for the field and the competitiveness of the job market. Full discussion after jump. The Basic Facts Although graphic design does not require a post-secondary degree in order to enter the field, having one does help. (Image Source: Fotolia) Final Words. How to Create Eroded Metal Text with Photoshop. In this tutorial I'll show you how to create an eroded metal text effect. Throughout this tutorial we'll make use of various drawing techniques, channels, and patterns. Let's get started! Editor's note: This tutorial was originally published on Psdtuts in September 2009. Step 1 First we need to define a pattern of dots. Fill the selection with white. Now drag two more guides to the center of the selection as in the image below. Step 2 Now create a new document 1450 pixels wide and 700 pixels high at a resolution of 300 pixels/inch.
Step 3 Now we'll apply two Layer Styles. Step 4 Make the "Background" layer invisible and create a new layer on top and name it "2 Alpha. " Step 5 Command-click the "2 Alpha" layer to load the selection and hit Command + C to copy. Step 6 Go to the Layers Palette. Step 7 Create a new layer on top and again name it "2 Alpha" because this one will be going to an alpha channel. Step 8 Step 9 Go to the Layers Palette and create a new layer named "Text. " Step 10 Step 11. Build your own HTML5 3D engine. 22 Fantastic Swirls and Curls Brushes for Illustrator » General » Design Festival. Swirls and curls can add a touch of elegance, romance, fun, or even retro to your vector artwork. Sometimes searching for the perfect one, however, can be too painstaking. So, in the hopes of saving fellow artists valuable time, here are the best Illustrator brushes to create swirls and curls in a variety of styles–edgy, modern, classic or minimalistic.
The best part? All free for download. Swirly Curls from CreateSk8 Swirl Rocks by VELAVAN Free Floral Brushes Romantic Borders by Aramisdream “Kairy” brushes from AiVault Circular Flowers Victorian Vector Brush Pack Butterfly Flowers Vector Brush Beautiful Abstract Swirl Brushes Crazy Circles Brush Set Artistic and Scribble Swirl Brushes Rising Sun Brushes Butterfly Swirl Brushes Swirl Tree Brushes Floral Ornament Brushes Vine Love Brushes Ornament Brushes Curly Brushes Curly Floral Brushes Alice Swirl Brushes Swirl Polynesian Brush Elegance Brush Pack.
Înainte să începi ceva… « Rosca Liviu.