background preloader

Design & Color

Facebook Twitter

Color schemes. Logo Design and Name Generator. Color - Style - Google design guidelines. Material Design Color Palette Generator - Material Palette. Projetos - Agile DMAIC. Creating a link without an underline in HTML. All browsers that support style's that allow all underlines to be removed from a web page.

Creating a link without an underline in HTML

Below are different examples of how you can remove the underline links on your site. First, if you want all of your links to have no underlines add the below CSS code within the <head></head> tags of your pages HTML code. If you just want one link not underlined on your page creating a link similar to the below code anywhere within the <body></body> tags make the link not have an underline.

Website thumbnails and website screenshots - PagePeeker. Material Design Color Palette Generator - Material Palette. Google Sites Developers (Intranet & Public sites) - Community. Win an invitation for #SPAN15 London. ColorCombo27 with Hex Colors #FFD800 #587058 #587498 #E86850. Marsha Collier's Cool eBay Tools. Minimalist Color Palettes of 2015 by Dumma Branding. View your optimized image. Original Image 841 x 561 2045 KB (Optimized in 0.093 seconds) Optimized 700 x 466 264 KB Your image is optimized.

View your optimized image

You can optimize another image. Also if you like this free service, tell your friends about it. 100 Brilliant Color Combinations: And How to Apply Them to Your Designs. Color makes a design come alive.

100 Brilliant Color Combinations: And How to Apply Them to Your Designs

It can attract attention, set a mood, and even influence our emotions and perceptions. But sometimes it can be hard to know where to start when choosing a color palette for your design project. So we’ve done the hard work for you— giving you 100 color combinations inspired by nature, food & drink, travel, and everyday items. Color in Web Design: Color Symbolism - Addicott Web, Raleigh Web Designer & Raleigh Wordpress Website Designer.

Color is an important element web designers need to think about when creating the look of a website.

Color in Web Design: Color Symbolism - Addicott Web, Raleigh Web Designer & Raleigh Wordpress Website Designer

Different colors have different meanings – cultural, instinctual, universal, and more – and can stimulate different people in different ways. Visitors might not notice the impact that using the right colors can have (although they might if the colors break the mold, so to speak), but trust me when I say that they will definitely notice when the wrong ones are used. TinyPNG – Compress PNG images while preserving transparency. Megapixel calculator. RGB color converter. HTML color list. JS Bin - Collaborative JavaScript Debugging. How Colors Affect Your Website. Since the beginning of website design, there has been a well-known debate about how colors affect a website.

How Colors Affect Your Website

When it comes down to it, there is proof that colors affect a website in many ways. Many factors are influences by color including conversion rates, branding, usability, and even search engine ranking. Once you examine all of the different elements of your website that color plays a factor in, you will pay closer attention in choosing the colors you use in your design. Color and Website Conversions When you create a website with the purpose of selling your products and services being the main goal, it is important to consider the color scheme and each individual color because studies have shown that they have a huge impact on conversions.

Type Genius. Fontface Ninja. The psychology of visual UX. Storytelling in Web design guides the user experience, incorporating all types of media to craft a logical and emotional narrative out of thin air.

The psychology of visual UX

Since the beginning of human history, stories have played an important part in how we connect with one another. Just because we now tell our stories on the screen rather than around a campfire does not lessen their ability to captivate people emotionally. The tricky part, of course, is creating a cohesive narrative when the story is not always told linearly since the “listener” (in this case, the user) can control the flow and pace of the experience through multiple avenues of navigation. “Cave Painting”. Artotem. Before you know your story, know your user. Conduct user research, create supporting UX documentation (personas, storyboards, experience maps), then dive into the psychology and behavior of your users.

How do you change the color of bullets and numbers OL and UL tags? Blog Book Tour: Visual Design Solutions. SumoMe My new book, Visual Design Solutions, has been published.

Blog Book Tour: Visual Design Solutions

I was inspired to write this book when I realized there were no visual design books specifically for people in the learning industry, even though we create in highly visual mediums. I also have an undergrad degree in Art Education, so I am keenly interested in this topic. Why UX design patterns work and how to use them. The web's been around for more than 20 years, giving us ample time to discover user experience problems — in fact, to discover "user experience" at all — and invent solutions.

Why UX design patterns work and how to use them

Some solutions worked so well that designers everywhere began to use them repeatedly. And through familiarity, users came to expect them. This was the beginning of web design patterns: a common visual language that both designers and end users understand. It wasn't hard to do. People are hard-wired to recognize patterns, even where there are none. Shapes in clouds, numbers in lottery tickets, predictable stock market fluctuations, stellar constellations, and faces on toast all show how people see things that don't exist. 56 Tools for Visual Improvement of Your Website Content. By Dmitry Molchanov on Sep 03 2015 Visual elements of a web page play key role in capturing attention of readers.

56 Tools for Visual Improvement of Your Website Content

Image perception happens instantly and effortlessly, our brain process visual information much faster than text. Sometimes visuals are simply the most effective and creative way to present information, data, or concepts that are difficult to understand. You don't have to be a graphic designer to create professional and engaging visual elements for your website, you just need to use the right tools. Best tools for visual improvement of your website content Search for Free Stock ImagesThe list of best searchable websites with copyright-free, cost-free images published under Creative Commons.

ShareX screen capture example on logo Make better screenshots instead of default screen capture Lightshot (Windows, Mac, Chrome) Free app with simple interface and useful features. DesignTAXI - Interstital Advertisement. Great Use Of Colors In Web Design. By Bogdan Sandu in Web Design Research has it that a majority of all the product assessments made by customers are primarily based on color and of that percentage, most of the time is the sole reason an individual purchased a certain product.

Great Use Of Colors In Web Design

This fact holds for both material and non-material goods. The use of color psychology in this case is used to effect conversions. 10 Interesting Color Tools. No matter if you’re designing a website, creating a brochure, writing a game or just messing around in creative apps, the key to attracting your audience’s imagination is choosing the right set of colors. Here are few intersting color tools that can help in the hunt for that perfect palette. Very cool web-based resource for figuring out and downloading the exact color palettes used by your favorite brands. Tool to help designers select color combinations that allow users to read their content regardless of different visual capabilities and screen resolutions based on WCAG Guidelines. Key Differences: E-learning vs. M-learning. Many organizations are converting existing e-learning courses into m-learning by making the interface responsive and by publishing them in the HTML file.

The reason behind this is to provide the most meaningful learning experience through the use of mobile devices. In fact, most of them consider e-learning and m-learning are the same. But in reality, e-learning is completely different from m-learning in various aspects such as variable screen size, GUI, access, scrolling, interface, and compatibility. Why Design a Simple User Interface for Mobile Learning? Last week I attended a meeting in our office regarding the development of an e-learning course on a mobile platform.

A topic that caught my attention was the importance of user interface in mobile learning. Many of our course developers actually agreed that developing an interface which requires simplistic knowledge or approach is very important for a mobile learning course to be effective. Ten things you need to know about responsive design. Type is not one size fits all. Good Design - Form and Function - Art versus Design - Design - User Experience - UX Design. Art vs. Design, Form and Function. How to design if you suck at design. In Western culture, the “copy” has a negative connotation, it is seen as something lesser than an original which it can never surpass. Japanese culture, however, actually accepts and appreciates reproductions when they improve on or adapt their original.

Reciprocal learning: a guided practice to improve reading comprehension. Every Designer Should Know Dieter Rams' Design Principles. Dieter Rams’ design motto, “Weniger, aber besser” (“Less, but better”), has inspired many industrial designers in the past 50 years. Among them is Jonathan “Jony” Ive, Apple’s Senior Vice President of Design, who gave the world the simplistic yet refined designs of Macs, iPods, iPads, and iPhones. Rams believed that understanding people is the key to a good design. He also encouraged designers and everyone else to be responsible for the world around them. He advocated against wastefulness and urges the earth’s inhabitants to make good use of its limited natural resources.

Needless to say, these carried over into his design philosophy. UX Myths. 20 Design Rules You Should Never Break. Just like with any profession or discipline, design comes with some rules. While breaking design rules is allowed and even (in some circumstances) encouraged, it’s important to at least be aware of the rules you are breaking so you can break them the right way. From typography to layout, right through to colour and special effects, this list runs through a few basic rules, tips, tricks and guides to some common errors and how to banish them from your design. 01. UI Colors - Get Awesome UI Colors for Your Website.