Designmodo http://designmodo.com Designmodo - Web Design Blog and Shop Mon, 25 May 2015 10:26:50 +0000 en-US hourly 1 How Time Perception Impacts Interaction Design http://designmodo.com/time-interaction-design/ http://designmodo.com/time-interaction-design/#comments Mon, 25 May 2015 08:29:47 +0000 http://designmodo.com/?p=269811 You're reading How Time Perception Impacts Interaction Design, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+!

How Time Perception Impacts Interaction Design

How can you use time to your advantage in interaction design? Is it even controllable? The elements of timing can be difficult to describe, but we all feel them, from the annoyance of waiting for something to load, to the exhilaration of breezing through page after page. The scale of timing is wide, ranging from […]


]]>
http://designmodo.com/time-interaction-design/feed/ 0
Tutorial: Make the Footer Responsive in a WordPress Theme http://designmodo.com/responsive-wordpress-footer/ http://designmodo.com/responsive-wordpress-footer/#comments Fri, 22 May 2015 06:40:26 +0000 http://designmodo.com/?p=268414 You're reading Tutorial: Make the Footer Responsive in a WordPress Theme, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+!

Make the Footer Responsive in a WordPress Theme

The footer in WordPress, or for websites in general, is one of the least used pieces. The footer is mostly used to show credits and contact information. This might be good enough for many sites, but it would be better to make the footer in your WordPress theme much more configurable. It might be better […]


]]>
http://designmodo.com/responsive-wordpress-footer/feed/ 1
How to Create a Flat Styled Set of Writing Tools http://designmodo.com/create-flat-writing-tools/ http://designmodo.com/create-flat-writing-tools/#comments Wed, 20 May 2015 07:22:47 +0000 http://designmodo.com/?p=269588 You're reading How to Create a Flat Styled Set of Writing Tools, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+!

How to Create a Flat Styled Set of Writing Tools

Hello fellow design enthusiasts, today I’m going to show you how to build your very own flat styled set of writing tools using the mighty Adobe Illustrator. The process will rely on using basic shapes (rectangles and rounded rectangles), which we will adjust here and there using the powerful Direct Selection Tool. Without wasting any […]


]]>
http://designmodo.com/create-flat-writing-tools/feed/ 0
Snug UI Kit – Vector Shape Elements http://market.designmodo.com/snug/ http://market.designmodo.com/snug/#comments Mon, 18 May 2015 16:50:16 +0000 http://designmodo.com/?p=269535 You're reading Snug UI Kit – Vector Shape Elements, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+!

Snug UI Kit - Vector Shape Elements

Each object is made of shapes. You can resize objects with Retina resolution. Blocks are based on a 930 grid system. You can easily swap blocks. The layout has been designed with typefaces from Google Fonts.


]]>
http://market.designmodo.com/snug/feed/ 0
Basement Wireframe Kit: 200+ Prototype Elements http://market.designmodo.com/basement/ http://market.designmodo.com/basement/#comments Mon, 18 May 2015 16:32:47 +0000 http://designmodo.com/?p=269528 You're reading Basement Wireframe Kit: 200+ Prototype Elements, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+!

Basement Wireframe Kit: 200+ Prototype Elements

Basement Wireframe Kit consists of more than 200 ready-to-use elements that you can combine to get a perfect prototype. It is versatile while eliminating redundant features to help you save time and focus on your project.


]]>
http://market.designmodo.com/basement/feed/ 0
The Value of UX Research in Product Development http://designmodo.com/ux-research/ http://designmodo.com/ux-research/#comments Fri, 15 May 2015 06:49:33 +0000 http://designmodo.com/?p=269173 You're reading The Value of UX Research in Product Development, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+!

The Value of UX Research in Product Development

When we talk about user experience, we quite often end up discussing UX Design. Some may even refer to UX and UX Design as a same thing, which they are not. Today I would like to draw your attention to the “pre-story” of amazing and usable design — user experience research. Let’s try to answer […]


]]>
http://designmodo.com/ux-research/feed/ 0
How to Mockup Responsive Websites in Sketch App http://designmodo.com/responsive-sketch-app/ http://designmodo.com/responsive-sketch-app/#comments Wed, 13 May 2015 06:45:30 +0000 http://designmodo.com/?p=269216 You're reading How to Mockup Responsive Websites in Sketch App, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+!

How to Mockup Responsive Websites in Sketch App

It’s quite normal to build websites with responsive viewports and it’s been that way for a while now. Of course, not every website needs to be responsive, but it’s common courtesy to offer it to your mobile visitors if you have them. But how do we create mockup designs for responsive websites? Sketch App Sketch […]


]]>
http://designmodo.com/responsive-sketch-app/feed/ 3
Ink UI Kit – iOS Screens for Photoshop and Sketch http://market.designmodo.com/ink/ http://market.designmodo.com/ink/#comments Tue, 12 May 2015 12:31:33 +0000 http://designmodo.com/?p=269278 You're reading Ink UI Kit – iOS Screens for Photoshop and Sketch, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+!

Ink UI Kit - iOS Screens for Photoshop and Sketch

Premium pack of 120+ high-quality iOS screens to make your design workflow great and simple. Ink contains more than 120 elaborate iOS 8 screens in 7 categories that will meet any needs you may have in your designing process. Each screen is fully customizable, exceptionally easy to use and carefully assembled in Sketch and Photoshop […]


]]>
http://market.designmodo.com/ink/feed/ 0
Comparing iOS Designs of 5 Apps Over the Years http://designmodo.com/comparing-ios-designs-apps/ http://designmodo.com/comparing-ios-designs-apps/#comments Mon, 11 May 2015 06:30:53 +0000 http://designmodo.com/?p=269025 You're reading Comparing iOS Designs of 5 Apps Over the Years, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+!

Comparing the iOS designs of 5 apps over the years

It’s interesting to think about how design has changed over the years. Each time a new design is published it, there is another genius and gorgeous unveiling. Or what about point of view where you look at old designs and get embarrassed at how poor, terrible or simply funny they were? Here, we’ll take a […]


]]>
http://designmodo.com/comparing-ios-designs-apps/feed/ 1
Why Designers and Web Developers Must Work Together http://designmodo.com/designers-developers-work/ http://designmodo.com/designers-developers-work/#comments Thu, 07 May 2015 07:19:44 +0000 http://designmodo.com/?p=268917 You're reading Why Designers and Web Developers Must Work Together, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+!

Why Designers and Web Developers Must Work Together

It seems like a common sense idea: Designers and developers must work together. But too often, these individuals work apart while working on the very same project. The designer works to create elements and color palettes and typography that looks great, while the developer codes and prepares the material for web publishing. And this can […]


]]>
http://designmodo.com/designers-developers-work/feed/ 2
Designmodo Announces a Marketplace for Designers & Developers http://designmodo.com/market-announce/ http://designmodo.com/market-announce/#comments Wed, 06 May 2015 08:52:53 +0000 http://designmodo.com/?p=268571 You're reading Designmodo Announces a Marketplace for Designers & Developers, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+!

Designmodo Announces Market

Products presented in Market are created by designers from around the world. If you are designer or web developer and create appealing and useful products, you can be part of Market. Below you can see a screenshot of the “My Account” page for sellers. Account information includes seller balance, previous month’s revenue and payment for the coming month.


]]>
http://designmodo.com/market-announce/feed/ 0
17 Startups with Great-Looking Websites http://designmodo.com/startups-websites/ http://designmodo.com/startups-websites/#comments Mon, 04 May 2015 04:46:09 +0000 http://designmodo.com/?p=268730 You're reading 17 Startups with Great-Looking Websites, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+!

Startups with great looking websites

Startups are an incredibly interesting business model with employees that have ambition, work hard and have great ideas. Personally, I’ve worked with a number of them and I love the high pace environment. But the thing I loved the most about startups is the emphasis they put toward great design in both product and web […]


]]>
http://designmodo.com/startups-websites/feed/ 0
Best Alternatives to Wacom Tablets http://designmodo.com/wacom-alternatives/ http://designmodo.com/wacom-alternatives/#comments Fri, 01 May 2015 07:30:06 +0000 http://designmodo.com/?p=268315 You're reading Best Alternatives to Wacom Tablets, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+!

Wacom Alternatives

As a designer, I find it difficult to have freedom in sketching digitally using a mouse. Through practice, I have made a pretty decent job in creating illustrations, but felt that to fully realize my imagined designs, I had to upgrade. That’s why I bought a Wacom Intuos ($150) graphic table tool. At first, it […]


]]>
http://designmodo.com/wacom-alternatives/feed/ 5
Best Website Designs from Japan http://designmodo.com/japan-websites/ http://designmodo.com/japan-websites/#comments Wed, 29 Apr 2015 05:26:49 +0000 http://designmodo.com/?p=268594 You're reading Best Website Designs from Japan, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+!

Best Website Designs from Japan

An atmosphere of harmony, integrity and serenity is highly prevalent in Japanese-based website designs. Even if the project gets its flawless appearance from extravagant visuals or is driven by ultra-modern features or dynamic effects that should add some chaos and upset the consonance, it still strikes the perfect balance between content and design. This results […]


]]>
http://designmodo.com/japan-websites/feed/ 0
How to Use Size & Space in Interaction Design http://designmodo.com/size-space-interaction-design/ http://designmodo.com/size-space-interaction-design/#comments Mon, 27 Apr 2015 10:27:00 +0000 http://designmodo.com/?p=268526 You're reading How to Use Size & Space in Interaction Design, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+!

How to Use Size & Space in Interaction Design

While he never lived to see the Internet, engineering psychologist Paul Fitts nonetheless had a huge influence on digital design with his 1954 proposal now known as Fitts’s Law. We can describe Fitts’s Law as: “…a model of human movement in HCI and ergonomics which predicts that the time required to rapidly move to a […]


]]>
http://designmodo.com/size-space-interaction-design/feed/ 0
Create an SVG Animation using CSS and JavaScript http://designmodo.com/svg-animation/ http://designmodo.com/svg-animation/#comments Fri, 24 Apr 2015 06:49:47 +0000 http://designmodo.com/?p=268336 You're reading Create an SVG Animation using CSS and JavaScript, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+!

SVG Animation using CSS and JavaScript

SVG, or Scalable Vector Graphics, is an application of XML to provide vector graphical information in a lightweight form. Unlike the other rasterized image format such as PNG and JPEG, SVG can be scaled without loss of image quality. Creating SVG graphic can be designed using Adobe Illustrator and other graphic editing software or manually […]


]]>
http://designmodo.com/svg-animation/feed/ 0
How to Create a Flat Cityscape in Adobe Illustrator http://designmodo.com/flat-cityscape-illustrator/ http://designmodo.com/flat-cityscape-illustrator/#comments Wed, 22 Apr 2015 07:15:54 +0000 http://designmodo.com/?p=267320 You're reading How to Create a Flat Cityscape in Adobe Illustrator, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+!

How to Create a Flat Cityscape in Adobe Illustrator

In today’s tutorial I’m going to show you step by step how to create a warm cityscape using some simple tools such as the Rectangle Tool and Pathfinder from Adobe Illustrator. Step 1 – Setting up a New Document If you’ve read some of my previous tutorials you should by now know that the first […]


]]>
http://designmodo.com/flat-cityscape-illustrator/feed/ 2
How to Hire a Web Designer or Design Firm http://designmodo.com/hire-web-designer/ http://designmodo.com/hire-web-designer/#comments Mon, 20 Apr 2015 08:39:45 +0000 http://designmodo.com/?p=268160 You're reading How to Hire a Web Designer or Design Firm, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+!

How to Hire a Web Designer or Design Firm

So you need a great website, right? Everyone does. But if you are not skilled in the art of web design or development, you will need to hire a designer or design company to complete the job for you. This can be a daunting task if you have never done it before. But we can […]


]]>
http://designmodo.com/hire-web-designer/feed/ 2
Free Plugins for Sketch App in Help to Improve Workflow http://designmodo.com/free-plugins-sketch/ http://designmodo.com/free-plugins-sketch/#comments Fri, 17 Apr 2015 06:18:27 +0000 http://designmodo.com/?p=254676 You're reading Free Plugins for Sketch App in Help to Improve Workflow, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+!

Free Plugins for Sketch App

While the team at the Bohemian Coding continues improving its leading product, constantly revamping and reinforcing list of features, the designer/developer community does not just sit around, it also makes its significant contribution. Some give away pre-made graphic stuff that can be quickly customized such as GUIs, icons or mockups, and others, who focus on […]


]]>
http://designmodo.com/free-plugins-sketch/feed/ 0
Evaluating Web Design Education: What is the Best Way to Learn? http://designmodo.com/web-design-education/ http://designmodo.com/web-design-education/#comments Wed, 15 Apr 2015 07:18:44 +0000 http://designmodo.com/?p=254729 You're reading Evaluating Web Design Education: What is the Best Way to Learn?, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+!

Evaluating Web Design Education: Which is the Best Way to Learn?

The world is changing rapidly. Just when we were just getting used to seeing websites came mobile phones, now screens have gone into our eyeglasses. With the web design world changing almost every day, it’s almost daunting to think how one learns web design. Of course, when it comes to learning, there are a lot […]


]]>
http://designmodo.com/web-design-education/feed/ 8
Interesting Navigation Examples in Website Design http://designmodo.com/attractive-navigations/ http://designmodo.com/attractive-navigations/#comments Mon, 13 Apr 2015 11:29:48 +0000 http://designmodo.com/?p=251415 You're reading Interesting Navigation Examples in Website Design, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+!

Interesting Navigation Examples in Website Design

Easy and effective navigation menus effectively contribute to the user experience and improve search. Today, we are going to examine some interesting, original and even pioneering navigation solutions that are truly attention-grabbing and memorable. Some of which will be more complex than what you expect from common navigation concepts. The originality of this idea is […]


]]>
http://designmodo.com/attractive-navigations/feed/ 4
Flat Design vs. Material Design: How Are They Different? http://designmodo.com/flat-vs-material/ http://designmodo.com/flat-vs-material/#comments Fri, 10 Apr 2015 07:34:21 +0000 http://designmodo.com/?p=254221 You're reading Flat Design vs. Material Design: How Are They Different?, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+!

Flat Design vs. Material Design: How Are They Different?

Two similar design styles, one based on the other. One the “hot new thing,” one — some speculate — on its way toward becoming a passing fad. One a spontaneously-adapted design trend, the other a purpose-built set of guidelines. You’re probably familiar with the conflict between flat and material design by now. But what are […]


]]>
http://designmodo.com/flat-vs-material/feed/ 6
Introducing Qards 1.2: Available for Posts and Pages, Typekit Integration and more! http://showcase.designmodo.com/blog/whats-new-in-1-2/ http://showcase.designmodo.com/blog/whats-new-in-1-2/#comments Wed, 08 Apr 2015 18:43:41 +0000 http://designmodo.com/?p=257845 You're reading Introducing Qards 1.2: Available for Posts and Pages, Typekit Integration and more!, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+!

Introducing Qards 1.2: Available for Posts and Pages, Typekit Integration and more!

Qards has been updated to v1.2 and has some new awesome connections with WordPress Plugins and Themes for you to use. It has also become several times faster and lets you use Qards without a lag.


]]>
http://showcase.designmodo.com/blog/whats-new-in-1-2/feed/ 0
Free Icons for Illustrator and Sketch App (SVG, AI, EPS, SKETCH) http://designmodo.com/free-icons/ http://designmodo.com/free-icons/#comments Wed, 08 Apr 2015 07:16:16 +0000 http://designmodo.com/?p=255231 You're reading Free Icons for Illustrator and Sketch App (SVG, AI, EPS, SKETCH), originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+!

Free Icons for Illustrator and Sketch App (SVG, AI, EPS, SKETCH)

Looking for the perfect icon pack? Try the freebie or buy the expanded icon kit with more than 1,500 high quality icons in 16 different categories. Every vector-perfect icon comes in three editable styles — outline, filled and colored. Every icon comes with a pixel perfect design for guaranteed sharpness and consistency. Built on a […]


]]>
http://designmodo.com/free-icons/feed/ 0
Prepare Landing Pages for Google’s “Mobile Friendly” Algorithm, Beginning April 21 http://designmodo.com/mobile-friendly-algorithm/ http://designmodo.com/mobile-friendly-algorithm/#comments Tue, 07 Apr 2015 05:34:33 +0000 http://designmodo.com/?p=255267 You're reading Prepare Landing Pages for Google’s “Mobile Friendly” Algorithm, Beginning April 21, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+!

Prepare Landing Pages for Google's “Mobile Friendly” Algorithm, Beginning April 21

Google’s mobile ranking algorithm will be released at April 21 and is going to include mobile-friendly usability factors. It’s a change in the search and mobile search era because the impact of this algorithm will be higher than Google Panda, Google Penguin and Google Hummingbird. Be sure your website is mobile-friendly; it is now more […]


]]>
http://designmodo.com/mobile-friendly-algorithm/feed/ 6
Guide to the Onboarding Process in Mobile Apps http://designmodo.com/onboarding-apps/ http://designmodo.com/onboarding-apps/#comments Thu, 02 Apr 2015 06:37:49 +0000 http://designmodo.com/?p=244112 You're reading Guide to the Onboarding Process in Mobile Apps, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+!

Onboarding Process in Mobile Apps

Onboarding can take on a few different shapes. Sometimes it’s as simple as account creation or logging in. Sometimes it’s more extensive where it includes a walk-through or a tour of your app. No matter how extensive your onboarding process is, it’s always valuable to see how others are doing it to see what you […]


]]>
http://designmodo.com/onboarding-apps/feed/ 2
Designing for Apple Watch: Getting Started http://designmodo.com/design-apple-watch/ http://designmodo.com/design-apple-watch/#comments Wed, 01 Apr 2015 06:17:50 +0000 http://designmodo.com/?p=253385 You're reading Designing for Apple Watch: Getting Started, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+!

Designing for Apple Watch: Getting Started

The highly anticipated Apple Watch will hit stores later this month with thousands of watch apps competing for your attention. With a smaller screen size, always on the wrist and different ways to interact, creating a beautiful, delightful experience on the Apple Watch will require new design approaches. This primer will help get you started. […]


]]>
http://designmodo.com/design-apple-watch/feed/ 0
10 Actionable Design Tips for Startups http://designmodo.com/design-tips-startups/ http://designmodo.com/design-tips-startups/#comments Mon, 30 Mar 2015 07:31:05 +0000 http://designmodo.com/?p=251454 You're reading 10 Actionable Design Tips for Startups, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+!

10 Actionable Design Tips for Startups

Startups are popping up everywhere with an emphasis on the freedom for people to embody their ideas and let the world see it. However, most startups don’t have design founders or have inexperienced designers joining startups in hopes of hitting it big. As a designer, I’ve made many mistakes and have seen other young designers […]


]]>
http://designmodo.com/design-tips-startups/feed/ 2
Why Good Design Gets Better Marketing Results http://designmodo.com/design-marketing/ http://designmodo.com/design-marketing/#comments Fri, 27 Mar 2015 08:27:25 +0000 http://designmodo.com/?p=251383 You're reading Why Good Design Gets Better Marketing Results, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+!

Why Good Design Gets Better Marketing Results

As designers we all know the importance of visually pleasing websites. But it goes much deeper than that. Good design does more than just look good; it’s a branding and marketing tool that really can help deliver results. Here, we’ll look at 10 reasons why good design matters in terms of marketing and a few […]


]]>
http://designmodo.com/design-marketing/feed/ 1
New Fonts Released in 2015 http://designmodo.com/new-fonts-2015/ http://designmodo.com/new-fonts-2015/#comments Thu, 26 Mar 2015 06:33:50 +0000 http://designmodo.com/?p=249504 You're reading New Fonts Released in 2015, originally posted on Designmodo. If you've enjoyed this post, be sure to follow on Twitter, Facebook, Google+!

New Fonts Released in 2015

The first three months of 2015 have passed and some new web design trends have started spreading throughout the design world. Among them are the so-called “tile design” and the love for websites which feature only one color. However, typography, which has always been an important element in modern graphic design, will become more and […]


]]>
http://designmodo.com/new-fonts-2015/feed/ 0