An awesome pack from Freepik.com including a whopping 500 vectors icons, provided as both individual PNG files as well as a master Illustrator file for quick resizing.
Your new post is loading...
Your new post is loading...
Everything you need to know to craft great logos, from inspiration to execution.
Logo design is all around us. To the general public, logos serve as an instant reminder of a company or a product; to the client they’re the point of recognition on which their branding hangs; and to us designers they represent the challenge of incorporating our clients' ideologies into one single graphic.
☛ BEFORE YOU START
01. Learn logo 101...
02. Establish your own design process...
03. Price your work accordingly...
04. Learn from others...
05. Avoid the clichés
06. Research your audience...
07. Immerse yourself in the brand...
08. Keep all your sketches...
09. Do your online research...
10. Fight the temptation to imitate...
11. Don't let clients dictate...
12. Create a board and rip it up...
☛ INITIAL DESIGN WORK
13. Sketch it out...
14. Create vectors...
15. Use smart objects...
☛ NAILING THE TYPOGRAPHY
16. Choose your typeface carefully...
17. Adapt an existing typeface...
18. Avoid gimmicky fonts...
19. Make the type match the brand...
20. Consider a type-only approach...
☛ USE OF SPACE
21. Think about the space around your logo design...
22. Use negative space effectively...
23. Don't overdo it...
☛ GRAPHIC DESIGN...
24. Make your design active, not passive...
25. Cultural differences...
26. Consider tones as well as colours...
27. Be experimental...
☛ KEEP IT CLEAN AND MODERN
28. Don't use more than two fonts...
29. Ensure it works on dark backgrounds...
30. Keep abreast of trends...
31. Subtract as much as possible...
32. If in doubt, leave it out...
33. Don't try to do too much...
34. Create a lock up version...
35. Make your logo design responsive...
36. Create different size versions...
37. Make it legible...
38. Create non-print variants...
39. Make it future-proof...
☛ BUSINESS CONSIDERATIONS
40. Don't confuse 'logo' with 'brand'...
41. Get the tone right...
42. Show your logo design around...
43. Stick to your convictions...
44. Ask the client specific questions...
45. Test it internationally...
46. Check for hidden words...
47. Expect your logo redesign to be panned...
☛ STYLE GUIDES...
48. Create a logo style guide...
49. Dictate colour options...
50. Specify sizes...
51. Advise on positioning...
52. Advise on spacing...
53. Define no-nos...
☛ EXTRA TIPS
55. Why you should avoid plagiarism...
56. Free template for social media...
57. The psychology of logo shapes...
58. The psychology of logo colours...
59. Be inspired by the best...
60. Further articles...
☛ ☛ ☛ Highly Supportive ☛ ☛ ☛
What’s important is to create something that you believe is different from anything already out there,” David Airey
More Hints and Tips: http://on.mash.to/1iDKaRf
(っ◔◡◔)っ ♥ Bonusy Bonus (˘‿˘ʃƪ)
Free Logo Maker http://www.logomaker.com/
+ Ready to fly solo? Start with an amazing logo. It's free! http://www.logogarden.com/
(◑_◑) Attention ☚
Things to avoid while creating your logo http://bit.ly/1hjNAuL
Post ImagE: http://bit.ly/1qqlwM7
Crealev is a young, dynamic and hands-on company.
The Crealev team consists of engineers and designers, an enthusiastic and flexible team ready to create product and projects that will amaze everyone.
"We have a wide skill-set and ever increasing experience with magnetic levitation, product design and display products.
Our patented technology enables objects to float in thin air, no strings attached. We have developed multiple systems that are able to levitate objects.
Our levitation technology uses repelling magnets combined with sophisticated electronics to keep floating objects in position.
Our technology has been implemented in numerous projects, ranging from artists to multinationals all over the world.
We love to create products ourselves.
We love to collaborate."
Crealev can share knowledge, ideas and experience during the concept or prototype phase of your levitation product.
How does this magical substance work?
"Well, to paraphrase Wikipedia, there are crystal flakes that align with the direction of shear when in motion.
These aligned flakes reflect light toward the observer. Once the fluid stops moving, the flakes take on a random orientation and light is again diffused. Of course, Wikipedia gave no hint to the actual ingredient...
I searched for a few good hours trying to figure out how this stuff works. Turns out it's something of a trade secret, it would seem..."
Garret Steider had the bright idea to create this awesome project that involves typography and food.
Carving into food and shaping each letter of the Alphabet with an extra taste of typography making this a very unique and probably very time consuming but the result is amazing.
Check it out!
More from Garret:
Panorama stitching and more.
A powerful software package for creation and processing of panoramic images.
Post Image: http://bit.ly/1grcac1
Mhd.Shadi Khudr's insight:
"Hugin has now reached a stable state: the software is recommended for general use."
Canva makes design simple for everyone. Create designs for Web or print: blog graphics, presentations, Facebook covers, flyers, posters, invitations and so much more.
Canva is fun, free & simple to use A simple new way to design
Design shouldn't be hard but somewhere along the way we became bogged down with expensive, complicated software that put design out of reach for most people.
Canva is here to change that, with a tool that makes design simple for everyone.
Canva gives you everything you need to easily turn ideas into stunning designs.
Create designs for Web or print: blog graphics, presentations, Facebook covers, flyers, posters, invitations and so much more.
Search and drag simplicity
Search and drag to create beautiful designs without ever leaving the Web.
Canva takes care of the boring bits so you can spend more time creating.
With Canva you can edit your photos using preset filters or get advanced with photo editing tools like brightness, contrast, saturation, tint, blur, x-process and vignette.
With more than six quadrillion options, you’ll never be stuck for choice. Collaborate with anyone.
Canva makes it easy to work with others, letting you share and edit your designs with family, friends and coworkers.
Professional designers can easily collaborate with clients. Never worry about frustrating back and forth emails again.
Canva also plays nice with traditional desktop design software.
A snapshot of Canva Ready to get creative? Start designing →
Textillate.js combines some awesome libraries to provide a ease-to-use plugin for applying CSS3 animations to any text...
Simply include textillate.js and it's dependencies in your project to start creating unqiue effects...
Textillate.js is built on top of the simple, yet amazingly powerful animate.css and lettering.js libraries....
Candy Cane Kiss Cookies from Hershey Kitchens
1/2 cup butter, softened
1 cup sugar
1 1/2 teaspoons vanilla2 cups flour
1/4 teaspoon baking soda
1/4 teaspoon salt
2 tablespoons milk
3/4 cup red sanding sugar
Mhd.Shadi Khudr's insight:
Warm Hearty Thanks to Kelly
Ever been given a drawing of some mythical creature by a child that is just so creative, you wish it could be something in real life?
Well, maybe you should pass these drawings onto Vancouver-based artist, Wendy Tsao.
Wendy's art form is very original, and adorably hilarious. It celebrates the imagination we all once had as a child.
Makers of iStat Menus, Skala and other great Mac, iPad and iPhone apps.
>> Pixel Perfect
Skala Preview sends lossless, colour accurate image previews to any iOS or Android device. Previews are pixel perfect. Colours are identical to how the final app or website will look on the device.
>> Realtime Preview
If you’re using Photoshop CS5, CS6 or CC, Skala Preview can preview your canvas as you edit. No saving, no keyboard shortcuts, just lossless previews in realtime.
>> Send Files & Clipboard
If you’re using other design tools, Skala Preview can send images via files or the clipboard and update each time you save.
>> Colour Blindness Testing
Ensure your design can be used by those with protanopia, deuteranopia, tritanopia or complete colour blindness. It’s even possible to view different colour blindness testing, orientation or zoom levels on multiple devices at once.
“...the best iOS preview app, hands down.”— Christopher Downer
"In this video I attempt to lift a 19kg (42 lbs) wheel over my head one-handed while it's spinning at a few thousand RPM. This replicates an earlier experiment by Professor Eric Laithwaite.
He claimed the wheel was 'light as a feather' and could not be explained by Newton's Laws. I wanted to find out for myself what I really felt like."
Explanation of gyro precession: http://bit.ly/U4e8HQ
The smell of fresh baked bread can uplift any household!
There are many benefits to making your own bread from knowing the ingredients that you put into it, to spending some fun quality time with your family, to even turning them into fun shapes and sizes like these guys...
1. Honey-Vanilla Teddy Bear Challah Bread...
2. Pig Bread...
3. Frog Bread...
4. Potato Rosemary "Turkey" Bread...
5. Hedgehog Bread, Snail Bread and Turtle Bread...
Pregnant bellies make such an excellent canvas for whimsical and fun designs.
They really let the Mom's personality shine and make for great photos for a baby album too!
What's not to love about a painted baby bump?
You definitely need to see these baby bump masterpieces - they're truly amazing!
More Creative examples:
Post ImagE: http://bit.ly/1gKZWsv
Smushed 3.67% or 2.23 KB from the size of your image(s). How did we do it?
Smush.it uses optimization techniques specific to image format to remove unnecessary bytes from image files.
It is a "lossless" tool, which means it optimizes the images without changing their look or visual quality.
After Smush.it runs on a web page it reports how many bytes would be saved by optimizing the page's images and provides a downloadable zip file with the minimized image files.
Do not link to the smushed images on Smushit.com since they will only be available there temporarily.
Instead, download the zip file containing the smushed images for your web page and replace your image files with those files.
Smush it comes in different flavours:
Saving bytes has never been so easy - you point us in the right direction, and we'll do the rest for you.
A ZIP archive with optimized images will be generated for you.
Post Image: http://bit.ly/1jKW1Ay
Mhd.Shadi Khudr's insight:
A small team of mathematicians, led by Mikael Vejdemo-Johansson of the of the KTH Royal Institute of Technology in Stockholm, has uploaded a paper to the preprint server arXiv describing a mathematical process they used to determine that the number of ways to tie a tie is 177,147—far more than previous research has suggested...
"We extend the existing enumeration of neck tie knots to include tie knots with a textured front, tied with the narrow end of a tie. These tie knots have gained popularity in recent years, based on reconstructions of a costume detail from The Matrix Reloaded, and are explicitly ruled out in the enumeration by Fink and Mao (2000).
We show that the relaxed tie knot description language that comprehensively describes these extended tie knot classes is either context sensitive or context free. It has a sub-language that covers all the knots that inspired the work, and that is regular.
From this regular sub-language we enumerate 177 147 distinct tie knots that seem tieable with a normal necktie.
These are found through an enumeration of 2 046 winding patterns that can be varied by tucking the tie under itself at various points along the winding. "
More on Tie a tie:
Post ImagE: http://bit.ly/1nZ8Xmn
Macaw provides the same flexibility as your favorite image editor but also writes semantic HTML and remarkably succinct CSS. It's time to expect more from a web design tool.
Macaw is engineered for fluid widths. Resize the canvas and your grids and elements will update accordingly.
Designing for different device sizes is tricky. Macaw lets you define arbitrary breakpoints and tweak properties for that specific width.
Macaw gives you access to your system fonts, a full library of web fonts and even allows you to pull in Typekit fonts. It also provides useful calculations like characters per line.
Building clickable prototypes in Macaw is as easy as clicking on a target, but it doesn't stop there. You can also add more dynamic interactions with the scripting palette. Macaw will even autogenerate templates and jQuery variables for you.
Design more with less.
Macaw lets you save common styles so that you can quickly apply them to elements across your document. Once applied, you can update all of the elements at once with the style editor.
Have a complex element that you need to use on multiple pages?
With Macaw you can store it in your library as a component and drag it on to any other page in your project.
We wanted Macaw to write code you'd be proud enough to hand to developers. Current applications rely on trendy frameworks, export rigid positioning and generate ridiculous IDs. We think designers and developers deserve better. Macaw's powerful, patent-pending engine is called Alchemy and it can do some incredible things.
Alchemy analyzes every possible selector to describe your document and determines the most succinct way of using them based on logical criteria: applicability, specificity and semantics.
Macaw offers designers the freedom of absolute positioning within the interface but will convert to a static document flow upon export by calculating the necessary margins, padding, floats and clears. It's the best of both worlds.
Mhd.Shadi Khudr's insight:
Preorder it now and save yourself $50!
Build a website in just a matter of minutes without coding and spending too much!
You will find 1WD’s guide on how to build a WordPress website, including recommended tools and services that you should use for your website, both FREE and premium.
This resource page also includes a getting started guide on how to become a web designer :)
Do you want to become a web designer?
Whether you have zero to little knowledge about web design, we can help you become a web designer.
And it will only take you one week at most! Provided that you will give your heart out to this task, of course.
The only people who succeed are those who take action \(^◡^ )
Terms to Remember ❤ \(^◡^ )
❤ CMS: A content management system allows publishing to be done easier since you won’t deal with the intricacies of coding just to publish an article, video, or a photo. (WordPress for this guide we will be using).
❤ Dashboard: Inside WordPress, this is where the magic happens. This is where you can manipulate your website’s content that visitors see.
❤ Theme: A theme is a bundled-up design (and often with extra features) that you can use out of the box; it can change the way your website looks without necessarily changing the content.
❤ Plugin: A plugin is an add-on that you can, well, include on your WordPress site installation to extend its functions. For example, ... What if you want to add a specific feature like Twitter stream on your website?That’s where plugins enter. To date, there are over 24,000 free plugins that you can choose...
(ʃƪ˘‿˘) Bonus; All inclusive therein:
>>> Here’s a huge list of Plugins that you will need:
>> Free WordPress Themes:
(♥♥,) 80 Premium Like Yet Absolutely Free WordPress Themes
(♥♥,) 43 Minimal And Really Clean Free WordPress Themes
(♥♥,) 30 Quality Sites To Easily Preview And Download Free WordPress Themes
(♥♥,) 40+ Truly Functional And Free 3 Column WordPress Themes
(♥♥,) 60 Free, Yet Premium Quality WordPress Magazine News Themes
That’s it. That’s all you need to build a website! ♥(ˆ⌣ˆԅ)
(っ◔◡◔)っ ♥ You don’t need to hire anyone to do the job for you...
(ʃƪ˘‿˘) Bonus; All inclusive therein:
✿ Essential Tools and Services
(♥♥,) Stock Photo
(♥♥,) Speeding Up WordPress
(♥♥,) SEO Plugins for WordPress
(♥♥,) Contact Form
(♥♥,) WordPress Themes
Post Image: http://bit.ly/18S2NCW
Mhd.Shadi Khudr's insight:
'DENIM' , led by Prof. James Landay, is a set of researching tools for designing user interfaces that helps web site designers in the early stages of design, particularly through informal interaction such as sketching.
It supports sketching input, allows design at different refinement levels, and unifies the levels through zooming.
DENIM was designed with a pen interface in mind.
The authors note that 128 MB RAM and a pen tablet that can emulate a mouse are recommended for using DENIM (although it will work with a mouse).
✵ Ongoing Research:DENIM
Through a study of web site design practice, we observed that web site designers design sites at different levels of refinement -- site map, storyboard, and individual page -- and that designers sketch at all levels during the early stages of design.
However, existing web design tools do not support these tasks very well. Informed by these observations, we created DENIM, a system that helps web site designers in the early stages of design.
DENIM supports sketching input, allows design at different refinement levels, and unifies the levels through zooming.
We performed an informal evaluation with seven professional designers and found that they reacted positively to the concept and were interested in using such a system in their work.
⇝ ⇝ There are several key differences between DENIM and SILK:
⇝ DENIM supports more views of the design (e.g. site map) than SILK and integrates those views through zooming.
⇝ SILK recognizes widgets that are sketched by the designer. DENIM does not (yet).
⇝ ⇝ Some future enhancements to DENIM include:
⇝ Adding support for widgets found in HTML forms and traditional GUIs.
⇝ Enhancing the visual sketching language to support more complex events (e.g. animation, roll-overs), conditionals, and custom widgets.
⇝ Allowing DENIM to exchange data with other web site design tools.
⇝ Generating artifacts for presentation and documentation purposes.
⇝⇝ Try an exported DENIM HTML site ⇝⇝
↝ VideosCurrent DENIM System
↝ DENIM Visual Language
This video highlights some of the features that will be included in a future release of DENIM.
Components allow designers to create widgets and reuse them in their designs.
Conditionals allow designers to create web sites where transitions between web pages depend on the end-user's actions.
↝ DENIM Support:
↝ Highly Supportive by the University of Washington: