Web Design Tutorials for Developers - Web Design Blog – DesignM.ag Get the FlatPix UI Kit for only $7 - Learn More or Buy Now Modern development APIs work like agents for sharing information to other 3rd party websites. I’ve written many past tutorials about API development to help anyone new to this process. There are so many web-based services that it’s tough picking something to grab people’s attention. In this tutorial I want to demonstrate how we can access the Forrst API using jQuery. Some API wrappers actually require server-side code like PHP or Ruby. Read More I was browsing through websites one day and came across one really interesting feature. So in this tutorial I want to demonstrate how we can build a very simple HTML5 webpage recreating a full author bio display. Read More Any company selling a service with payment plans usually breaks up the structure into different packages. For this tutorial I want to demonstrate how we can create pricing tables with just a bit of HTML5 and CSS3. Live Demo – Download Source Code Read More
Color Theory for Designers, Part 1: The Meaning of Color - Smashing Magazine 10 Tips for Designing Presentations That Don’t Suck: Pt.1 Powerpoint has produced more bad design in its day that perhaps any other digital tool in history with the possible exception of Microsoft paint. In this post we’re going to address the epidemic of bad presentation design with ten super practical tips for designer better looking and more professional presentations. Along the way we’ll see a number of awesome slide designs from Note & Point along with some custom examples built by yours truly. Also be sure to check out 10 Tips for Designing Presentations That Don’t Suck: Pt.2! Not a Designer? Most of the content on this site is targeted specifically towards professional designers and developers, or at the very least those interested in getting started in this field. You’ve chosen a visual tool to communicate and should therefore take the time to learn a thing or two about visual communications. Follow the ten tips below and see if you don’t start getting comments about your awesome presentation design skills. #1 Don’t Use a Built-In Theme
Color Explorer • Free tools for working with digital colors 50 Totally Free Lessons in Graphic Design Theory 1,200+ courses and ebooks Design, code, video editing, business, and much more. Adobe Photoshop, Illustrator and InDesignGraphic, Logo and Print DesignSketch, Adobe XD & FigmaWordPressJavascript, PHP & PythonAdobe After Effects & Premiere ProMuch More Millions of creative assets Design templates, stock videos, photos & audio, and much more. Graphic TemplatesStock PhotosMusic TracksVideo TemplatesWeb TemplatesDesign AssetsWordpress Themes & PluginsMuch More 1,200+ courses and ebooks Design, code, video editing, business, and much more. Adobe Photoshop, Illustrator and InDesignGraphic, Logo and Print DesignSketch, Adobe XD & FigmaWordPressJavascript, PHP & PythonAdobe After Effects & Premiere ProMuch More Millions of creative assets Design templates, stock videos, photos & audio, and much more. Graphic TemplatesStock PhotosMusic TracksVideo TemplatesWeb TemplatesDesign AssetsWordpress Themes & PluginsMuch More
Color Schemes, Color Palettes, Color Theory Color in Motion Available in English and Spanish, this flash presentation presents an animated, interactive demonstration of the symbolism and emotions associated with various colors, including the best uses of these colors. Colors on the Web Color theory, color combinations, color physics, and the use of colors on web pages are discussed, and a color wheel allows users to test out what they have learned. Other tools include color names, a color wizard, and a color scheme tool. ColorExplorer This online toolbox permits users to work with palettes in a variety of ways, creating, managing and evaluating color palettes for use in graphic or web designs. Adobe Kuler Color Scheme The Kuler color wheel allows users to experiment with various color combinations. Color Scheme Designer This web page design tool can be used to create color combinations and to visualize them, in order to determine which work well together. ColorRotate Color Palette Peter Piper’s Palette Picker Mudcube Pictaculous Photocopa
Six Tips For Designing a Memorable Brand | Co.Design When clients call on Yang Kim and Kevin Budelmann, principals of branding firm People Design in Grand Rapids, Michigan, they usually ask for a new logo. "But the logo is just the tip of the iceberg," Budelmann says. Usually, what they really want is a redesigned brand. Kim and Budelmann should know. "You never see a logo by itself," Kim says. "It's definitely our point of view," Kim adds. Here's six lessons drawn from their book: 1. WordWorld by Siegel + Gale So many companies strike out because they don't do their homework. 2. Kapulica Studio by Bunch Can you have a constant logo that is still recognizable but also for its variety? 3. The Mob Museum, Wall-to-Wall Studios The authors say this submission is funny, appropriate and cool. 4. Chokolate by Bunch It's not such a stretch that a talent agency named Chokolate would play up their similarity to the word chocolate, but here, Bunch created an entire system of collateral that riffs on the idea. 5. 6. *Credits for composite image: 1.
25 Awesome Tools for Choosing a Website Color Scheme 25 Awesome Tools for Choosing a Website Color Scheme As a designer, color management should be an integral part of your workflow. A website’s color scheme helps shape its identity and therefore should not be carelessly thrown together. Here are 25 online, desktop and iPhone applications to help you live and breathe color management no matter where you are. Online Tools There are simply a ton of free color tools available on the web. Kuler Kuler is one of the best free online color scheme creation tools out there and my personal favorite. Color Scheme Designer Color Scheme Designer has a beautiful interface that helps you create beautiful color schemes in seconds. colorblind simulation is built in so you can ensure usability will be optimized for all users. Colour Lovers An online community where color aficionados can create, share and browse color schemes. Pictaculous The guys at MailChimp created this excellent free service. Color Spire Daily Color Scheme Instant Color Schemes Color Explorer Loupe
Beyond Pink and Blue: A Look at Gender Colors It goes beyond culture. There is science behind the gender-relationships when it comes to colors. A study by John Hallock compares the color preferences among various demographics and takes into account information collected from 22 countries. Our friends at KissMetrics put together this informative infographic that tears down the gender barriers to reveal what really goes on in visualizations. Click any portion to enlarge. Colors by Gender The Color Purple - The most notable gender difference can be seen in the color purple. Blue Reigns Supreme – Both males and females like the color blue, which receives favor with 35% of female respondents and more than half of the male respondents. A Closer Look In 2007, Doctor Anya Hurlbert and Yazhu Ling created an experiment to explore how men and women differ in their perceptions of color. Results of the Experiment The experiment showed that men and women both preferred blue out of the sets of colors. Color Naming: Men Keep It Simple
The Power of Colors: How Colors Are Used in (e-)Commerce to Influence You The color theory, invented by Sir Charles Lemieiux, is a complex science involving psychology, physics, color perception, etc. Color theory tackles perceptual and psychological effects to various color combinations and contrasts. The theory is so complex that it actually deserves the whole encyclopedia of it own, so this post won’t definitely be able to cover it all. Instead, it lists some fundamentals that you will hopefully be excited to hear. The post covers some ways you can be influenced by colors, i.e. how your shopping decisions may be controlled by the right choice of colors in stores (or on e-commerce websites): next time when you see the color tricks, you will recognize them! Generally speaking… How color may help influence your mood and encourage/ discourage you to act – this way your actual behavior can be controlled: Based on the above table and this article, best colors by business can be summed up as: Stats… What Look Trustworthy: What is Most Associated with Speed: Advice…