background preloader

Web Design

Facebook Twitter

Peasy – open by default. There are currently four simple steps to installing Peasy.

Peasy – open by default

We hope in the near future to automate this process further to make it even simpler. 1. Create your domain (or subdomain) The UX Library - UXcellence. Learning in the Bauhaus School: five lessons for today’s designers (and five ways the web still is… Five lessons the Bauhaus School can offer today’s designers 1.

Learning in the Bauhaus School: five lessons for today’s designers (and five ways the web still is…

Go back to basics One of the great insights of the Bauhaus movement is to recognise that creative education is about more than passing on and refining technical knowledge or skills. Google is full of brilliant answers to every “how to” query. Master the Metaphor: Using Metaphors in Design. They may seem more appropriate for English majors and copywriters, but metaphors can be powerful solutions for visual problems, as well.

Master the Metaphor: Using Metaphors in Design

Here’s why—and how—to use them effectively in all of your design projects. The Principles of Beautiful Web Design. This article was written in 2007 and remains one of our most popular posts.

The Principles of Beautiful Web Design

2017 predictions for web design technology trends – Envato – Medium. When I worked as a web designer, I was fascinated by how design trends changed each year.

2017 predictions for web design technology trends – Envato – Medium

Since hanging up my design boots and focusing on being CEO of Envato, my focus has shifted from visual trends, to industry and technology ones. As I did in 2014 and 2015, here’s my take on where the world is moving! 3D entering the designer’s toolkit. Web Usability: 125 Easy Tweaks to Optimize the UX/UI. Welcome to a huge resource on user experience (UX), user interfaces (UI), and interaction design.

Web Usability: 125 Easy Tweaks to Optimize the UX/UI

Whether you’re designing a website or mobile app, you’ll learn 125+ tactics to optimize its usability. Category 1: Control the User’s Focus and Attention Emphasize a Point of Entry in the Interface Every interface should have a clear starting point. Web Usability: 125 Easy Tweaks to Optimize the UX/UI. UX Design Top 10 Articles of The Year (v.2017) – Mybridge for Professionals. For the past year, we’ve ranked nearly 10,500 UX Design articles to pick the Top 10 stories (0.095% chance) that can help you prepare your design career in 2017.

UX Design Top 10 Articles of The Year (v.2017) – Mybridge for Professionals

This is an extremely competitive list and Mybridge has not been solicited to promote any publishers. Mybridge AI ranks articles based on the quality of content measured by our machine and a variety of human factors including engagement and popularity. This UX Design list includes topics that are directly related to improving user experience of a product: Psychology, User Research, Web & Mobile Design, Data Design, and Word Design.

Give a plenty of time to read all of the articles you’ve missed this year. You’ll find the experience and techniques shared by design leaders particularly useful. Note: Mybridge’s designer spent 2 hours reading the 10 articles during his Christmas holiday. Reducing Cognitive Overload For A Better User Experience. Advertisement Meet the new Sketch Handbook, our brand new Smashing book that will help you master all the tricky, advanced facets of Sketch.

Reducing Cognitive Overload For A Better User Experience

Filled with practical examples and tutorials in 12 chapters, the book will help you become more proficient in your work. Get the book now → The best user experience is the one the user doesn’t notice. It appears smooth and simple on the surface, but hundreds of crucial design decisions have been made to guide, entertain and prevent trouble. How to design words – John Saito – Medium. Technically speaking, I’m a writer.

How to design words – John Saito – Medium

I get paid to write words. User Memory Design: How To Design For Experiences That Last. Advertisement Meet the new Sketch Handbook, our brand new Smashing book that will help you master all the tricky, advanced facets of Sketch.

User Memory Design: How To Design For Experiences That Last

Filled with practical examples and tutorials in 12 chapters, the book will help you become more proficient in your work. Get the book now → The two charts pictured below changed the way I think about thinking. Thimble by Mozilla - An online code editor for learners & educators. Balsamiq. Rapid, effective and fun wireframing software. First Principles of Interaction Design (Revised & Expanded)

The following principles are fundamental to the design and implementation of effective interfaces, whether for traditional GUI environments, the web, mobile devices, wearables, or Internet-connected smart devices. Help! This is a huge revision. I expect I have made mistakes. Please leave corrections and suggestions in the Comments at the end. If you have better examples than I’m using, please include them as well, but give me enough information about them, including links or cites, that I can make use of them. This revision features new examples and discussion involving mobile, wearables, and Internet-connected smart devices.

What has changed greatly is the level of detail: You will find many new sub-principles within each category, along with far more explanation, case studies, and examples. Previous Version & Its Translations. Introduction. Use a single word space between sentences. “In the nineteenth century, which was a dark and inflationary age in typography and type design, many compositors were encouraged to stuff extra space between sentences. Generations of twentieth century typists were then taught to do the same, by hitting the spacebar twice after every period [full stop]. Your typing as well as your typesetting will benefit from unlearning this quaint Victorian habit. As a general rule, no more than a single space is required after a period, colon or any other mark of punctuation.” All white space in HTML, in any combination of spaces, tabs or line breaks, is automatically collapsed to a single word space.

Your Body Text Is Too Small – Medium. Optimizing Bigger Body Text When designing body text for websites, it’s important to realize there is no one-size-fits-all, because it all depends on factors such as the typeface design, the background/foreground color, and viewport dimensions. 1. Design The Body Text First Above all, when designing a web page we should design the body text first, usually before anything else in the layout.

It’s the most common element and its appearance will have an evident effect on the rest of the composition. 2. As a general principal in typography, it’s usually better to stick with a serif or sans-serif font for body text. Text typefaces are purposefully designed and optimized to work well between 6–14 points (8–18px), but because of their increased inter-character spacing, heavier contrasting and lowercase x-height, might seem unappealing at 24-26px. How to design words – Medium. 5 Actual Web Designs Trends for 2016 — Apegroup — Behind the Screens. Designing a styleguide: elements that go into building compelling products — Free Code Camp. 5 Actual Web Designs Trends for 2016 — Apegroup — Behind the Screens.

How To Make Your Not-So-Great Visual Design Better — Facebook Design. Ambassador Watches - Incomparable Timepieces. Center Centre - Program. What will I learn? You’ll learn the essential skills to become an industry-ready user experience (UX) designer. Traffic 1M - Get Your First 1 Million Visitors. Web Writing Tips - Writing for an Internet Audience. Lost and Taken - Free Texture Stock Photos. 17 Major Main Menu Mistakes. Information Architecture 101: Techniques and Best Practices. Create Free Brand & Design Style Guides with Frontify Style Guide. Content Style Guide Template & Process – GatherContent. When it comes to content, consistency is key. Companies and brands are finally considering content to be team-wide effort, which is exactly how it should be. This is a move that needs to be supported by the right tools and understanding.

Skype Brand Book by Bondomatic. Welcome to my Repository of Free Textures, Brushes, Patterns and Design Articles. Lost and Taken - Free Texture Stock Photos. Jessica Caldwell. CW. / Art Direction & Design. MyBB - Free and Open Source Forum Software. The CMS Matrix - cmsmatrix.org - The Content Management Comparison Tool. The Winners. This is the list of past winners of both the Critic's Choice CMS Awards and the People's Choice CMS Awards, organized by year. People's Choice CMS Award Winners These award winners were selected by visitors to the CMS Critic website who both nominated them and voted for the shortlisted candidates. To learn more about how the awards work, visit " How the Awards Work " If you don't see a category listed above, it has not yet been announced and will be soon.

Please check back later. Critics' Choice CMS Award Winners These award winners were selected by a panel of judges. People's Choice CMS Award Winners These award winners were selected by visitors to the CMS Critic website who both nominated them and voted for the shortlisted candidates. Runners Up While these products below may not have won an award, they have definitely stood out amongst the competition and came very close to winning.