Javascript error. Please enable.
Primere Creatives: Custom content management Ver: 0.3.4 rev: 237 (Modified) :: Primere CMS :: Interface, Design
About Primere CMS - custom CMS system Front-end Back-end Development Home Prices, Orders E-books Contact Login / Register Official News Education - Class works Webdesign, Front-end Portfolio Technical Drawings Portfolio Creative Print Portfolio Back-end Developments Portfolio Primere CMS as Images Language About Articles, Blogs Education Print Prepress Development, Design <a id="SubMenu" href="./?Lang=en&mainmenu=primerecms&SubMenuNum=2">Primere CMS</a>
HOMEPrimere CMS - custom CMS systemContent structureInterface, Design

The user interface

Significantly greater role in the design of the user interface since the proliferation of mobile devices. They must also state in portrait and landscape create a convenient site, and to take account of the growing differences in screen resolutions.

Responsive design

We can think back with nostalgia to the time when even writing out to websites that you should be read pages at what resolution. Made a 1024 pixel wide screen website was not comfortable either resolution 600 x 800 pixels, and no bigger than 1024 x 768. This announcement was even then a strategic error, aggravating required to view the download page or download and install fonts, plugins, or codec or player for video. Today, this error corrected, who do not, it can not be taken seriously.

The general rule about the user interface today is that we write nothing to the page about the request or instruction how to read any page on the device. Pages have to work in portrait and landscape position, low and high resolutions, without custom programs and plugins.

Which enables it to all your devices (including mobile devices - tablets - phones) to a user page is displayed correctly, called responsive design. Such pages are at least three types of graphic design is made from a mobile device landscape, consisting of a mobile device and a traditional landscape screen. This design today is technically not require any hardcore programming, the simplest way using CSS3 can be solved. The tools of course, not only the above three variants, and assume that no one working in traditional screen during 1200 pixel resolution (which does not mean anything, because there is plenty of both mobile devices during 1200 pixels). Upwards, however meet in 1366, 1920, 2048, 2560, pixels spreading to the 4K and 8K resolution in the future devices. Here is a summary of the possible current situation is not satisfactory as regards the high number of devices.

This announcement was even then a strategic error, aggravating what required to view the page install custom fonts, plugins, or codec and player for video.

Although in theory it can be done that do not deal with the lower-resolution than traditional screens in 1200 with the case of mobile devices, the resolution still fall below this, in fact can be lower than computers have been very rare 600 x 800 px resolutions. For this reason, not only to plan the site of two orientation (portrait or landscape), but the prevalence of higher resolution from low resolution mobile devices. This may not be the way for you to write it out how we can view, what means maintaining the site, but also with the help of modern facilities to automate this solution. This kind of automatic detection screen at least 3, but usually five, maybe seven steps need to be resolved, and the website where the effect of these situations that automatically rearranged.

Page content and layout of the elements in some cases, depending on the size and width of the client resolution. Wide-screen, two-column content and sidebar views. Narrower screen to disappear the sidebar, or even narrower screen is available the one column of the content.

The modern interface

If you design the content responsive rearrangement of all resolutions, you should decide whether the surface appearance, which includes graphic design and typography plan. It is beyond doubt that the modern web interfaces called modern or obsolete design trends of questions. Rather, many of these current design trends will be rotated, some of them will return, some of them seem to ever sink. Therefore, when talking about the modern interfaces, the only current probably valid for a short period, we will replace another (sometimes only return) design trend in the foreseeable future. Due to this periodicity is not just delving into the trends characterizing today, only a list and bounds, with the remark that they are not at all important for everyone to observe:

The interface is simple (a clean, minimalist). There are complex topics, which for simplicity forcing handicap or impractical. Minimalism is a specific trend of art, which should be familiar with the adopter, but typically do not recognize. Not to be confused with involuntary simplicity, because minimalism is much more complicated.The minimalist design makes the viewer to associate, so that it uses simple (visual) references. The "minimalist" design, which does not carry any association, but simply for its own sake.Flat design. Minimalism can be a web branch, but it is not. Undoubtedly simple, but not always practical, significant against the camp also, as the user interface is created in Windows 8. Have to think a lot before applying flat design to webpage (link ...) . The website usability no way we can frame a flat design (or other trendy, but may be impractical interface design) for the sake: link...Vector graphics instead of Photo illustrated topics.Covers. The site's main page is a graphics typically looks like a "cover" that is analogous to a printed brochure with cover page. From here, you can reach the content of the website.One content unit one screen page. This is not feasible in all cases, and at the moment I would not say this trend be followed, despite the fact that apparently spread. This solution is often combined with the fact that they are a result of the screenful of content units change.Snowfall design. Be quite controversial, as it was once the flash, there is a topic which is completely good and what is not. Recognizing this primary, and if not, you can not use this technique on him. Here's a good example. The downside is that the content the order of sections where no, or only with difficulty can freely jump between articles, disregarding their order. Primarily used to display a short text content, the extent of which roughly one article. Along with this, there is that this technique is used to display content is complex against the disadvantages. Parallax scrolling. I see a similarity between the "parallax scrolling" and snowfall technology and design trends, but there is no doubt that it must be some parallax, while no snowfall. Samples in a dilemma to decide.Re-animated images. These GIF files are once gone out of design, and now again becoming. More often to use a short animation of a funny article illustration. (I do not think that makes sense.)The modern responsive surface, can be used on all devices. This is unavoidable today.Constantly changing layout (see Parallax scrolling Snowfall and design). This trend is not so old, and I did not like, annoying and completely unnecessary content that is long. (Sample). A good example is when an end in itself generated by the possibility of technology trends override the rules of reasonable content consumption.Horizontally scrollable content. Is not the first such attempt, the Flash bygone era were similar (meaningless) attempts. If you have short text and a lot of images instead, Flash and CSS can be resolved with the graphic elements are predominant, not an end in itself, it might make sense to some, typically creative professions.
Answer of modern or obsolete the Web interface, depending the current design trend.

Could be listed a few trendy things, pictorial illustration, the funnier it is becoming more relaxed communication, user interaction, and the horizontal scrolling and navigation by ball of the mouse.

I do not think that the success of a website for the current design trend have great importance, and certainly I do not think that all the existing fashion should be displayed on one page.

The importance of usability analysis

For a website usability analysis addresses the other added features, but one of the most important element of that future visitors will be able to use the developed interface. You can determine the knowledge of the content. There is a brief content used in modern design, you should not or almost impossible to adapt a long newspaper-like content. The complexity of the structure of the page content reduced the number of the useful "design trends", forcing them to design useful, but maybe not trendy user interface. Therefore, the actual performance of such an analysis, it does not happen before the construction of the website revealed that after the transfer to the interface due to unsuitability of no interest towards the website.

The interface and design flaws

If the interface is incorrect, the design is not capable of displaying the same content and structuring, modern and trendy solutions lose their original value. The questions of web design - no about technical programming - are collected together for quite some time, and updated periodically on this site. Inquiries regarding the design may have to start from here, that knowledge of the mistakes is not automatically cause it to become a successful web design and interface design. It is definitely a good understanding if the concepts wrong, if too much ideas, and show a direction that will help you avoid the pitfalls of planning.

Discovering the wrong ideas is not automatically cause it to be successful web design and interface design.

Planning Sequence

The list of articles and links help a lot for website construction and content of the author's, that is not a website designers. Essentially all of the trends or what the company entrusted with execution (or creative) favorite design trend, if it is not suitable for processing on the subject. The use of flat and parallax trends quite risky, because they are not content and easy-navigation friendly enough. Therefore, the first step in understanding the process of design theme, that the process is able to structure the content to display and the design interface, this is usability analysis, and finally the implementation.

The development of the website is not adapted to the current trends, but you should look for solutions to the modern ones that can be used to achieve a given goal. In many cases may not be the most spectacular, the most trendy, most advanced solutions, but they ensure that the website can be used.

If you want to set up a prioritization of usability, design, functionality, and content between components, the design of this line would be the least important that does not automatically mean that the design is not important and can worse.