Knowing what to focus on to keep your website design efficient and user-friendly, this article shares some new skills in web design and website development.
2. Layout technology How we arrange things in our viewport is evolving. There are exciting developments here-especially flexible box layout modules and CSS grid layouts. Familiar with these, you will be able to create subtle, responsive layouts, perfect RWD and interface designs.
The CSS grid layout looks just as interesting. If you are just getting started, I recommend learning CSS layout. This will take you through layout principles in an easy-to-follow way, so you can make sure your skills are up to date.
3. Modular design As the screen size increases, the context of our design is changing. What we need is a "content building block" that can adapt to any environment. The modular, reusable snippets of learning content serve as a basis for design, which helps us create content that fits any situation, which is a powerful skill.
4. Printing principles "95% of information on the web is in written language," said information architect Oliver Reichenstein. "It's logical to say that a web designer should be well trained in the main disciplines that shape written information. In other words, typography.
That being said, the principle of typography-especially applied to the web-is that I think we can all stand to learn more. Great typography improves readers' appreciation of content; we should all work hard.
5, animation principle in the interface we design more and more expect animation. Subtle animations and interactions, used well, can be the difference between an app or a website and feel native, seamless and attractive.
Understanding the principles that support animation-such as time, easing, and space-conscious ideas-is becoming increasingly important. There is a lot to learn from here, but I recommend starting with Disney's work.
There are many useful tools that allow you to handle animation in the context of interaction design, and exploring these will become more and more helpful to designers. Tools like After Effects, framer and Atomic will become a valuable part of the designer's toolbox.
But a key point to emphasize is that animations should be used with caution. After all, as the Sophie Paxton blog states, "Your UI is not a Disney movie."